.KyYQB {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--app-height, 100vh);
    background: var(--app-background--color);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
    pointer-events: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 1000001;
  }

.Zj8JC {
    display: flex;
    width: 80%;
    height: 95%;
    max-width: 850px;
    max-height: 600px;
    overflow: initial;
  }
  .yYKRp {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: initial;
  }
  .ddIBZ {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 24px;
    font-size: 1.3rem;
    color: #fff;
    background-color: #1892d5;
  }
  .NS96y {
    position: absolute;
    padding: 0;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    color: #c4c4c4;
    z-index: 1000;
  }
  .SVelF {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
  }
  .HgeOd {
    display: none;
  }

.SOTF9 {
    position: absolute;
    inset: 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--grey10);
    overflow: auto;
    padding: 10px;
  }
  .pWMVV div[class*="ms-Modal-scrollableContent"] {
      overflow-y: visible;
    }
  .HTDPA {
    padding: 10px;
    color: var(--error--color);
    white-space: pre-wrap;
  }

.tgWWV {
    height: 40px;
    background-color: #ef6c00;
    z-index: 100;
    padding: 6px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .tgWWV > span {
    color: white;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
  }
  .tgWWV > button {
    margin-left: 15px;
    color: white;
    background-color: #fb8c00;
    border-radius: 4px;
    border-width: 0;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    padding: 4px 14px;
    height: 28px;
    cursor: pointer;
  }

.o2RnU {
    margin: 0 !important;
    padding: 16px 40px 40px !important;
    width: 100% !important;
    max-width: min(100%, 1140px) !important;
  }
  .E4sc_ {
    padding: 0 !important;
    max-width: 100% !important;
  }
  .GMJhl {
    margin: 0 !important;
    max-width: 100% !important;
  }
  .GMJhl div[data-type="datetime"] {
      width: 100%;
      max-width: 100%;
     }
  .xGX2R {
    position: sticky;
    z-index: 1;
  }
  .ROm_s {
    display: block;
    max-width: 100%;
    flex-basis: 100%;
    min-height: 0 !important;
  }
  .O8211:first-child {
      padding-left: 0 !important;
    }
  .O8211:last-child {
      padding-right: 0 !important;
    }


.F7hSc {}

.wATQg {
    width: 100%;
  }
  .lSAqp {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    border: 0;
    background-color: initial;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: var(--app-font--color);
  }
  .lSAqp:focus {
    outline: 0;
  }
  .RXCEb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    max-width: calc(100% - 21px);
    font-size: 1.2rem;
  }
  .lSAqp .goyqj {
    font-weight: 700;
    margin-top: 5px;
    font-size: 0.8rem;
    margin-left: 5px;
  }
  .Dlxve {
    margin-top: 15px;
    position: relative;
  }
  .WjzDD {
    font-size: 0.9rem;
  }

.A1jzU {
    display: flex;
    color: var(--app-font--color);
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-height: 21.6px;
    line-height: 1.4;
    font-weight: 600;
    font-size: 1rem;
    max-width: 100%;
  }
  ._aFmX {
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    max-width: calc(100%);
    text-overflow: ellipsis;
  }
  .K8tHD {
    color: var(--input-rest--required--color);
  }
  .yfPWO {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
  }
  .yfPWO > div {
    display: inline-flex;
    align-items: center;
  }
  .ci9Uy {
    color: var(--app-font--color);
  }

.IPfUL {
    color: var(--accent-rest--color);
    outline: none;
    text-decoration: none;
    transition: color 0.05s linear;
  }
  .IPfUL:active, .IPfUL:hover, .IPfUL:active:hover {
    color: var(--accent-hover--color);
  }
  .M_zGx {
    display: flex;
    align-items: center;
  }
  .M_zGx > svg {
      margin-left: 8px;
    }
  .M_zGx > svg [stroke="var(--app-font--color)"] { 
        stroke: var(--accent-rest--color);
      }
  .M_zGx > svg [fill="var(--app-font--color)"] { 
        fill: var(--accent-rest--color);
      }

.Jm7Fv {
    width: 100%;
    height: 100%;
  }
  .rbQ5M {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
  }

.MN0q5 {
    overflow-y: auto;
    min-height: 300px;
    height: calc(100% - 46px);
    overflow-x: auto;
    outline: none;
    position: unset !important;
  }
  .LpkeS {
    pointer-events: none;
  }
  .A_ASW {
    height: 400px;
    max-height: 400px;
  }
  .MJX0R {
    max-height: 100%;
  }
  .MN0q5 .zwBAt tbody tr:hover {
    background-color: rgb(0 0 0 / 7%);
  }
  .Y0sL_ {
    width: 100%;
  }
  .qyEgr td {
    border-bottom: 0 transparent;
  }
  .mQXBM {
    display: inline-flex;
  }
  .watHK {
    width: 300px;
  }
  .uin4Z {
    flex: 1 1 100%;
    display: flex;
  }
  .MgoMO {
    width: 100%;
    border: 1px solid var(--grey22) !important;
    border-left: none !important;
    overflow: hidden;
  }
  .b4un1 {
    margin: 5px;
    padding: 15px;
    width: 100%;
    display: flex;
  }
  ._x6ol {
    opacity: 0.2 !important;
  }
  .QKSf4 {
    border-width: 2px;
    border-color: rgb(102 102 102);
    border-style: dashed;
    border-radius: 5px;
  }
  .wubVj {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    margin-bottom: 40px;
  }
  .wubVj > span {
    color: var(--error--color);
  }
  .Ubm7Y {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .l0ZHy {
    box-shadow: 0 0 10px 0 var(--error--color);
  }
  .IDu_g {
    display: flex;
    margin-top: 60px;
    width: 100%;
    max-height: calc(100% - 112px);
    overflow-y: auto;
    justify-content: center;
  }
  .IDu_g .dIMNQ {
      display: none;
    }
  .IDu_g > img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
  .IDu_g > audio {
    width: calc(100% - 50px);
  }
  .IDu_g > video {
    width: calc(100% - 50px);
    height: auto;
    max-height: calc(var(--app-height) - 112px);
  }
  .BlhBz {
    position: relative;
    width: 100%;
    overflow-y: scroll;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    max-height: calc(var(--app-height) - 112px);
    top: 0;
  }
  .NypHr {
    position: relative;
    width: 100%;
    overflow-y: scroll;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    max-height: calc(100% - 52px);
    top: 0;
  }
  .JLVJN > div {
    box-shadow: none !important;
  }
  .TGLAX {
    width: 150px;
    margin-bottom: 0;
    align-self: center;
  }
  .lTnnS {
    background-color: lightgrey;
    min-height: 100%;
    overflow: hidden;
    position: relative;
  }
  .dcA3_ {
    margin: 0 auto;
    max-height: max-content;
    max-width: max-content;
    position: relative;
  }
  .iVjfF {
    position: relative;
    display: flex;
    height: 32px;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    padding: 0 25px;
  }
  .UxaCX {
    height: 32px;
    cursor: pointer;
  }
  .wPDkS {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .xMbLj {
    display: flex;
    align-items: center;
  }
  .xMbLj > button + button {
    margin-left: 10px;
  }
  .wPDkS > button + button {
    margin-left: 10px;
  }

.pg15j {
    font-weight: 600;
  }
  .Vgx5R {
    display: inline;
  }

.g8iYU {
    color: var(--app-font--color);
  }
  .IIFJ_ {
    max-height: 114px;
    overflow-y: hidden;
  }
  .zNplP {
    cursor: pointer;
    margin-top: 10px;
    color: var(--accent-rest--color);
    margin-left: 15px;
  }
  .zNplP i {
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 12px;
  }
  .zNplP:hover {
    color: var(--accent-hover--color);
  }

.H29CP {
    display: inline;
    cursor: pointer;
    color: var(--accent-rest--color);
    outline: none;
    text-decoration: none;
  }
  .H29CP:hover {
    color: var(--accent-hover--color);
  }

.DqACT {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    gap: 10px;
  }
  .M84mp {
    margin-bottom: 16px;
  }
  .RUutC {
    padding: 0;
    margin: 0;
  }
  .utdGg input[type="text"] {
    width: 100%;
  }
  .Ept0y {
    width: 100%;
  }
  .yryZi {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--app-font--color);
  }
  .yryZi span {
    font-weight: 500;
    font-size: 1rem;
  }
  .yryZi .RUutC {
    margin: 0;
  }
  .HpLhe {
    width: 100%;
    margin-right: 5px;
  }
  .XDhMk {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .LubIK {
    display: flex;
    margin-top: 10px;
    align-items: center;
    gap: 5px;
  }
  .LubIK .RUutC > div {
    padding: 0;
    margin: 0;
  }
  .uwtOP {
    display: flex;
    width: 100%;
    margin-top: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .uwtOP .CWA4Y {
    display: flex;
    width: 100%;
    margin: 0;
    gap: 5px;
    align-items: flex-end;
  }
  .CWA4Y .RUutC {
    margin: 0;
  }
  .eLipK {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .henM_ {
    width: 170px;
    margin: 0;
  }
  .qmlLi {
    width: 100% !important;
    display: flex;
    align-items: flex-end;
    gap: 5px;
  }

.gEoDY {
    display: flex;
    flex-direction: row;
    min-height: 30px;
  }
  .n27Xd {
    flex: 1 1 0;
    line-height: 30px;
    color: var(--app-font--color);
  }
  .q7LrB {
    text-transform: uppercase;
  }
  .ViPzQ > button {
    background-color: transparent;
  }

.u7GhU {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    max-height: calc(var(--app-height) - 149px);
  }
  .Q7VhC {
    flex: 1 1 0;
    overflow-y: auto;
    margin-right: 420px;
  }

.DxM5v .ms-Panel-contentInner {
    height: 100%;
  }
  .DxM5v .ms-Panel-scrollableContent {
    flex: 1 1 0;
    overflow-y: hidden;
  }
  .DxM5v div[class*="header"] {
      color: var(--app-font--color);
    }
  .VuxEe {
    outline: none;
    padding-top: 16px;
  }
  .VuxEe > button {
    margin-right: 8px;
  }

.TpSQq {
    position: relative;
  }
  .yIUIY {
    min-height: 19px;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
  }
  .vkxCR {
    height: fit-content;
    color: var(--accent-rest--color) !important;
  }
  .vkxCR:hover {
    transition: background 0.2s ease-in-out;
    background: #f9f8f8;
  }

.aRKAi {
    color: var(--app-font--color);
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
    max-width: calc(100%);
    text-overflow: ellipsis;
    min-height: 21px;
  }
  span[type="error"] {
    white-space: pre;
  }
  div[type="warning-box"] span p {
    white-space: pre;
  }
  .SzWBM div[class*="cm-editor"] {
      border: 1px solid var(--error--color);
    }

.pbqUm {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    background: var(--grey10);
  }

    .pbqUm i:not([data-icon-name="Link"]) {
      color: var(--input-rest--text-value--color);
    }
  .ZG_jy {
    position: relative;
    height: calc(100% - 44px);
    max-width: 100%;
    width: 100%;
  }
  .wOeD0 {
    display: flex;
    max-width: 600px;
    width: fit-content;
    align-items: center;
  }
  .wOeD0 > span {
      text-overflow: ellipsis;
      display: inline-block;
      white-space: nowrap;
      max-width: calc(100%);
      overflow: hidden;
    }
  .wOeD0 > * + * {
      margin-left: 6px;
    }
  .qtaDK {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m39IM {
    color: var(--accent-rest--color);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.05s linear;
  }
  .m39IM:hover * {
      color: var(--accent-hover--color);
    }
  .m39IM > * + * {
      margin-left: 0.5rem;
    }
  .pbqUm thead {
    position: sticky;
    top: 0;
    background: var(--grey10);
    width: 100%;
    padding: 0 10px;
    z-index: 555;
    box-shadow: 0 0 1px rgb(0 0 0 / 12%);
  }
  .pbqUm tr {
    height: 48px;
    vertical-align: middle;
  }
  .pbqUm th {
    font-size: 12px;
    font-weight: 400;
  }
  .pbqUm th button {
      color: var(--input-rest--text-value--color);
    }
  .pbqUm td, .pbqUm th {
    color: var(--input-rest--text-value--color);
    padding: 4px 12px;
    text-align: left;
    border-bottom: 1px solid rgb(224 224 224);
    vertical-align: inherit;
  }
  .pbqUm .iX4Xu {
    padding: 0 0 0 10px;
  }
  .QmevE {
    display: flex;
    justify-content: center;
    margin-top: 44px;
  }
  .QmevE > span:nth-child(1) {
      display: block;
      font-size: 1.5em;
      margin-block-start: 0.83em;
      margin-block-end: 0.83em;
      font-weight: 400;
      text-align: center;
    }
  .EW5BO {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .EW5BO div[class*="ms-Check"]::before {
        background: transparent
      }
  .EW5BO div[class*="ms-Check is-checked"] i {
        color: var(--app-background--color);
      }
  .EW5BO div[class*="ms-Check is-checked"]::before {
        background: var(--accent-rest--color) !important
      }
  .qA5F5 {
    width: 100%;
    text-align: left;
    border: none;
    background-color: initial;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 48px;
  }
  .qA5F5:focus {
    outline: 0;
  }
  .daYqp {
    font-size: 16px;
  }
  .R5YRE {
    width: 10px;
    background: var(--accent-rest--color);
  }
  .VFzsp {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
  }
  .YbSaP {
    display: block;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
  }
  .vuCF2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .vuCF2 > * + * {
      margin-top: 4px;
    }
  td[data-automation-key="authorLink"] {
    max-width: 160px;
  }

.b6bCn:not(.M2_FO) button[class*="is-expanded"], .b6bCn:not(.M2_FO) button[class*="is-checked"], .b6bCn:not(.M2_FO) .ZjDRl[class*="is-checked"] {
    background-color: #eaeaea;
  }
  .b6bCn:not(.M2_FO) button[class*="is-checked"] i, .b6bCn:not(.M2_FO) button[class*="is-checked"] span[class*="ms-Button-label"] {
    color: var(--accent-rest--color) !important;
    font-weight: 600;
  }
  .y2FWH {
    background-color: var(--grey22) !important;
    border-radius: 0.125rem;
  }
  .y2FWH:hover {
      background-color: var(--grey30) !important;
    }
  .y2FWH i {
      color: var(--accent-rest--color) !important;
    }
  .y2FWH span[class*="ms-Button-label"] {
      color: var(--accent-rest--color) !important;
      font-weight: 600 !important;
    }
  .b6bCn:not(.M2_FO) .ZjDRl, .b6bCn:not(.M2_FO) button {
    border: none;
    background-color: transparent;
    padding: 0 4px;
  }
  .b6bCn:not(.M2_FO) .ZjDRl span, .b6bCn:not(.M2_FO) button span {
      font-weight: 400;
    }
  .b6bCn:not(.M2_FO) .ZjDRl span svg [fill='var(--app-font--color)'], .b6bCn:not(.M2_FO) button span svg [fill='var(--app-font--color)'] {
          fill: var(--command-bar-icon--color);
        }
  .b6bCn:not(.M2_FO) .ZjDRl span svg [stroke='var(--app-font--color)'], .b6bCn:not(.M2_FO) button span svg [stroke='var(--app-font--color)'] {
          stroke: var(--command-bar-icon--color);
        }
  .b6bCn:not(.M2_FO) .ZjDRl:hover, .b6bCn:not(.M2_FO) button:hover {
      background-color: #eaeaea;
    }
  .b6bCn:not(.M2_FO) .ZjDRl:hover span svg [fill='var(--app-font--color)'], .b6bCn:not(.M2_FO) button:hover span svg [fill='var(--app-font--color)'] {
            fill: var(--command-bar-icon-hover--color);
          }
  .b6bCn:not(.M2_FO) .ZjDRl:hover span svg [stroke='var(--app-font--color)'], .b6bCn:not(.M2_FO) button:hover span svg [stroke='var(--app-font--color)'] {
            stroke: var(--command-bar-icon-hover--color);
          }
  .b6bCn:not(.M2_FO) .ZjDRl i, .b6bCn:not(.M2_FO) button i {
      color: var(--accent-rest--color);
      background-color: transparent !important;
    }
  .hfg26 {
    pointer-events: none;
  }
  .hfg26 i {
      color: var(--app-font--color) !important;
    }
  .pXhGB {
    width: 100%;
  }
  .Fw1bw {
    width: 100%;
    overflow: hidden;
    min-height: 44px;
  }
  .Fw1bw div[class*="ms-CommandBar-primaryCommand"] {
    width: 100%;
    overflow: hidden;
    max-width: 100%;
  }
  .Fw1bw a {
    background-color: transparent;
  }
  .Fw1bw a:hover {
    background-color: #eaeaea;
  }
  .E7oQZ {
    display: flex;
    align-items: center;
    min-width: 80px;
    transition: all 0.1s linear;
    padding: 0 4px;
  }
  .E7oQZ > div {
      margin: 0 4px;
      height: 16px;
      line-height: 16px;
    }
  .E7oQZ > button {
      min-width: 0;
    }
  .lbe29 {
    pointer-events: none;
  }
  .wWDKe {
    margin: 0 4px;
  }

.ouYeb {
    display: flex;
    width: 100%;
    flex-grow: 1;
    overflow-y: hidden;
    max-height: 100%;
    height: 100%;
    position: relative;
    flex-direction: column;
  }

    .ouYeb > div[role="tablist"] {
      display: flex;
      height: 75px;
      min-height: 75px;
      width: calc(100% - 40px);
      margin: 0 20px;
      padding: 0 20px;
      align-items: center;
      background: #fff;
      border-bottom: 1px solid var(--grey22);
    }

    .ouYeb > div[role="tablist"] button[role="tab"] + button[role="tab"] {
        margin-left: 8px;
      }

    .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] {
        margin-left: 8px;
        margin-right: 0;
        border-radius: 2px;
        height: 60px;
        width: 60px;
        min-width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

    .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] i {
          display: contents;
          line-height: 1.4;
          vertical-align: middle;
          margin: 0;
          padding: 0;
          font-size: 30px;
        }

    .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"][class*="is-expanded"] {
        background-color: var(--grey10);
      }

    .ouYeb > div[role="tablist"] button[role="tab"] {
        cursor: pointer;
        padding: 0 8px;
        max-width: 232px;
        position: relative;
        margin: 0;
        height: 60px;
        background-color: var(--app-background--color);
        transition: all 0.2s linear;
      }

    .ouYeb > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
          max-width: 216px;
          width: auto;
          font-size: 18px;
          line-height: 65px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-weight: 400;
          color: var(--app-font--color);
        }

    .ouYeb > div[role="tablist"] button[role="tab"]::before {
          left: 0;
          background-color: transparent;
          right: 0;
          transition: background-color 0.2s linear;
        }

    .ouYeb > div[role="tablist"] button[role="tab"]:hover::before {
          content: "";
          display: block;
          position: absolute;
          height: 2px;
          width: 100%;
          bottom: 0;
          left: 0;
          border-radius: 4px;
          background-color: var(--accent-pressed--color);
        }

    .ouYeb > div[role="tablist"] button[role="tab"]:hover span[class*="ms-Pivot-text"] {
            color: var(--app-font--color);
          }

    .ouYeb > div[role="tablist"] button[role="tab"][aria-selected="true"] {
        background-color: var(--grey10);
      }

    .ouYeb > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-text"] {
          font-weight: 600;
        }

    .ouYeb > div[role="tablist"] button[role="tab"][aria-selected="true"]::before {
          content: "";
          display: block;
          position: absolute;
          height: 2px;
          width: 100%;
          bottom: 0;
          left: 0;
          background-color: var(--accent-rest--color);
        }

    .ouYeb > div[role="tabpanel"] {
      display: flex;
      flex-grow: 1;
      width: 100%;
      padding: 5px 0;
      position: relative;
      overflow-y: auto;
      flex-direction: column;
    }

    .ouYeb > div[role="tabpanel"] div[role="cards-container"] {
        padding: 20px 0;
        width: 100%;
      }

    .ouYeb > div[role="tabpanel"] div[data-testid="table"] {
        height: 100% !important;
      }

    .ouYeb > div[role="tabpanel"] > div {
        flex-grow: 1;
        height: 100%;
      }

    .ouYeb > div[role="tabpanel"] > div > div:nth-of-type(1), .ouYeb > div[role="tabpanel"] > div > section:nth-of-type(1) {
        width: calc(100% - 80px);
        padding: 0 40px;
      }
  .lINdz {
    overflow-y: visible;
    background: #fff;
    width: 100%;
  }
  .lINdz > div[role="tablist"] {
      height: 32px;
      min-height: 32px;
      border: none;
    }
  .lINdz > div[role="tablist"] button[role="tab"] {
        height: 100%;
        padding: 2px 10px 8px;
      }
  .lINdz > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
          font-weight: 400;
          color: #605e5c;
          font-size: 14px;
          line-height: 1.4;
        }
  .lINdz > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-linkContent"] {
          display: flex;
          align-items: center;
        }
  .lINdz > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-count"] {
          font-weight: 700;
          color: #605e5c;
        }
  .lINdz > div[role="tablist"] button[role="tab"]::before {
          height: 1px;
          background: #e0e0e0;
        }
  .lINdz > div[role="tablist"] button[role="tab"]:hover::before {
          background: rgb(98 100 167 / 50%);
          height: 2px;
        }
  .lINdz > div[role="tablist"] button[role="tab"][aria-selected="true"] {
        height: 100%;
        padding: 2px 10px 8px;
        background-color: var(--grey10);
      }
  .lINdz > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-text"] {
          font-weight: 600;
          font-size: 14px;
          line-height: 1.4;
          text-align: center;
          color: #6264a7;
        }
  .lINdz > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-count"] {
          color: #6264a7;
        }
  .lINdz > div[role="tablist"] button[role="tab"][aria-selected="true"]::before {
          height: 3px;
          background: #6264a7;
        }
  .lINdz > div[role="tablist"] button[role="tab"] + button[role="tab"] {
        margin-left: 0;
      }
  .lINdz > div[role="tabpanel"] {
      margin-top: 24px;
    }
  .lINdz > div[role="tabpanel"] div[data-testid="table"] {
        height: fit-content !important;
      }
  .ykjBv {
    overflow-y: visible;
    background: ##f5f5f5;
    width: 100%;
  }
  .ykjBv > div[role="tablist"] {
      height: 37px;
      max-height: 37px;
      min-height: 37px;
      padding: 0;
      margin: 24px 20px 0;
      width: 100%;
      background: transparent;
      border: none;
    }
  .ykjBv > div[role="tablist"] button[role="tab"] {
        height: 100%;
        background: transparent !important;
        padding: 0 0 17px;
      }
  .ykjBv > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
          font-weight: 400;
          color: #616161;
          font-size: 14px;
          line-height: 1.4;
        }
  .ykjBv > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-linkContent"] {
          display: flex;
          align-items: center;
          justify-content: center;
        }
  .ykjBv > div[role="tablist"] button[role="tab"]::before {
          height: 3px;
          border-radius: 2px 2px 0 0;
          background: transparent;
        }
  .ykjBv > div[role="tablist"] button[role="tab"]:hover::before {
          background: #7ea1d7;
          height: 3px;
        }
  .ykjBv > div[role="tablist"] button[role="tab"][aria-selected="true"] {
        height: 100%;
        padding: 0 0 17px;
        background-color: var(--grey10);
      }
  .ykjBv > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-text"] {
          background: transparent;
          font-weight: 600;
          font-size: 14px;
          line-height: 1.4;
          text-align: center;
          color: #242424;
        }
  .ykjBv > div[role="tablist"] button[role="tab"][aria-selected="true"]::before {
          height: 3px;
          border-radius: 2px 2px 0 0;
          background: #1b3a6a;
        }
  .ykjBv > div[role="tabpanel"] {
      margin-top: 12px;
      padding: 0;
    }
  .ykjBv > div[role="tabpanel"] div[data-testid="table"] {
        height: fit-content !important;
      }
  .EKyuf > div[role="tabpanel"] {
      max-height: calc(var(--app-height) - 175px);
    }
  .LKTmo > div[role="tablist"] {
      width: 100%;
      margin: 0;
      padding: 0;
    }
  .LKTmo > div[role="tabpanel"] > div > div:nth-child(1), .LKTmo > div[role="tabpanel"] > div > section:nth-child(1) {
        width: 100%;
        padding: 0;
      }
  @media (min-width: 800px) and (max-width: 1024px) {
      .ouYeb > div[role="tablist"] {
        height: 65px;
        min-height: 65px;
      }

        .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] {
          height: 50px;
          width: 50px;
          min-width: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

          .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] i {
            font-size: 25px;
          }

        .ouYeb > div[role="tablist"] button[role="tab"] {
          height: 50px;
        }

          .ouYeb > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
            font-size: 16px;
            line-height: 55px;
          }
  }
  @media (max-width: 800px) {
      .ouYeb > div[role="tablist"] {
        height: 47px;
        min-height: 47px;
      }

        .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] {
          height: 37px;
          width: 37px;
          min-width: 37px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

          .ouYeb > div[role="tablist"] button[class*="ms-Pivot-overflowMenuButton"] i {
            font-size: 19px;
          }

        .ouYeb > div[role="tablist"] button[role="tab"] {
          height: 37px;
        }

          .ouYeb > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
            font-size: 14px;
            line-height: 40px;
          }
  }

.TwwFK {
    display: flex;
    height: 100%;
    overflow: hidden;
  }

    .TwwFK > div[role="tablist"] {
      display: flex;
      height: 100%;
      max-height: calc(var(--app-height) - 94px);
      overflow-y: auto;
      align-items: flex-start;
      flex-direction: column;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      width: 200px;
      border: 0;
      border-right: 1px solid var(--grey22);
      background-color: var(--app-background--color);
    }

    .TwwFK > div[role="tablist"] button {
        height: auto;
        width: 100%;
        position: relative;
        padding: 2px 15px 2px 20px;
        max-width: 100%;
        font-size: 16px;
        white-space: normal;
        text-align: left;
        word-break: break-word;
        line-height: 26px;
      }

    .TwwFK > div[role="tablist"] button span > span {
          flex: unset;
          font-size: 16px;
        }

    .TwwFK > div[role="tablist"] button::before, .TwwFK > div[role="tablist"] button::after {
          display: none;
        }

    .TwwFK > div[role="tablist"] button[class*="is-selected"]::before {
          background-color: var(--accent-rest--color);
          height: 100%;
          left: 8px;
          display: block;
          position: absolute;
          top: 0;
          content: "";
          width: 4px;
        }

    .TwwFK > div[role="tablist"] button[role="tab"] {
        cursor: pointer;
        margin: 0;
        padding: 8px 15px 8px 24px;
        background-color: var(--app-background--color);
        max-width: 100%;
      }

    .TwwFK > div[role="tablist"] button[role="tab"] span[class*="ms-Pivot-text"] {
          white-space: normal;
          font-size: 14px;
          line-height: 1.2em;
          font-weight: 400;
          text-align: left;
          color: var(--app-font--color);
        }

    .TwwFK > div[role="tablist"] button[role="tab"]::before {
          left: 0;
          background-color: transparent;
          right: 0;
          transition: background-color 0.2s linear;
        }

    .TwwFK > div[role="tablist"] button[role="tab"]:hover {
          background-color: #e6f2fa;
        }

    .TwwFK > div[role="tablist"] button[role="tab"]:hover span[class*="ms-Pivot-text"] {
            color: var(--app-font--color);
          }

    .TwwFK > div[role="tablist"] button[role="tab"][aria-selected="true"] {
        background-color: var(--grey10);
      }

    .TwwFK > div[role="tablist"] button[role="tab"][aria-selected="true"] span[class*="ms-Pivot-text"] {
          font-weight: 600;
        }

    .TwwFK > div[role="tablist"] button[role="tab"][aria-selected="true"]::before {
          content: "";
          display: block;
          position: absolute;
          left: 6px;
          top: 15%;
          height: 70%;
          width: 4px;
          border-radius: 4px;
          background-color: var(--accent-rest--color);
        }

    .TwwFK div[role="command-bar"] {
      left: 0;
      top: 0;
      z-index: 3;
      width: 100%;
      border: 1px solid var(--grey22);
      box-sizing: border-box;
      border-left: none !important;
    }

    .TwwFK div[role="command-bar"] > div > div {
        max-height: 40px;
        overflow: hidden;
      }

    .TwwFK > div[data-focuszone-id] {
      height: 100%;
      max-width: 200px;
      min-width: 200px;
      border-right: 1px solid var(--grey22);
      background-color: rgb(253 253 253);
      overflow-y: auto;
    }

    .TwwFK > div[data-focuszone-id] > div {
        display: flex;
        flex-direction: column;
        max-width: 100%;
      }

    .TwwFK > div[data-focuszone-id] > div > button[role="tab"] {
          margin: 0;
          padding: 2px 15px 2px 20px;
          max-width: 100%;
          overflow-x: hidden;
          transition: none;
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: auto;
        }

    .TwwFK > div[data-focuszone-id] > div > button[role="tab"] > span {
            max-width: 170px;
          }

    .TwwFK > div[data-focuszone-id] > div > button[role="tab"] > span span {
              font-size: 16px;
              white-space: normal;
              text-align: left;
              word-break: break-word;
              line-height: 26px;
            }

    .TwwFK > div[role="tabpanel"] {
      flex-grow: 1;
      overflow-y: auto;
    }
  .F34Yf > div[role="tablist"] {
      overflow-y: auto !important;
      height: 100%;
      max-height: calc(var(--app-height) - 94px);
    }
  .F34Yf > div[role="tabpanel"] {
      max-height: calc(var(--app-height) - 94px);
    }
  .F34Yf > div[role="tabpanel"] > div {
        height: 100%;
      }
  .VsRtB > div[role="tablist"] {
      max-height: calc(var(--app-height) - 90px);
      height: 100%;
    }
  .VsRtB > div[role="tabpanel"] {
      max-height: calc(var(--app-height) - 90px);
      overflow-x: hidden;
    }

.zxkzE {
        height: 100%;
        padding: 0;
    }

        .zxkzE li[role='listitem'] {
            border-left: 1px solid var(--grey21);
            box-sizing: border-box;
        }

        .zxkzE li[role='listitem'] > * {
                max-width: 100%;
            }

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

        .zxkzE ul {
            list-style: none;
        }

        .zxkzE ul[role='list'] {
            padding: 0;
            padding-left: 1rem;
        }
    .OuLa4 {
        opacity: 0.3;
    }
    .OuLa4 *, .OuLa4 *::before, .OuLa4 *::after {
            box-sizing: border-box;
        }
    .HyUka {
        position: relative;
    }
    .HyUka *, .HyUka *::before, .HyUka *::after {
            box-sizing: border-box;
        }
.eDdlt {
    font-weight: 500;
    display: flex;
    text-align: center;
    justify-content: center;
    color: var(--error--color);
    z-index: 30;
    margin-bottom: 5px;
  }
  .lQZEZ {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }
  .lQZEZ:focus + label {
    outline: 1px dotted var(--app-font--color);
    outline: -webkit-focus-ring-color auto 5px;
  }
  .lQZEZ + label * {
    pointer-events: none;
  }
  .SIrnp {
    outline: transparent;
    position: relative;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: 1px solid rgb(243 242 241);
    background: transparent !important;
    text-decoration: none;
    text-align: center;
    cursor: default;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 16px;
    border-radius: 2px;
    color: var(--app-font--color);
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  ._b3va {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 500px;
    max-height: 500px;
  }
  .Ew7rs span[class*="cropper-move"] {
      border-radius: 50%;
    }
  .ReSQZ {
    display: flex;
    padding-left: 10px;
    align-items: center;
    flex-direction: column;
  }
  .ReSQZ img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    object-fit: cover;
  }
  .Z1tOD {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    justify-content: space-between;
  }
  .aDXgo {
    display: grid;
    align-items: center;
    height: 100%;
    max-height: 100%;
    grid-template-columns: repeat(2, 50%);
  }
  .aDXgo > div {
      margin: 0 auto;
    }
  .sqgt3 {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .LTPh4 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    padding: 5px 0;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
  .DnMo5 {
    display: flex;
    height: 100%;
    padding-right: 5px;
    width: 100%;
    max-height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #cecece;
  }

.LHnty {
    display: grid;
    grid-template-columns: calc(100% - 210px) 190px;
    height: calc(500px - 84px);
    max-height: calc(500px - 84px);
  }
  .YDSwg {
    display: grid;
    grid-template-columns: calc(100% - 210px) 190px;
    align-items: center;
  }
  .YDSwg img {
      max-width: 100%;
      max-height: 100%;
    }
  .tcZfz {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
  }
  .tcZfz button {
      width: 100%;
    }

.J_ypS {
    display: flex;
    justify-content: space-between;
  }
  .Oss1Z {
    width: calc(100% - 5px);
  }

.MolQS > div {
  padding-bottom: 0 !important;
}

.VsuOh .ms-TextField-fieldGroup {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background: transparent;
}

.vs3wy {
  width: 200px;
}

.Ui4lo {
  width: 100%;
}

.GCqQu {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wqjzr {
  flex: 0 1 auto;
  overflow-y: auto;
  max-height: calc(100vh - 80px);
}

.ms-Panel-scrollableContent:has([data-filter-panel]) {
  overflow: visible !important;
  overflow-y: visible !important;
  display: flex;
  flex-direction: column;
  height: 100% !important;
}

.ms-Panel-content:has([data-filter-panel]) {
    max-height: calc(var(--app-height) - 72px);
    overflow-y: visible !important;
}

.uI23C {
  width: 100%;
}

.kw5_m {
  font-size: 21px;
  font-weight: 100;
}

.SKM_S {
  outline: none;
  width: fit-content;
  height: fit-content;
}

.xezYl {
  margin-bottom: 20px;
}

.XbMU2 {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pe2GM {
  margin: 0.5em 0;
}

.MSdbQ {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s;
}

.Y76u0 {
  max-height: 1000px;
}

.C0p5E {
  margin: 0 -8px;
}

.w854s {
  text-align: right;
}

.et0tY {
  margin-left: 10px;
}

.dyh_q {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  gap: 12px;
}

.lyydW {
  width: calc(50% - 6px);
}

.oTCjz,
.BG8P3 {
  display: grid;
  width: 100%;
  justify-content: space-between;
  grid-template-columns: repeat(2, calc(50% - 6px));
}

.ixSYk {
  width: 100%;
}

.ztx45 {
  width: calc(50% - 6px);
}

.Xb6a7 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  height: 40px;
  border-bottom: 1px solid rgb(0 0 0 / 12%);
  padding-left: 10px;
}

.Xb6a7:hover {
  color: rgb(102 102 102);
  background: rgb(244 244 244);
}

.cmSKH {
  font-size: 20px;
  margin-right: 20px;
  color: rgb(102 102 102);
  padding-top: 4px;
  transition: transform 0.1s linear 0s;
}

.cmSKH.w8oc4 {
  transform: rotate(180deg);
}

.R6Pya {
  padding: 20px 0 0;
  display: flex;
  justify-content: flex-end;
}

.R6Pya button {
  margin-left: 10px;
}

.g6dwF .ms-ComboBox {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

._5HPE {
  border-top: 1px solid rgb(0 0 0 / 12%);
  border-bottom: 1px solid rgb(0 0 0 / 12%);
}

@media (max-width: 450px) {
  .dyh_q > div {
    width: 100%;
  }
}

.TD6Rx {
    padding: 0 !important;
    position: fixed;
    box-sizing: border-box;
    height: calc(var(--app-height) - 94px);
    width: 300px;
    right: 0;
    top: 94px;
    box-shadow: none;
    border-left: 1px solid var(--sidepanel-border--color);
    background-color: var(--sidepanel-background--color);
    color: var(--sidepanel-text--color);
    z-index: 100;
    transition: right 0.2s;
    overflow: hidden;
  }
  .oJPEi {
    background-color: var(--sidepanel-background--color);
    color: var(--sidepanel-text--color);
    max-height: 100%;
    overflow: hidden;
    height: 100%;
  }
  .oJPEi [data-testid="filter"] {
      margin: 0;
      padding: 0;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
  .oJPEi [data-testid="filter"] > div:nth-child(1) {
        max-height: calc(100% - 116px);
        overflow-y: auto;
        height: fit-content;
        padding: 0 16px;
      }
  .oJPEi [data-testid="filter"] > div {
        padding: 20px 16px;
      }
  .z9GaI {
    font-size: 1.5em;
    padding: 0.5rem 1rem;
  }

.H8DKA {
    position: absolute;
    bottom: -16px;
    color: var(--error-description--color);
    font-size: 12px;
    text-align: left;
    height: 16px;
    overflow: visible;
  }
  @media (max-width: 520px) {
    .H8DKA {
      bottom: -5px;
    }
  }

.FbhQr {
    overflow-y: auto;
    min-height: 300px;
    height: calc(100% - 46px);
    overflow-x: auto;
    outline: none;
    position: unset !important;
  }
  .BBS7h {
    pointer-events: none;
  }
  .tCVpA {
    height: 400px;
    max-height: 400px;
  }
  .W1nKA {
    max-height: 100%;
  }
  .FbhQr .S7fk4 tbody tr:hover {
    background-color: rgb(0 0 0 / 7%);
  }
  .b02fN {
    width: 100%;
  }
  .bxQAL td {
    border-bottom: 0 transparent;
  }
  .F9U4X {
    display: inline-flex;
  }
  .ILKmX {
    width: 300px;
  }
  .KN47V {
    flex: 1 1 100%;
    display: flex;
  }
  .RPIdq {
    width: 100%;
    border: 1px solid var(--grey22) !important;
    border-left: none !important;
    overflow: hidden;
  }
  .RPIdq > div {
    width: 100%;
    overflow: hidden;
  }
  .RPIdq div[class*="ms-CommandBar-primaryCommand"] {
    width: 100%;
    overflow: hidden;
    max-width: 100%;
  }
  .v3DvU {
    margin: 5px;
    padding: 15px;
    width: 100%;
    display: flex;
  }
  .MaFi4 {
    opacity: 0.2 !important;
  }
  .zotXf {
    border-width: 2px;
    border-color: rgb(102 102 102);
    border-style: dashed;
    border-radius: 5px;
  }
  .PSqdU {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    margin-bottom: 40px;
  }
  .PSqdU > span {
    color: var(--error--color);
  }
  ._U0Tz {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .ZotmY {
    box-shadow: 0 0 10px 0 var(--error--color);
  }
  .eKSNl {
    display: flex;
    margin-top: 60px;
    width: 100%;
    max-height: calc(100% - 112px);
    overflow-y: auto;
    justify-content: center;
  }
  .eKSNl .aGund {
      display: none;
    }
  .eKSNl > img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
  .eKSNl > audio {
    width: calc(100% - 50px);
  }
  .eKSNl > video {
    width: calc(100% - 50px);
    height: auto;
    max-height: calc(var(--app-height) - 112px);
  }
  .kx7Dv {
    position: relative;
    width: 100%;
    overflow-y: scroll;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    max-height: calc(var(--app-height) - 112px);
    top: 0;
  }
  .cK8Q4 {
    position: relative;
    width: 100%;
    overflow-y: scroll;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    max-height: calc(100% - 52px);
    top: 0;
  }
  .GHtqW > div {
    box-shadow: none !important;
  }
  .R8Q_2 {
    width: 150px;
    margin-bottom: 0;
    align-self: center;
  }
  .BjcBn {
    background-color: lightgrey;
    min-height: 100%;
    overflow: hidden;
    position: relative;
  }
  .hFSTX {
    margin: 0 auto;
    max-height: max-content;
    max-width: max-content;
    position: relative;
  }
  .fq6Zr {
    position: relative;
    display: flex;
    height: 32px;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    padding: 0 25px;
  }
  .y6LnU {
    height: 32px;
    cursor: pointer;
  }
  .CH0Zv {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .jtqfD {
    display: flex;
    align-items: center;
  }
  .jtqfD > button + button {
    margin-left: 10px;
  }
  .CH0Zv > button + button {
    margin-left: 10px;
  }

.iRd97 {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    background: var(--grey10);
  }

    .iRd97 i:not([data-icon-name="Link"]) {
      color: var(--input-rest--text-value--color);
    }
  .z1Pww {
    position: relative;
    height: 100%;
    max-width: 100%;
    width: 100%;
  }
  .lNCw4 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .iRd97 thead {
    border-bottom: 1px solid rgb(0 0 0 / 12%);
    color: var(--input-rest--text-value--color);
  }
  .iRd97 tr {
    height: 48px;
    vertical-align: middle;
    color: var(--input-rest--text-value--color);
  }
  .iRd97 th {
    font-size: 12px;
    font-weight: 400;
  }
  .iRd97 th button {
      color: var(--input-rest--text-value--color);
    }
  .iRd97 td, .iRd97 th {
    color: var(--input-rest--text-value--color);
    padding: 4px 12px;
    text-align: left;
    border-bottom: 1px solid rgb(224 224 224);
    vertical-align: inherit;
  }
  .iRd97 .eohmh {
    padding: 0 0 0 10px;
  }
  .SU_pF {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .SU_pF div[class*="ms-Check"]::before {
        background: transparent
      }
  .SU_pF div[class*="ms-Check is-checked"] i {
        color: var(--app-background--color);
      }
  .SU_pF div[class*="ms-Check is-checked"]::before {
        background: var(--accent-rest--color) !important
      }
  .sT6jX {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border: 0;
    background-color: initial;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 48px;
  }
  .sT6jX:focus {
    outline: 0;
  }
  .xFfBq {
    font-size: 16px;
  }
  .QJqMi {
    padding: 4px 0 4px 24px !important;
    width: 32px;
  }
  .QDG7S {
    padding: 20px;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .SX8Cq {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, calc(100% / 2 - 5px));
    grid-gap: 5px 20px;
    padding: 14px 24px 14px 34px;
    box-shadow: var(--grey10) 0 1.6px 3.6px 0, var(--grey10) 0 0.3px 0.9px 0;
    background: var(--app-background--color);
  }
  .m7pGH {
    outline: none;
    border: none;
    position: absolute;
    cursor: pointer;
    padding: 0;
    top: 0;
    left: 0;
    content: "";
    background: #cecece;
    width: 3px;
    height: 100%;
    transition: width 0.2s linear, background 0.1s linear;
  }
  .SX8Cq:hover > .m7pGH {
      width: 10px;
    }
  .ZuT5p {
    grid-template-columns: 100%;
  }
  .ZuT5p > div {
      grid-template-columns: 200px calc(100% - 208px);
    }
  .KMGvc {
    width: calc(100% + 180px);
  }
  .QhPMX {
    width: 10px;
    background: var(--accent-rest--color);
  }
  .VaVSA {
    display: grid;
    width: 100%;
    grid-template-columns: 120px calc(100% - 128px);
    gap: 5px;
    align-items: center;
  }
  .VaVSA > span {
      font-size: 1rem;
      font-weight: 600;
      text-overflow: ellipsis;
      display: inline-block;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
    }
  .VaVSA > span:nth-child(n+2) {
      font-weight: 400;
    }
  .VaVSA a {
      text-overflow: ellipsis;
      display: inline-block;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
    }
  .SsOsq {
    display: grid;
    align-items: center;
    gap: 5px;
    width: 100%;
    grid-template-columns: min-content auto;
  }
  .SsOsq > span {
      font-size: 1rem;
      text-overflow: ellipsis;
      display: inline-block;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
    }
  .aii_j {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
  }
  .J_4DL {
    display: block;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
  }
  .hItNh {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-top: 2rem;
  }
  .hItNh > * + * {
      margin-top: 4px;
    }
  td[data-automation-key="editorLink"], td[data-automation-key="authorLink"] {
    max-width: 200px;
  }
  td[data-automation-key="updatedAt"], td[data-automation-key="createdAt"] {
    max-width: 140px;
  }

.Vb2Hl {
    width: 100%;
  }
  .NYFd8 {
    color: var(--error--color);
    font-weight: 600;
  }

.IVh89 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: relative;
  }
  .cRvXd {
    outline: transparent;
    position: relative;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: 1px solid var(--grey22);
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 0 16px;
    border-radius: 2px;
    width: fit-content;
    min-width: 80px;
    height: 32px;
    background: var(--grey22);
    color: var(--app-font--color);
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .cRvXd > span {
      display: flex;
      height: 100%;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
    }
  .cRvXd > span > * + * {
        margin-left: 8px;
      }
  .cRvXd > span > span {
        font-weight: 600;
      }
  .cRvXd i {
      display: inline-block;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      height: 16px;
      line-height: 16px;
      text-align: center;
      flex-shrink: 0;
      speak: none;
    }
  .cRvXd:hover {
      background-color: var(--grey22);
    }
  .svNJd {
    height: 0;
    display: flex;
    z-index: 15;
    width: fit-content;
    overflow: hidden;
    flex-direction: column;
    gap: 0.25rem;
    box-shadow: var(--grey50) 0 0 5px 0;
    position: absolute;
    top: 100%;
    background-color: var(--app-background--color);
    color: var(--app-font--color);
  }
  .svNJd button {
      min-width: 255px;
      min-height: 36px;
      height: fit-content;
      border: none !important;
      line-height: 1;
      display: block;
      cursor: pointer;
      padding: 4px 8px 4px 4px;
      margin-right: 0 !important;
      text-align: left;
      width: 100%;
      max-width: 320px !important;
      background-color: var(--grey20);
      color: var(--app-font--color);
    }
  .svNJd button:hover {
        background-color: var(--grey22);
      }
  .svNJd button span[class*="ms-Button-label"] {
        max-width: calc(100%);
        white-space: pre-wrap;
        font-weight: 400;
      }
  .ymVIz {
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--app-height);
  }
  ._W5Wm {
    pointer-events: all;
  }
  .j05zo {
    background-color: var(--grey30) !important;
  }
  .PyrAH {
    height: fit-content;
    background-color: var(--app-background--color);
  }
  .xFtUt {
    font-size: 14px !important;
  }

.GBMIB {
  list-style: none;
  padding: 0;
  margin: 0;
}

.GBMIB ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.GBMIB li {
  list-style: none;
}


.U1BD6 {
    height: fit-content;
    padding: 0;
    margin: 0;
  }

    .U1BD6 li[role='listitem'] {
      box-sizing: border-box;
      overflow: visible;
    }

    .U1BD6 li[role='listitem'] > * {
        max-width: 100%;
      }

    .U1BD6 ul[role='list'] > li[role='listitem'] {
      position: relative;
      min-height: 42px;
    }

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

    .U1BD6 ul {
      list-style: none;
    }

    .U1BD6 ul[role='list'] {
      padding: 0;
      margin: 0;
    }
  .EL7ba {
    opacity: 0.3;
  }
  .EL7ba *, .EL7ba *::before, .EL7ba *::after {
      box-sizing: border-box;
    }
  .gvgdS {
    position: relative;
  }
  .gvgdS *, .gvgdS *::before, .gvgdS *::after {
      box-sizing: border-box;
    }


.YcH61 {
    width: 100%;   
  }

    .YcH61 div[class*="ms-Breadcrumb"] {
      margin: 0;
    }

    .YcH61 li[class*="ms-Breadcrumb-listItem"] a, .YcH61 li[class*="ms-Breadcrumb-listItem"] i {
      color: var(--app-font--color) !important;
    }

    .YcH61 li[class*="ms-Breadcrumb-listItem"] button, .YcH61 li[class*="ms-Breadcrumb-listItem"] span {
      background-color: transparent;
      font-size: 0.9rem;
      color: var(--app-font--color) !important;
      line-height: 1.4;
    }

    .YcH61 li[class*="ms-Breadcrumb-listItem"]:last-child button, .YcH61 li[class*="ms-Breadcrumb-listItem"]:last-child span {
      font-weight: 600;
      color: #fff;
    }

    .YcH61 li[class*="ms-Breadcrumb-listItem"] button:hover {
      background-color: transparent;
      color: #fff;
      text-decoration: underline;
    }

    .n97k8 {
      padding-left: 0;
    }

    .YcH61 .ms-Breadcrumb-overflowButton {
      background-color: transparent;
    }

    .YcH61 .ms-Breadcrumb-overflowButton i[data-icon-name="More"] {
        font-size: 18px;
        line-height: 18px;
        transition: color 0.1s linear;
      }

    .YcH61 .ms-Breadcrumb-overflowButton:hover, .YcH61 .ms-Breadcrumb-overflowButton:active {
        background-color: transparent;    
      }
  .kvr7P .kXAQT div[class*="ms-Nav-groupContent"] {
          background: inherit !important;
        }
  .kvr7P .kXAQT button span > div {
            color: inherit !important;
          }
  .iuToO {
    padding-left: 12px;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .kXAQT div[class*="ms-Nav-groupContent"] {
        margin-bottom: 0 !important;
      }
  .kXAQT button {
        height: 36px;
        line-height: 36px;
        width: 100%;
        display: block;
        cursor: pointer;
        padding: 0 8px 0 4px;
      }
  .kXAQT button span > div {
          margin: 0 4px;
          vertical-align: middle;
          display: inline-block;
          flex-grow: 1;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
  .gUoFg button {
          cursor: default !important;
          pointer-events: none;
        }
  .gUoFg button:hover {
            background-color: transparent !important;
          }
  .H1oPT {
    height: 16px;
  }
  .H1oPT i[data-icon-name="More"] {
      color: #fff;
      font-size: 18px;
      line-height: 18px;
      transition: color 0.1s linear;
    }
  .H1oPT:hover button:hover, .H1oPT:hover button:active {
          background-color: transparent;
      }
  .H1oPT:hover i {
        color: var(--accent-rest--color);
      }
  .oMQh0 i {
      color: var(--accent-rest--color) !important;
    }
  .lNK5C {
    color: black !important;
    margin-left: 8px;
  }
  .lNK5C i {
      font-size: 12px;
      line-height: 12px;
    }
  .JkJUh {
    border: none;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    outline: none;
    padding: 0;
    margin: 0;
    margin: 0 8px;
    width: fit-content;
    height: fit-content;
    font-size: 0.9rem;
    color: black !important;
    line-height: 1.4;
  }
  .JkJUh:hover {
      text-decoration: underline;
    }
  .illir {
      cursor: default !important;
      pointer-events: none;
    }
  .illir:hover {
        text-decoration: none !important;
      }
  .vbFHH {
    cursor: text;
  }
  .vbFHH:hover {
      text-decoration: none !important;
    }

.z_uPa {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    overflow: hidden;
    max-height: 44px;
  }
  .nspUG {
    transition: all 0.1s ease-out;
    width: 100%;
  }
  .b0tXM {
      opacity: 0.5;
      pointer-events: none;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }

.nB1gX {
    background-color: var(--app-background--color);
    height: calc(100% - var(--form-command-bar-height, 40px));
    overflow-y: auto;
  }

    .YIymx {
      height: calc(100% - 60px - var(--form-command-bar-height, 40px));
    }

    .nB1gX div[class*="app-components-form-field-styles__field"] {
      min-height: 40px !important;
    }
  .Ei1fu {
    padding-bottom: 26px;
    text-align: right;
  }
  .R4pJ_ {
    text-align: right;
  }
  .xpraF {
    overflow-y: auto;
  }
  .J9Jd7[data-modern-command-bar="true"] {
      --form-command-bar-height: 44px;
    }
  .J9Jd7 {

    transition: 0.1s ease-out all;
    filter: blur(0);
    opacity: 1;
    height: 100%;
}
  .YvnXL {
      opacity: 0.5;
      pointer-events: none;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
      position: relative;
    }
  .ZELxC {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

.ROxZH {
    margin-left: 10px;
  }
    
    .ROxZH > div {
      height: fit-content;
    }

.Q8r2_ {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .J87Dh {
    padding: 15px;
    width: calc(100% / 5);
  }
  .J87Dh > div {
      height: fit-content;
    }
  .tTtam {
    color: var(--app-font--color);
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 14px;
  }

.KQW_L {
    width: 100%;
    max-width: 500px;
    padding: 10px;
    padding-left: 0;
    box-sizing: border-box;
  }

    .KQW_L span + span {
      margin-left: 5px;
    }

.hlYwN {
    width: 100%;
  }
  .K9zuZ {
    margin: 0 0 10px -20px;
    padding: 24px 24px 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-left: 3px solid var(--tasks-card-border--color);
    box-shadow: var(--tasks-card-shadow--color) 0 1.6px 3.6px 0, var(--tasks-card-shadow--color) 0 0.3px 0.9px 0;
    background: var(--tasks-card-background--color);
    max-width: calc(100% - 20px);
  }
  .RyaeA {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
  }
  .K9zuZ:hover {
    margin-bottom: 11px;
    border-top: none;
    box-shadow: var(--tasks-card-shadow--color) 0 6px 14px 0, var(--tasks-card-shadow--color) 0 1px 3px 0;
  }
  .xE1NR {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--app-font--color);
    margin: 0 0 14px;
    word-wrap: break-word;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
  }
  .ujIQ_ {
    line-height: 22px;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 400;
    color: var(--app-font--color);
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  .fP13I {
    display: flex;
  }
  .fP13I > button {
      display: inline-block;
      min-width: 80px;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  .Z6iTw {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey50);
    padding: 5px 0 0;
  }
  .kn8M0 {
    display: flex;
    color: var(--app-font--color);
    margin-bottom: 1rem;
    padding: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 14px;
  }
  .YOb7a {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .YOb7a > * + * {
      margin-left: 10px;
    }
  .Y4RWk {
    min-width: 0;
    max-width: 100%;
  }
  .Y4RWk span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  .EIJS5 {
    font-size: 14px !important;
  }
  .zVakY {
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: var(--app-font--color);
    text-decoration: none;
    cursor: pointer;
  }
  .zVakY:hover {
    text-decoration: underline;
  }
  .wCpKO div[data-type="datetime"] {
        width: 100%;
        max-width: 100%;
       }

.EJFSc {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    margin-right: 1px;
    padding-left: 4px;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    transition: left ease-out 0.2s;
    background: var(--app-background--color);
    border-left: 1px solid lightgray;
  }

    .nX5lQ {
      left: 0;
      padding-left: 0;
      margin-right: 0;
      overflow-y: auto;
      overflow-x: hidden;
    }

    .nX5lQ .Uo8ag {
        cursor: default;
        position: absolute;
        border: none;
        right: 0;
        top: 0;
      }

    .Uo8ag {
      cursor: pointer;
      border-left: 1px solid lightgray;
    }

    .NDnPh {
      transform: none;
      padding: 18px;
      cursor: pointer;
    }

    .NYVJ8 {
        transform: rotateZ(180deg);
      }

    .mZzFt {
      width: auto;
      overflow-x: hidden;
    }

    .mZzFt button {
        height: fit-content;
      }

    .mZzFt .ms-Nav-linkText {
        white-space: initial;
        text-align: initial;
        line-height: 24px;
        font-weight: 400;
        color: var(--app-font--color);
      }

    .mZzFt .ms-Nav-chevronButton {
        height: 100%;
        background-color: transparent;
      }

    .mZzFt .ms-Nav-chevronButton > i {
          height: 100%;
          align-items: center;
          display: flex;
        }

    .mZzFt .ms-Nav-compositeLink:hover .ms-Nav-linkText {
        color: #000;
      }

    .mZzFt .is-selected {
        border-left: 2px solid var(--accent-rest--color);
      }

    .mZzFt .is-selected button::after {
          border: none;
          background-color: transparent;
        }

    .mZzFt .is-selected .vdNvV {
          background-color: transparent;
        }
  .jWhlH {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .HJN38 {
    margin-right: 5px;
    position: relative;
    width: 18px;
  }
  .XrX6o {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .XrX6o .HJN38 {
      padding: 18px;
      width: auto;
      height: auto;
      color: var(--app-font--color);
      margin-right: 0;
      transition: 0.2s linear all;
    }
  .XrX6o .HJN38:hover {
        background-color: rgb(175 175 175 / 20%);
      }

.Y0lct {
    flex: 0 1 auto;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }
  .UV6ma {
    padding: 20px 40px 80px;
  }
  .ePpiG {
    height: 0;
    pointer-events: none;
    visibility: hidden;
  }
  .Js8r3 {
    cursor: pointer;
    font-size: 32px;
    margin: 0;
    font-weight: 400;
  }
  .DngBx {
    padding: 40px 0 40px 23px;
  }
  ._nRSt {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 800px) {
    ._nRSt {
      overflow: visible;
    }
  }
  .Gmudz {
    height: auto;
  }
  ._nRSt .ms-ResizeGroup {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .daUUi {
    width: 100%;
    height: 100%;
    transition: right 0.3s;
    display: flex;
    position: relative;
    left: 0;
  }
  .wJ0Q8 {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    right: 400px;
    height: 100%;
    min-height: 100%;
    left: 0;
  }
  .biRLd {
    height: calc(var(--app-height) - 94px);
  }
  .GpGZO {
    height: 100%;
  }

div[class*="ms-ScrollablePane"] {
    height: 100%;
  }
  div[data-automationid="DetailsHeader"] {
    padding-top: 0;
  }

.zI5QN {
    display: flex;
    flex-direction: column;
  }

.zI5QN > * + * {
      margin-top: 0.25rem;
    }

.HzGin {
    flex: 0 1 auto;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }

.AWPAu {
    width: 10px;
    background: var(--accent-rest--color);
  }

.bythT {
    width: 100%;
  }

.bythT span {
        white-space: nowrap;
        width: 100%;
        max-width: calc(100%);
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
    }

._Uswb {
    width: 100%;
  }

.CNx1N {
    width: 100%;
  }

.CNx1N a {
      cursor: pointer;
      width: 100%;
    }

.CNx1N a textarea {
        cursor: pointer;
        width: 100%;
      }

.CNx1N a:hover > textarea {
        text-decoration: underline;
      }

.usWNh {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }

.usWNh div[role="columnheader"] i {
        color: var(--input-rest--text-value--color);
      }

.H1Ili {
    color: var(--accent-rest--color);
    height: fit-content;
    width: fit-content;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    background: transparent;
  }

.H1Ili:hover {
      color: var(--accent-hover--color);
      text-decoration: underline;
    }

.YEz4_ {
    text-decoration: none;
    cursor: pointer;
    color: var(--app-font--color);
    overflow: hidden;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    display: flex;
  }

.YEz4_ > * + * {
      margin-left: 6px;
    }

.YEz4_ > span {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      max-width: calc(100%);
      text-overflow: ellipsis;
    }

.YEz4_:hover textarea {
      text-decoration: underline;
      cursor: pointer;
    }

.YEz4_:hover > span {
      color: var(--app-font--color);
      text-decoration: underline;
    }

.v4z7C > *:nth-child(1) {
    margin-right: 6px;
  }

.nME87 {
    padding: 0 !important;
    height: 24px !important;
    width: 24px !important;
  }

.nME87 svg [fill='var(--app-font--color)'] {
        fill: var(--accent-rest--color);
      }

.nME87 svg [stroke='var(--app-font--color)'] {
        stroke: var(--accent-rest--color);
      }

.d_Ci5 {
    color: var(--accent-rest--color);
    display: flex;
    align-items: center;
  }

.XO34Z {
    display: grid;
    align-items: center;
    grid-template-columns: max-content auto;
    gap: 5px;
  }

.aR1WY {
    resize: none;
    outline: none;
    width: 100%;
    cursor: default;
    white-space: break-spaces;
    color: inherit;
    border: none;
    background: transparent;
  }

.GOdTm {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
  }

.APiTM {
    display: block;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
  }

.XNhwr {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }

.XNhwr > * + * {
      margin-top: 4px;
    }

.OvNRi {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
    font-size: 0.75rem;
  }

.t8rrr {
    position: relative;
    height: 100%;
    max-width: 100%;
    width: 100%;
  }
  .B7k04 {
    height: 100%;
    max-width: 100%;
    width: 100%;
    overflow-y: auto;
  }
  .Dld4z {
    pointer-events: none;
  }
  .idDCc {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(244 244 244 / 50%);
  }
  .UQE8i {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    font-weight: 400;
    text-align: center;
  }
  .pWGgd {
    display: block;
    font-size: 1.5em;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    font-weight: 400;
    text-align: center;
  }
  .Ss40k {
    position: absolute;
    width: 100%;
    top: max(50%, 200px);
    left: 50%;
    transform: translate(-50%, -85%);
  }

.bJstd {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  button.bJstd {
    margin: 7px 0 !important;
  }
  .dhtMP {
    max-width: 100%;
  }
  .NPQJT {
    margin-top: 5px;
  }
  .oi_gi {
    width: 100%;
    height: 2px;
    background-color: #d3d3d3;
  }
  .ENMm6 {
    width: 100%;
    height: 100%;
    min-height: 70px;
  }

.ypm6R {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
  }
  .oU2DD {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border: 0;
    background-color: initial;
    padding: 0;
    margin: 0;
    position: relative;
    left: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    margin-left: -15px;
    margin-top: 16px;
    display: flex;
    align-items: center;
  }
  .LInfZ {
    margin-left: 36px;
  }
  .YQcxB {
    margin-left: 10px;
    margin-top: 16px;
  }
  .YQcxB .LInfZ {
      margin-left: 19px;
    }
  .oU2DD:focus {
    outline: 0;
  }
  .oOR4T {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    margin-left: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 60px);
    font-size: 19px;
    color: rgb(51 51 51);
    font-weight: 500;
  }
  .Eus9w {
    display: flex;
    gap: 5px;
    align-items: flex-start;
  }
  .Yk4QJ {
    margin-left: 10px;
  }
  .r6yie {
    display: inline-block;
  }
  .xbl4O {
    padding-left: 15px;
  }

.hnA_i {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .n1w2h {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgb(244 244 244);
    overflow: hidden;
  }
  .xZKgT {
    position: relative;
    padding: 10px;
    width: 20%;
    box-sizing: border-box;
  }
  .xZKgT::after {
    position: absolute;
    content: "";
    top: -100px;
    bottom: -100px;
    right: 0;
    width: 1px;
    background: rgb(244 244 244);
  }
  .wimg8 {
    padding: 0 10px;
    width: 80%;
    white-space: pre-line;
    line-height: 40px;
  }
  .EzG2k {
    padding: 5px 0;
  }
  .X7XBC {
    padding: 10px;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

.XsMtn {
    width: calc(100% - 50px);
    display: grid;
    grid-template-columns: repeat(auto-fill, 150px);
    padding: 25px;
    gap: 25px;
  }
  .y4u6T {
    width: 150px;
    position: relative;
    overflow: hidden;
    height: 150px;
    background: var(--main-page-actions-background--color) !important;
    border-radius: 20px;
    box-shadow: var(--main-page-actions-shadow--color) 0 1.6px 3.6px 0, var(--main-page-actions-shadow--color) 0 0.3px 0.9px;
  }
  .y4u6T i[data-icon-name="CircleAddition"] {
      display: none;
    }
  .y4u6T i:first-of-type {
      font-size: 50px !important;
      margin: 0 !important;
      position: absolute;
      color: var(--main-page-actions-hover-text--color) !important;
      bottom: 10px;
      right: 20px;
      transition: 0.1s ease-out all;
    }
  .y4u6T:hover i:first-of-type {
      font-size: 60px !important;
      bottom: 20px;
      right: 30px;
    }
  .BnvZ3 {
      position: absolute;
      bottom: unset;
      width: calc(100% - 20px);
      top: 10px;
      left: 10px;
      background: transparent;
      color: var(--main-page-actions-text--color);
      font-weight: 600;
      font-size: 16px;
      text-align: left;
      align-items: flex-start;
      justify-content: flex-start;
      transition: color 0.5s ease-out;
    }
  .y4u6T:hover .BnvZ3 {
      color: var(--main-page-actions-hover-text--color);
      transition: color 0s ease-out;
    }
  @media (max-width: 1024px) {
    .XsMtn {
      grid-template-columns: repeat(auto-fill, 135px);
    }

    .y4u6T {
      width: 135px;
      height: 135px;
    }

      .y4u6T i:first-of-type {
        font-size: 40px !important;
        bottom: 0;
        right: 10px;
      }

      .y4u6T:hover i:first-of-type {
        font-size: 45px !important;
        bottom: 5px;
        right: 15px;
      }
  }
  @media (max-width: 800px) {
    .XsMtn {
      grid-template-columns: repeat(auto-fill, 120px);
    }

    .y4u6T {
      width: 120px;
      height: 120px;
    }

      .y4u6T i:first-of-type {
        font-size: 30px !important;
        bottom: -10px;
        right: 0;
      }

      .y4u6T:hover i:first-of-type {
        font-size: 35px !important;
        bottom: -5px;
        right: 5px;
      }
  }

.Fnc_F {
    display: flex;
    flex-direction: column;
  }
  .DOzso {
    display: grid;
    justify-content: space-between;
    align-items: flex-end;
    grid-template-columns: repeat(2, calc(calc(100% - 40px) / 2 - 12px)) 32px;
  }
  .DOzso > div:nth-child(3) {
      margin-bottom: 22px;
    }
  .DOzso button {
      margin-bottom: 16px;
      background-color: rgb(243 242 241) !important;
    }
  .DOzso button:hover {
        background-color: rgb(243 242 241) !important;
      }
  .DOzso button:disabled > span > i {
        color: rgb(200 198 196) !important;
      }
  .SqwZ0 {
    text-align: center;
  }
  .UxRku {
    margin-bottom: 0 !important;
    display: flex;
  }
  .UxRku > * + * {
      margin-left: 8px;
    }
  .TLkJl {
    width: 32px;
    margin-left: auto;
  }
  .TLkJl button {
      margin-bottom: 16px;
      background-color: rgb(243 242 241) !important;
    }
  .TLkJl button:hover {
        background-color: rgb(243 242 241) !important;
      }
  .TLkJl button:disabled > span > i {
        color: rgb(200 198 196) !important;
      }

.mWxil {
    display: flex;
    flex-direction: column;
  }

    .mWxil > * + * {
      margin-top: 12px;
    }

.ezNaI {
    flex: 0 1 auto;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }
  .GhD9A {
    padding: 20px 40px 80px;
  }
  .IuYT4 {
    cursor: pointer;
    font-size: 32px;
    margin: 0;
    font-weight: 400;
  }
  .zpUbA {
    padding: 40px 0 40px 23px;
  }
  .wtRQY {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 800px) {
    .wtRQY {
      overflow: visible;
    }
  }
  .ZPAlU {
    height: auto;
  }
  .wtRQY .ms-ResizeGroup {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .fmhX6 {
    width: 100%;
    height: 100%;
    transition: right 0.3s;
    display: flex;
    position: relative;
    left: 0;
  }
  .asP3I {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    right: 400px;
    height: 100%;
    min-height: 100%;
    left: 0;
  }
  .H9Oe4 {
    height: calc(var(--app-height) - 94px);
  }
  .DgJJd {
    height: 100%;
  }



.uorbr {
    height: 100%;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0;
    overflow-y: auto;
  }

    .uorbr > div > div + div {
      margin-top: 20px;
    }
  .UsJ_g {
      width: 100%;
      height: 100%;
      overflow-y: auto;
    }
  .xNi4c {
    width: 100%;
    height: fit-content;
    max-width: 100%;
    overflow-x: auto;
    display: flex;
  }
  .oKdfM {
      width: 100%;
      height: 100%;
      overflow-y: auto;
    }
  .xNi4c > div + div {
      margin-left: 20px;
    }
  .xHunk {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }
  .xHunk > div + div {
      margin-top: 20px;
    }
  .d8_iz {
      width: 100%;
      height: 100%;
      overflow-y: auto;
    }
  .Sw3Ve {
    width: 100%;
    height: 100%;
    border: none;
  }
  .CGKfE {
    opacity: 0.5;
    pointer-events: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
  }
  .I0GZB {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .QQ6Ll {
    background: #fff;
    box-shadow: 0 2px 4px var(--grey10);
    border-radius: 4px;
    padding: 20px;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
  }
  .QQ6Ll > * {
      width: 100%;
      height: 100%;
    }
  .QQ6Ll > * + * {
      margin-top: 16px;
    }
  .PCC14 {
    display: flex;
    flex-direction: column;
  }
  .PCC14 > * + * {
      margin-top: 4px;
    }
  .PCC14 > h2 {
      margin: 0;
      padding: 0;
      font-weight: 700;
      color: #252525;
      font-size: 18px;
    }
  .PCC14 > span {
      font-weight: 700;
      color: #717070;
      font-size: 12px;
    }
  .rg0le {
    border: none;
    background: #585a96;
    border-radius: 4px;
    z-index: 100000000000000000000000000000;
    position: absolute;
    color: #fff;
  }
  .rg0le:hover {
      color: #fff;
      background: #585a96;
    }
  .rg0le i {
      font-size: 11px;
    }
  .rg0le span {
      font-weight: 600;
      font-size: 14px;
    }
  .qky4K button {
      background: #fff !important;
    }
  .qky4K button:hover {
        background: #ebebeb !important;
      }
  .qky4K i {
      color: #585a96;
    }
  .BNIIU div[role="tablist"] {
      border-left: 1px solid #e0e0e0;
      padding-left: 20px;
      width: calc(100% - 169px);
      margin-left: 149px;
    }

.a3fs3 {
    flex: 0 1 auto;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }
  .f002e {
    padding: 20px 40px 80px;
  }
  .FDcFb {
    height: 0;
    pointer-events: none;
    visibility: hidden;
  }
  .NY7ZE {
    cursor: pointer;
    font-size: 32px;
    margin: 0;
    font-weight: 400;
  }
  .j3fqy {
    padding: 40px 0 40px 23px;
  }
  .j70sh {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 800px) {
    .j70sh {
      overflow: visible;
    }
  }
  .mL80I {
    height: auto;
  }
  .j70sh .ms-ResizeGroup {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .K6Kdy {
    width: 100%;
    height: 100%;
    transition: right 0.3s;
    display: flex;
    position: relative;
    left: 0;
  }
  .IVky6 {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    right: 400px;
    height: 100%;
    min-height: 100%;
    left: 0;
  }
  .se2Tg {
    height: 100%;
    height: calc(var(--app-height) - 94px);
  }

.I4NEa div[role="grid"] {
      padding: 0 !important;
      max-width: 100% !important;
    }
    .I4NEa div[role="grid-row"] {
      margin: 0 !important;
    }
    .I4NEa div[role="grid-column"] {
      padding: 0 !important;
    }

._qoGu {
    flex: 0 1 auto;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }
  .Qf7Ij {
    padding: 20px 40px 80px;
  }
  .MDIAi {
    cursor: pointer;
    font-size: 32px;
    margin: 0;
    font-weight: 400;
  }
  .NgNzQ {
    padding: 40px 0 40px 23px;
  }
  .vEUCH {
    position: relative;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 800px) {
    .vEUCH {
      overflow: visible;
    }
  }
  .Yz3tC {
    height: auto;
  }
  .vEUCH .ms-ResizeGroup {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .JUETN {
    width: 100%;
    height: 100%;
    transition: right 0.3s;
    display: flex;
    position: relative;
    left: 0;
  }
  .YtXxC {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    right: 400px;
    height: 100%;
    min-height: 100%;
    left: 0;
  }
  .Lyzbo {
    height: calc(var(--app-height) - 94px);
  }
  .QiT8n {
    height: 100%;
  }




 {

  /* /end */
}
  .bq96R {
    display: flex;
    flex-direction: row;
    height: 100%;
  }
  .yPvne {
    display: flex;
    padding-left: 12px;
    justify-content: center;
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
  }
  /* Overwrite re-resizer's styles */
  .yPvne span > div {
    display: none;
  }
  .yPvne span > div:nth-child(4) {
    display: block;
    left: 0 !important;
    width: 12px !important;
  }
  .HeJw7 {
    overflow: hidden;
    flex: 1;
  }
  .HeJw7 > div {
      height: 100%;
    }
  .KAAGa {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 10px;
    border: solid 1px #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: none;
    border-bottom: none;
  }
  .KAAGa i {
    position: fixed;
    top: 50vh;
  }
  .htgVb {
    width: 2px;
    fill: rgb(51 51 51);
  }

.Z0kBD {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    overflow: hidden;
    max-height: 44px;
  }

.vm9yx {
    background-color: var(--app-background--color);
    height: calc(100% - var(--form-command-bar-height, 40px));
  }

    .Of4nZ {
      height: calc(100% - 75px - var(--form-command-bar-height, 40px));
      width: calc(100% - 200px);
    }

    .aCD1e {
      height: calc(100% - 75px - var(--form-command-bar-height, 40px));
    }
  .Bglg0 {
    padding-bottom: 26px;
    text-align: right;
  }
  .FQlmq {
    text-align: right;
  }
  .ei9G_ {
    overflow-y: auto;
  }
  .SwUGO[data-modern-command-bar="true"] {
      --form-command-bar-height: 44px;
    }
  .SwUGO {

    position: absolute;
    width: 100%;
    height: 100%;
}
  .cZ4iq {
    opacity: 0.5;
    pointer-events: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
  }

.k1Zyi {
    display: flex;
    flex-direction: column;
    color: var(--app-font--color);
  }
  .GEHfL {
    text-transform: uppercase;
  }
  .j82BC > button {
    background-color: transparent;
  }

.oF6Kd {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 1rem;
  }

    .oF6Kd div[class*='headerText'] {
      color: var(--app-font--color);
    }
  .kXL8T {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 100%;
    margin-right: 360px;
  }
  .kXL8T > * + *{
      margin-top: 1rem;
    }

.Hj5nf .ms-Panel-contentInner {
    height: 100%;
  }
  .Hj5nf .ms-Panel-scrollableContent {
    flex: 1 1 0;
    overflow-y: hidden;
  }
  .Hj5nf div[class*="header"] {
      color: var(--app-font--color);
    }
  ._n0ru {
    padding-top: 16px;
  }
  ._n0ru > button {
    margin-right: 8px;
  }

.Quj4r {
    position: relative;
  }
  .G1F1l {
    min-height: 19px;
    font-weight: 600;
  }
  .vEdlg {
    margin-left: 12px;
  }
  .V2jKs {
    position: absolute;
    top: -6px;
  }

.FiCzd {
    display: flex;
    width: 100%;
    flex-direction: column;
  }

    .FiCzd > div + div {
      margin-top: 5px;
    }
  .GIIUD {
    display: flex;
    align-items: center;
  }
  .flHk_ {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .flHk_ label {
      color: var(--input-rest--text-value--color);
    }
  .flHk_ button > span  {
      color: var(--input-rest--text-value--color);
    }
  .gZa2O {
    display: flex;
  }
  .gZa2O > button + button {
      margin-left: 15px;
    }
  .gZa2O > button {
      font-weight: 500 !important;
    }
  .GIIUD, .OvqUb {
    font-weight: 500 !important;
  }
  .e1byA {
    width: 100%;
    height: 100%;
    border: none;
  }
  .P8qcu {
    color: var(--app-font--color);
    margin-left: 5px;
  }
  .NU2ws div[class*="jodit-container"]:not(.NrZOU) {
      border-color: var(--error--color)
    }
  .KVatw {
    display: none;
  }
  .KVatw > div {
      display: none;
    }
.iuB7w {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

    .iuB7w > div + div {
      margin-top: 10px;
    }

.YtWYF {
    width: 100%;
    height: 100%;
  }

    .YtWYF h4 {
      margin: 0;
    }

    .YtWYF header {
      display: grid;
      grid-template-columns: calc(100% - 120px) 120px;
      align-items: center;
      margin-bottom: 10px;
    }

    .YtWYF header button {
        outline: none;
        cursor: pointer;
        font-weight: 500;
        border: 1px solid transparent;
        border-radius: 2px;
        height: 30px;
        transition: border-color 0.15s ease 0s;
      }

    .YtWYF header button:hover {
          border-color: #000;
        }

    .YtWYF textarea {
      padding: 5px;
      outline: none;
      resize: none;
      width: 100%;
    }

    .YtWYF textarea:focus {
        border: 2px solid var(--accent-rest--color);
      }

.nVtkv {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0;
    font-size: 14px;
  }
  button.nVtkv {
    margin: 7px 0 !important;
  }
  .bDP9y {
    max-width: 100%;
  }
  .H0e1n {
    width: 100%;
  }

.Zx6hQ {
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding: 5px;
  }

    .Zx6hQ div[class*="ms-ComboBox"] {
      width: 100%;
      display: flex;
      align-items: center;
    }

    .FheAL {
      flex-direction: row;
      flex-wrap: wrap;
    }

    .KVetm {
      flex-grow: 1;
      flex-basis: 50%;
    }

    .W92nz > div {
      width: 100%;
    }

    .W92nz > div button > span {
          font-weight: 700;
        }

.Tm5lm {
  pointer-events: all !important;
  position: fixed;
  bottom: 40px;
  z-index: 1000000000001;
  background-color: #313131;
  color: #fff;
  padding: 20px 10px;
  right: 40px;
  width: 320px;
  min-height: 60px;
}

.Yf78L {
  text-decoration: none;
  position: relative;
  color: #fff;
  display: flex;
  cursor: pointer;
  gap: 10px;
}

.cg7eK {
  height: 100%;
  width: 60px;
}

.CtpJj {
  display: flex;
  flex-direction: column;
  width: calc(100% - 64px);
  gap: 5px;
}

.CtpJj header {
  font-weight: 700;
}

.CtpJj textarea {
  background: transparent;
  outline: none;
  color: #fff;
  border: none;
  resize: none;
}

.ZyiQY {
  outline: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  z-index: 5;
  font-weight: 700;
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}


.D2abt {
    position: fixed;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
  }
  .Gh5Cc.D2abt {
    background: var(--grey10);
  }
  .wbjdV {
      height: 50px;
    }
  .CVRtI {
        border-bottom: 1px solid var(--grey21);
      }
  .MS1LJ {
      height: 100%;
    }
  ._bOdI {
      display: flex;
      height: calc(var(--app-height) - 50px);
      width: 100%;
    }
  .hQk1G {
      box-sizing: border-box;
      width: 100%;
      display: grid;
      grid-template-columns: 0 51px calc(100% - 51px);
    }
  .jCOLY {
      height: 100%;
      width: 100%;
    }
  .sFvId {
      display: flex;
      flex-direction: column;
      position: relative;
      width: 100%;
      height: calc(var(--app-height) - 50px);
      box-sizing: border-box;
      transition: padding 0.3s cubic-bezier(0.05, 0.69, 0.14, 1);
    }
  .tBeWl {
    grid-template-columns: 0 241px calc(100% - 241px);
  }
  .p5jF7 {
    grid-template-columns: 51px calc(100% - 51px);
  }
  .zOzey {
    grid-template-columns: 100%;
  }
  .MWMhP {
    grid-template-columns: 100%;
  }
  .S4d8j {
    height: var(--app-height);
  }
  .K1YyC {
    grid-template-columns: 100%;
    margin-left: 50px;
  }
  .iphXi {
    display: none;
  }
  @media (max-width: 1024px) {
    .gIlVF {
      display: none;
    }

      .BvEQT {
        background-color: rgb(0 0 0 / 20%);
        position: absolute;
        width: 100vw;
        height: calc(var(--app-height) - 50px);
        z-index: 11;
        display: block;
      }
  }
  @media (max-width: 470px) {
    .BvEQT {
      background-color: #cecece;
    }
  }
  @media (min-width: 800px) and (max-width: 1024px) {
    .BZmd8 {
      padding-left: 50px;
    }
  }


.ms-Panel-headerText {
    color: var(--app-font--color);
  }


input:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {
    -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
    font-family: inherit;
  }


input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder, div[class*="ms-ComboBox is-disabled"] input, div[class*="ms-Checkbox is-disabled"] span, div[class*="ms-TextField is-disabled"] input {
    -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
    font-family: inherit;
  }


input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--input-rest--text-value--color);
    box-shadow: 0 0 0 1000px var(--input-rest--bg--color) inset;
    background-clip: content-box !important;
    -webkit-transition: background-color 600000s 0s, color 600000s 0s;
    transition: background-color 600000s 0s, color 600000s 0s;
  }


input[data-autocompleted] {
      background-color: transparent !important;
  }


.safari input:disabled:-ms-input-placeholder, .safari textarea:disabled:-ms-input-placeholder {
    color: var(--app-font--color) !important;
    font-family: inherit;
  }


.safari input:disabled, .safari textarea:disabled, .safari input:disabled::placeholder, .safari textarea:disabled::placeholder, .safari div[class*="ms-ComboBox is-disabled"] input, .safari div[class*="ms-Checkbox is-disabled"] span, .safari div[class*="ms-TextField is-disabled"] input {
    color: var(--app-font--color) !important;
    font-family: inherit;
  }


input, textarea {
    font-family: inherit;
  }


.safari div[class*="ms-Nav-groupContent"] > ul[class*="ms-Nav-navItems"] > li[role="listitem"] > div[class*="ms-Nav-compositeLink"] > button[class*="ms-Nav-link"], .safari div[class*="ms-Nav-groupContent"] > ul[class*="ms-Nav-navItems"] > li[role="listitem"] > div[class*="ms-Nav-compositeLink"] > a[class*="ms-Nav-link"] {
    height: fit-content !important;
  }


blockquote {
    position: relative;
    margin: 10px 0;
    padding: 3px 0 3px 15px;
    background: var(--grey20);
  }


blockquote::after {
      position: absolute;
      display: block;
      top: 3px;
      left: 3px;
      content: "";
      height: calc(100% - 6px);
      width: 2px;
      background-color: var(--grey30);
    }


body.iframe div[data-testid="drawer"], body.iframe div[data-testid="nav-bar"], body.iframe div[data-testid="command-bar"] {
    display: none;
  }


body.iframe div[data-testid="template-body"], body.iframe div[data-testid="template-content"] {
    height: 100% !important;
    width: 100% !important;
  }


body.iframe div[data-testid="table"] {
    height: 100% !important;
  }


body.iframe div[class*="busy-indicator"] {
    background: var(--grey10);
  }


html {
    min-height: 100%;
    font-family: sans-serif;
  }


#react-app {
    height: 100%;
    position: fixed;
    width: 100%;
  }


ul.ms-ContextualMenu-list > button.ms-Pivot-linkInMenu {
    line-height: 0 !important;
  }


.ms-Panel-content {
    max-height: calc(var(--app-height) - 135px);
    overflow-y: auto;
    height: 100%;
  }


.ms-Spinner.root-77 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    z-index: 10000;
  }


.emoji-scroll-wrapper {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

.TKbCV {
    border-collapse: collapse;
  }

    .TKbCV thead {
      font-weight: 600;
      background-color: rgb(0 120 212 / 80%);
      color: white;
      text-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
    }

    .TKbCV td {
      padding: 8px;
      border: 1px solid rgb(0 0 0 / 20%);
    }

    .TKbCV tbody tr:nth-child(even) {
          background-color: rgb(0 0 0 / 10%);
        }

    .TKbCV tbody tr:nth-child(odd) {
          background-color: rgb(0 0 0 / 20%);
        }

.Nabui {
    display: grid;
    width: 100%;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px);
    justify-content: space-between;
  }

    .Nabui > * {
      width: 100%;
    }
  .Nabui + .Nabui {
    margin-top: 12px;
  }
  ._SnX6 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: calc(58% - 10px) calc(42% - 10px);
  }
  .uvqXa > div[class*="ms-ComboBox-container"] {
    border: none !important;
    outline: none !important;
  }
  .uvqXa > div[class*="ms-ComboBox-container"] > *, .uvqXa > div[class*="ms-ComboBox-container"] > *::after, .uvqXa > div[class*="ms-ComboBox-container"] > *::before {
      border: none !important;
      outline: none !important;
    }
  .uvqXa > div[class*="ms-ComboBox-container"] > div:not([class*="is-open"]) {
      border: 1px solid #e5e5e5 !important;
      border-radius: 3px;
    }
  .uvqXa > div[class*="ms-ComboBox-container"] > div[class*="is-open"] {
      border-radius: 3px;
      border: 1px solid var(--accent-rest--color) !important;
      outline: 1px solid var(--accent-rest--color) !important;
      outline-style: auto !important;
    }
  .uvqXa > div[class*="ms-ComboBox-container"] button {
      background: transparent !important;
    }
  .uvqXa > div[class*="ms-ComboBox-container"] > div[class*="is-open"]::after {
      outline: none;
      border-radius: 0;
      border: none;
    }

.Ph4yO {
    width: 100%;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
    .Ph4yO > div:nth-child(1) {
      width: 100%;
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .Ph4yO > div:nth-child(1) > * + * {
        margin-top: 1rem;
      }
  
    .Ph4yO h3, .Ph4yO h4, .Ph4yO h5 {
      margin: 0;
      padding: 0;
    }
  .JvHmv {
    width: 100%;
    max-height: 400px;
    display: flex;
    flex-direction: column;
  }
  .JvHmv > div:nth-child(1) {
      width: 100%;
      min-height: 32px;
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  .JvHmv > div:nth-child(1) > * + * {
        margin-top: 1rem;
      }
  .JvHmv h3, .JvHmv h4, .JvHmv h5 {
      margin: 0;
      padding: 0;
    }
  .zVxpF {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .zVxpF > * + * {
      margin-left: 12px;
    }
  .Dl54l {
    text-align: center;
  }
  .OaYQV {
    width: 100%;
  }
  .OaYQV header {
      margin-bottom: 12px;
      display: flex;
      flex-direction: column;
    }
  .OaYQV header .LW19x {
        display: grid;
        width: 100%;
        grid-template-columns: calc(40% - 10px) calc(60% - 10px);
        justify-content: space-between;
      }
  .OaYQV header > * + * {
        margin-top: 24px;
      }
  .OaYQV .KjJkV {
      display: flex;
      flex-direction: column;
    }
  .OaYQV .Bowa1 {
        display: flex;
        flex-direction: column;
      }
  .OaYQV .Bowa1 > * + * {
          margin-top: 12px;
        }
  .OaYQV .bfyJZ {
      display: flex;
      flex-direction: column;
    }
  .vvPtd {
    color: var(--error--color);
  }
  .Uxjf9 {
    display: flex;
    justify-content: center;
  }
  .XFhUV {
    position: relative;
    margin: 0 auto 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .XFhUV > * + * {
      margin-top: 8px;
    }
  .XFhUV .Cze9C {
      -webkit-appearance: none;
              appearance: none;
      border: 0;
      background: var(--accent-rest--color);
      width: fit-content;
      color: #fff;
      padding: 8px 16px;
      font-size: 16px;
    }
  .XFhUV > input {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      cursor: pointer;
    }
  .LPWzk {
    display: flex;
    align-items: center;
  }
  .LPWzk > * + * {
      margin-left: 0.75rem;
    }