@charset "UTF-8";
.o-player {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.o-player .o-player-wrapper {
  width: 100%;
  height: calc(100% - 60px);
  overflow: hidden;
  background-color: var(--o-neutral-bg-6-normal);
  /* 位置通过定位实现 */
  position: relative;
}

.o-player .o-player-wrapper.o-player-no-control {
  height: 100%;
}

.o-player .o-player-item {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.fullplayer .o-player-item {
  position: absolute;
}

.o-player .o-player-item.selected {
  border: 2px solid var(--o-brand-stroke-2-selected-ss);
}

.o-player .o-player-item.unselected {
  border: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-player .o-player-kind-stream-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
}

.o-player .o-player-full-content {
  width: 100%;
  height: 100%;
}

.o-player .o-player-default-status {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: 0.5s;
}

.o-player .o-player-default-status-img {
  width: 120px;
  height: 120px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwLjAwMDAwMCIgaGVpZ2h0PSIxMjAuMDAwMDAwIiB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPGRlc2M+DQoJCQlDcmVhdGVkIHdpdGggUGl4c28uDQoJPC9kZXNjPg0KCTxkZWZzPg0KCQk8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50X2xpbmVhcl8xMzc1N185MzA3XzAiIHgxPSI2MC4wMDE0NjUiIHkxPSIzMC4wMDAwMDAiIHgyPSI2MC4wMDE0NjUiIHkyPSI5MC4wMDAwMDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCgkJCTxzdG9wIHN0b3AtY29sb3I9IiNEOUUzRkYiIHN0b3Atb3BhY2l0eT0iMC4xMDE5NjEiLz4NCgkJCTxzdG9wIG9mZnNldD0iMS4wMDAwMDAiIHN0b3AtY29sb3I9IiNEOUUzRkYiIHN0b3Atb3BhY2l0eT0iMC4wMzEzNzMiLz4NCgkJPC9saW5lYXJHcmFkaWVudD4NCgk8L2RlZnM+DQoJPHBhdGggaWQ9ImVtcHR5MTUiIGQ9Ik04MS43NTA0IDkwTDE0LjI1MDQgOTBDMTMuNjI5IDkwIDEzLjA5ODggODkuNzgwMyAxMi42NTk0IDg5LjM0MTFDMTIuMjIwMSA4OC45MDE2IDEyLjAwMDQgODguMzcxMyAxMi4wMDA0IDg3Ljc1TDEyLjAwMDQgMzIuMjVDMTIuMDAxNiAzMS42MjkyIDEyLjIyMTcgMzEuMDk5MSAxMi42NjA4IDMwLjY2MDJDMTMuMDk5NyAzMC4yMjA5IDEzLjYyOTYgMzAuMDAxIDE0LjI1MDQgMzBMODEuNzUwNCAzMEM4Mi4zNzE3IDMwIDgyLjkwMiAzMC4yMTk3IDgzLjM0MTMgMzAuNjU4OUM4My43ODA2IDMxLjA5ODQgODQuMDAwNCAzMS42Mjg3IDg0LjAwMDQgMzIuMjVMODQuMDAwNCA0OC40NjE0TDEwNS41ODggMzEuODU3NEMxMDUuODU0IDMxLjY0ODQgMTA2LjE1NyAzMS41NDM1IDEwNi40OTcgMzEuNTQyNUMxMDYuOTExIDMxLjU0MyAxMDcuMjY1IDMxLjY4OTcgMTA3LjU1OSAzMS45ODIyQzEwNy44NTIgMzIuMjc0NyAxMDggMzIuNjI4MiAxMDguMDAzIDMzLjA0MjVMMTA4LjAwMyA4Ni45NTA5QzEwOCA4Ny4zNjU1IDEwNy44NTIgODcuNzE4OCAxMDcuNTU4IDg4LjAxMTJDMTA3LjI2NSA4OC4zMDM3IDEwNi45MSA4OC40NTA0IDEwNi40OTYgODguNDUwOUMxMDYuMTU3IDg4LjQ1MDQgMTA1Ljg1NCA4OC4zNDU5IDEwNS41ODggODguMTM3NUw4NC4wMDA0IDcxLjUzNzFMODQuMDAwNCA4Ny43NUM4NC4wMDA0IDg4LjM3MTMgODMuNzgwNiA4OC45MDE2IDgzLjM0MTMgODkuMzQxMUM4Mi45MDIgODkuNzgwMyA4Mi4zNzE3IDkwIDgxLjc1MDQgOTBaTTM3LjEyNTQgNDEuMzQ0NUMzNi44MTQ3IDQxLjM0NDUgMzYuNTQ5NiA0MS40NTQzIDM2LjMyOTggNDEuNjc0MUMzNi4xMTAyIDQxLjg5MzYgMzYuMDAwNCA0Mi4xNTg5IDM2LjAwMDQgNDIuNDY5NUwzNi4wMDA0IDc3LjUyNTRDMzYuMDAwNCA3Ny44MzU5IDM2LjExMDIgNzguMTAxMyAzNi4zMjk4IDc4LjMyMDhDMzYuNTQ5NiA3OC41NDA1IDM2LjgxNDcgNzguNjUwNCAzNy4xMjU0IDc4LjY1MDRDMzcuMzMwNCA3OC42NDk0IDM3LjUyMDYgNzguNTk2NyAzNy42OTU5IDc4LjQ5MjJMNjcuMzU5IDYwLjk2MzFDNjcuNzMwMSA2MC43NDczIDY3LjkxNDQgNjAuNDI0MyA2Ny45MTIgNTkuOTk0MUM2Ny45MTQ5IDU5LjU2NDkgNjcuNzMwNiA1OS4yNDI3IDY3LjM1OSA1OS4wMjczTDM3LjY5NTkgNDEuNDk2OEMzNy41MjAxIDQxLjM5MzMgMzcuMzMgNDEuMzQyNSAzNy4xMjU0IDQxLjM0NDVaIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9InVybCgjcGFpbnRfbGluZWFyXzEzNzU3XzkzMDdfMCkiLz4NCgk8cGF0aCBpZD0iZW1wdHkxNSIgZD0iTTg0LjAwMDQgNDcuMkw4NC4wMDA0IDMyLjI1Qzg0LjAwMDQgMzEuNjI4NyA4My43ODA2IDMxLjA5ODQgODMuMzQxMyAzMC42NTg5QzgyLjkwMiAzMC4yMTk3IDgyLjM3MTcgMzAgODEuNzUwNCAzMEwxNC4yNTA0IDMwQzEzLjk0MDMgMzAuMDAwNSAxMy42NTI4IDMwLjA1NTcgMTMuMzg4MSAzMC4xNjU1QzEzLjEyMjkgMzAuMjc1NCAxMi44ODA1IDMwLjQ0MDQgMTIuNjYwOCAzMC42NjAyQzEyLjQ0MTMgMzAuODc5NiAxMi4yNzY1IDMxLjEyMTYgMTIuMTY2NSAzMS4zODY3QzEyLjA1NjQgMzEuNjUxNiAxMi4wMDEgMzEuOTM5NSAxMi4wMDA0IDMyLjI1TDEyLjAwMDQgODcuNzVDMTIuMDAwNCA4OC4zNzEzIDEyLjIyMDEgODguOTAxNiAxMi42NTk0IDg5LjM0MTFDMTMuMDk4OCA4OS43ODAzIDEzLjYyOSA5MCAxNC4yNTA0IDkwTDgxLjc1MDQgOTBDODIuMzcxNyA5MCA4Mi45MDIgODkuNzgwMyA4My4zNDEzIDg5LjM0MTFDODMuNzgwNiA4OC45MDE2IDg0LjAwMDQgODguMzcxMyA4NC4wMDA0IDg3Ljc1TDg0LjAwMDQgNzEuNTM3MUw4NS4wMDA0IDcyLjMwNjJMMTA1LjU4OCA4OC4xMzc1QzEwNS43MiA4OC4yNDEgMTA1Ljg2MiA4OC4zMTkxIDEwNi4wMTIgODguMzcxM0MxMDYuMTY0IDg4LjQyNDEgMTA2LjMyNiA4OC40NTA3IDEwNi40OTYgODguNDUwOUMxMDYuOTEgODguNDUwNCAxMDcuMjY1IDg4LjMwMzcgMTA3LjU1OCA4OC4wMTEyQzEwNy44NTIgODcuNzE4OCAxMDggODcuMzY1NSAxMDguMDAzIDg2Ljk1MDlMMTA4LjAwMyAzMy4wNDI1QzEwOCAzMi42MjgyIDEwNy44NTIgMzIuMjc0NyAxMDcuNTU5IDMxLjk4MjJDMTA3LjI2NSAzMS42ODk3IDEwNi45MTEgMzEuNTQzIDEwNi40OTcgMzEuNTQyNUMxMDYuMTU3IDMxLjU0MzUgMTA1Ljg1NCAzMS42NDg0IDEwNS41ODggMzEuODU3NEw4NS4wMDA0IDQ3LjY5MjRMODQuMDAwNCA0OC40NjE0TDg0LjAwMDQgNDcuMlpNODEuNzUwNCA4OUwxNC4yNTA0IDg5QzE0LjA3NzggODkgMTMuOTE3OCA4OC45Njk1IDEzLjc3MDUgODguOTA4NEMxMy42MjMyIDg4Ljg0NzQgMTMuNDg4NSA4OC43NTU5IDEzLjM2NjUgODguNjMzOEMxMy4yNDQ0IDg4LjUxMTcgMTMuMTUzIDg4LjM3NzIgMTMuMDkxOSA4OC4yMjk3QzEzLjAzMDkgODguMDgyNSAxMy4wMDA0IDg3LjkyMjYgMTMuMDAwNCA4Ny43NUwxMy4wMDA0IDMyLjI1QzEzLjAwMDcgMzIuMDgwMSAxMy4wMzA4IDMxLjkyMjEgMTMuMDkwNSAzMS43NzY2QzEzLjE1MTcgMzEuNjI3NCAxMy4yNDQxIDMxLjQ5MSAxMy4zNjc4IDMxLjM2NzJDMTMuNDkwMSAzMS4yNDQ5IDEzLjYyNTEgMzEuMTUzMSAxMy43NzI3IDMxLjA5MkMxMy45MTk5IDMxLjAzMSAxNC4wNzk2IDMxLjAwMDIgMTQuMjUyIDMxTDgxLjc1MDQgMzFDODEuOTIzIDMxIDgyLjA4MjkgMzEuMDMwNSA4Mi4yMzAyIDMxLjA5MTZDODIuMzc3NCAzMS4xNTI2IDgyLjUxMjIgMzEuMjQ0MSA4Mi42MzQzIDMxLjM2NjJDODIuNzU2MiAzMS40ODggODIuODQ3OCAzMS42MjI4IDgyLjkwODggMzEuNzdDODIuOTY5OCAzMS45MTc1IDgzLjAwMDQgMzIuMDc3NCA4My4wMDA0IDMyLjI1TDgzLjAwMDQgNTAuNDkyMkwxMDYuMTk3IDMyLjY1MDFDMTA2LjI1MyAzMi42MDY3IDEwNi4zMTIgMzIuNTc2MiAxMDYuMzc1IDMyLjU1OTFDMTA2LjQxNSAzMi41NDgxIDEwNi40NTYgMzIuNTQyNSAxMDYuNSAzMi41NDI1QzEwNi41NjMgMzIuNTQyNSAxMDYuNjIyIDMyLjU1MzIgMTA2LjY3NyAzMi41NzQyQzEwNi43NDEgMzIuNTk4OSAxMDYuOCAzMi42Mzc3IDEwNi44NTMgMzIuNjkwN0MxMDYuOTAzIDMyLjc0IDEwNi45NCAzMi43OTQ3IDEwNi45NjUgMzIuODU0MkMxMDYuOTkgMzIuOTEzOCAxMDcuMDAyIDMyLjk3ODMgMTA3LjAwMyAzMy4wNDc5TDEwNy4wMDMgODYuOTUwOUMxMDcuMDAyIDg3LjAxMiAxMDYuOTkyIDg3LjA2OTMgMTA2Ljk3MiA4Ny4xMjNDMTA2Ljk0NyA4Ny4xODg1IDEwNi45MDcgODcuMjQ4MyAxMDYuODUzIDg3LjMwMjdDMTA2LjgwMyA4Ny4zNTIxIDEwNi43NDggODcuMzg5MiAxMDYuNjg4IDg3LjQxMzhDMTA2LjYyOSA4Ny40Mzg1IDEwNi41NjQgODcuNDUwOSAxMDYuNDk1IDg3LjQ1MDlDMTA2LjQ0NCA4Ny40NTA5IDEwNi4zOTYgODcuNDQzNCAxMDYuMzUxIDg3LjQyODdDMTA2LjI5OSA4Ny40MTE5IDEwNi4yNSA4Ny4zODU1IDEwNi4yMDQgODcuMzQ5Nkw4My4wMDA0IDY5LjUwNjZMODMuMDAwNCA4Ny43NUM4My4wMDA0IDg3LjkyMjYgODIuOTY5OCA4OC4wODI1IDgyLjkwODggODguMjNDODIuODQ3OCA4OC4zNzcyIDgyLjc1NjIgODguNTEyIDgyLjYzNDMgODguNjMzOEM4Mi41MTIyIDg4Ljc1NTkgODIuMzc3NiA4OC44NDc0IDgyLjIzMDIgODguOTA4NEM4Mi4wODI5IDg4Ljk2OTUgODEuOTIzIDg5IDgxLjc1MDQgODlaTTM2LjMzNTIgNDAuNDg4OEMzNi4wNzU0IDQwLjU5MjMgMzUuODM4IDQwLjc1MTcgMzUuNjIyOCA0MC45NjY4QzM1LjQxNTMgNDEuMTc0MyAzNS4yNTk2IDQxLjQwMzMgMzUuMTU2IDQxLjY1MzhDMzUuMDUyMiA0MS45MDQzIDM1LjAwMDQgNDIuMTc2IDM1LjAwMDQgNDIuNDY5NUwzNS4wMDA0IDc3LjUyNTRDMzUuMDAwNCA3Ny44MTg4IDM1LjA1MjIgNzguMDkwNiAzNS4xNTU5IDc4LjM0MTFDMzUuMjU5NiA3OC41OTE2IDM1LjQxNTMgNzguODIwNiAzNS42MjI4IDc5LjAyODFDMzUuODMwMiA3OS4yMzU0IDM2LjA1OTIgNzkuMzkxMSAzNi4zMDk3IDc5LjQ5NDlDMzYuNTYwMSA3OS41OTg2IDM2LjgzMiA3OS42NTA0IDM3LjEyNTQgNzkuNjUwNEMzNy4zMzU3IDc5LjY0OTQgMzcuNTM3NSA3OS42MTk5IDM3LjczMDcgNzkuNTYyQzM3Ljg5NiA3OS41MTI3IDM4LjA1NTEgNzkuNDQyNCAzOC4yMDggNzkuMzUxMUw2Ny44Njc4IDYxLjgyNEM2OC4yMTM0IDYxLjYyMyA2OC40NzMzIDYxLjM3MjMgNjguNjQ3MyA2MS4wNzE4QzY4LjgyNiA2MC43NjMyIDY4LjkxNDMgNjAuNDAyMSA2OC45MTIgNTkuOTg4NUM2OC45MTQ3IDU5LjU5MjggNjguODMyIDU5LjI0NTEgNjguNjY0MiA1OC45NDUxQzY4LjQ4OSA1OC42MzIxIDY4LjIyMTEgNTguMzcxMSA2Ny44NjA0IDU4LjE2MjFMMzguMjA0NyA0MC42MzZDMzguMDM1MyA0MC41MzYxIDM3Ljg1OTEgNDAuNDYxOSAzNy42NzYxIDQwLjQxMzZDMzcuNDk2IDQwLjM2NTcgMzcuMzA5MiA0MC4zNDI4IDM3LjExNTggNDAuMzQ0NUMzNi44MzY0IDQwLjM0NDUgMzYuNTc2MiA0MC4zOTI2IDM2LjMzNTIgNDAuNDg4OFpNMzcuMTI1NCA0MS4zNDQ1QzM2LjgxNDcgNDEuMzQ0NSAzNi41NDk2IDQxLjQ1NDMgMzYuMzI5OCA0MS42NzQxQzM2LjExMDIgNDEuODkzNiAzNi4wMDA0IDQyLjE1ODkgMzYuMDAwNCA0Mi40Njk1TDM2LjAwMDQgNzcuNTI1NEMzNi4wMDA0IDc3LjgzNTkgMzYuMTEwMiA3OC4xMDEzIDM2LjMyOTggNzguMzIwOEMzNi41NDk2IDc4LjU0MDUgMzYuODE0NyA3OC42NTA0IDM3LjEyNTQgNzguNjUwNEMzNy4zMzA0IDc4LjY0OTQgMzcuNTIwNiA3OC41OTY3IDM3LjY5NTkgNzguNDkyMkw2Ny4zNTkgNjAuOTYzMUM2Ny43MzAxIDYwLjc0NzMgNjcuOTE0NCA2MC40MjQzIDY3LjkxMiA1OS45OTQxQzY3LjkxNDkgNTkuNTY0OSA2Ny43MzA2IDU5LjI0MjcgNjcuMzU5IDU5LjAyNzNMMzcuNjk1OSA0MS40OTY4QzM3LjUyMDEgNDEuMzkzMyAzNy4zMyA0MS4zNDI1IDM3LjEyNTQgNDEuMzQ0NVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0Q5RTNGRiIgZmlsbC1vcGFjaXR5PSIwLjAzMDAwMCIvPg0KPC9zdmc+DQo=);
}

.o-player .o-player-audio-default-status-img {
  width: 160px;
  height: 160px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwLjAwMDAwMCIgaGVpZ2h0PSIxNjAuMDAwMDAwIiB2aWV3Qm94PSIwIDAgMTYwIDE2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQoJPGRlc2M+DQoJCQlDcmVhdGVkIHdpdGggUGl4c28uDQoJPC9kZXNjPg0KCTxkZWZzPg0KCQk8bGluZWFyR3JhZGllbnQgeDE9IjgwLjAwMDAwMCIgeTE9IjI0LjAwMDAwMCIgeDI9IjgwLjAwMDAwMCIgeTI9IjEzNi4wMDA5NzciIGlkPSJwYWludF9saW5lYXJfMjAxMjJfMTIwODlfMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPg0KCQkJPHN0b3Agc3RvcC1jb2xvcj0iI0Q5RTNGRiIgc3RvcC1vcGFjaXR5PSIwLjEwMTk2MSIvPg0KCQkJPHN0b3Agb2Zmc2V0PSIxLjAwMDAwMCIgc3RvcC1jb2xvcj0iI0Q5RTNGRiIgc3RvcC1vcGFjaXR5PSIwLjAzMTM3MyIvPg0KCQk8L2xpbmVhckdyYWRpZW50Pg0KCTwvZGVmcz4NCgk8cGF0aCBpZD0iZW1wdHkyMSIgZD0iTTgwIDEzNkM3Mi40MyAxMzYuMDEgNjUuMTYgMTM0LjU0IDU4LjIgMTMxLjZDNTEuNDggMTI4Ljc2IDQ1LjU1IDEyNC43NiA0MC40IDExOS42QzM1LjIzIDExNC40NSAzMS4yMyAxMDguNTEgMjguNCAxMDEuOEMyNS40NSA5NC44MyAyMy45OCA4Ny41NiAyNCA4MEMyMy45OCA3Mi40MyAyNS40NSA2NS4xNiAyOC40IDU4LjJDMzEuMjMgNTEuNDggMzUuMjMgNDUuNTUgNDAuNCA0MC40QzQ1LjU1IDM1LjIzIDUxLjQ4IDMxLjIzIDU4LjIgMjguNEM2NS4xNiAyNS40NSA3Mi40MyAyMy45OCA4MCAyNEM4Ny41NiAyMy45OCA5NC44MyAyNS40NSAxMDEuOCAyOC40QzEwOC41MSAzMS4yMyAxMTQuNDUgMzUuMjMgMTE5LjYgNDAuNEMxMjQuNzYgNDUuNTUgMTI4Ljc2IDUxLjQ4IDEzMS42IDU4LjJDMTM0LjU1IDY1LjE2IDEzNi4wMSA3Mi40MyAxMzYgODBDMTM2LjAxIDg3LjU2IDEzNC41NCA5NC44MyAxMzEuNiAxMDEuOEMxMjguNzYgMTA4LjUxIDEyNC43NiAxMTQuNDUgMTE5LjYgMTE5LjZDMTE0LjQ1IDEyNC43NiAxMDguNTEgMTI4Ljc2IDEwMS44IDEzMS42Qzk0LjgzIDEzNC41NCA4Ny41NiAxMzYuMDEgODAgMTM2Wk04NiA0OEM4NS40NCA0OCA4NC45NyA0OC4xOSA4NC41OCA0OC41OEM4NC4xOSA0OC45NyA4NCA0OS40NCA4NCA1MEw4NCAxMTBDODQgMTEwLjU1IDg0LjE5IDExMS4wMiA4NC41OCAxMTEuNDFDODQuOTcgMTExLjggODUuNDQgMTEyIDg2IDExMkw5MCAxMTJDOTAuNTUgMTEyIDkxLjAyIDExMS44IDkxLjQxIDExMS40MUM5MS44IDExMS4wMiA5MiAxMTAuNTUgOTIgMTEwTDkyIDUwQzkyIDQ5LjQ0IDkxLjggNDguOTcgOTEuNDEgNDguNThDOTEuMDIgNDguMTkgOTAuNTUgNDggOTAgNDhMODYgNDhaTTU0IDQ4QzUzLjQ0IDQ4IDUyLjk3IDQ4LjE5IDUyLjU4IDQ4LjU4QzUyLjE5IDQ4Ljk3IDUyIDQ5LjQ0IDUyIDUwTDUyIDExMEM1MiAxMTAuNTUgNTIuMTkgMTExLjAyIDUyLjU4IDExMS40MUM1Mi45NyAxMTEuOCA1My40NCAxMTIgNTQgMTEyTDU4IDExMkM1OC41NSAxMTIgNTkuMDIgMTExLjggNTkuNDEgMTExLjQxQzU5LjggMTExLjAyIDYwIDExMC41NSA2MCAxMTBMNjAgNTBDNjAgNDkuNDQgNTkuOCA0OC45NyA1OS40MSA0OC41OEM1OS4wMiA0OC4xOSA1OC41NSA0OCA1OCA0OEw1NCA0OFpNMTAyIDY0QzEwMS40NCA2NCAxMDAuOTcgNjQuMTkgMTAwLjU4IDY0LjU4QzEwMC4xOSA2NC45NyAxMDAgNjUuNDQgMTAwIDY2TDEwMCA5NEMxMDAgOTQuNTUgMTAwLjE5IDk1LjAyIDEwMC41OCA5NS40MUMxMDAuOTcgOTUuOCAxMDEuNDQgOTYgMTAyIDk2TDEwNiA5NkMxMDYuNTUgOTYgMTA3LjAyIDk1LjggMTA3LjQxIDk1LjQxQzEwNy44IDk1LjAyIDEwOCA5NC41NSAxMDggOTRMMTA4IDY2QzEwOCA2NS40NCAxMDcuOCA2NC45NyAxMDcuNDEgNjQuNThDMTA3LjAyIDY0LjE5IDEwNi41NSA2NCAxMDYgNjRMMTAyIDY0Wk03MCA2NEM2OS40NCA2NCA2OC45NyA2NC4xOSA2OC41OCA2NC41OEM2OC4xOSA2NC45NyA2OCA2NS40NCA2OCA2Nkw2OCA5NEM2OCA5NC41NSA2OC4xOSA5NS4wMiA2OC41OCA5NS40MUM2OC45NyA5NS44IDY5LjQ0IDk2IDcwIDk2TDc0IDk2Qzc0LjU1IDk2IDc1LjAyIDk1LjggNzUuNDEgOTUuNDFDNzUuOCA5NS4wMiA3NiA5NC41NSA3NiA5NEw3NiA2NkM3NiA2NS40NCA3NS44IDY0Ljk3IDc1LjQxIDY0LjU4Qzc1LjAyIDY0LjE5IDc0LjU1IDY0IDc0IDY0TDcwIDY0Wk0xMTggNzJDMTE3LjQ0IDcyIDExNi45NyA3Mi4xOSAxMTYuNTggNzIuNThDMTE2LjE5IDcyLjk3IDExNiA3My40NCAxMTYgNzRMMTE2IDg2QzExNiA4Ni41NSAxMTYuMTkgODcuMDIgMTE2LjU4IDg3LjQxQzExNi45NyA4Ny44IDExNy40NCA4OCAxMTggODhMMTIyIDg4QzEyMi41NSA4OCAxMjMuMDIgODcuOCAxMjMuNDEgODcuNDFDMTIzLjggODcuMDIgMTI0IDg2LjU1IDEyNCA4NkwxMjQgNzRDMTI0IDczLjQ0IDEyMy44IDcyLjk3IDEyMy40MSA3Mi41OEMxMjMuMDIgNzIuMTkgMTIyLjU1IDcyIDEyMiA3MkwxMTggNzJaTTM4IDcyQzM3LjQ0IDcyIDM2Ljk3IDcyLjE5IDM2LjU4IDcyLjU4QzM2LjE5IDcyLjk3IDM2IDczLjQ0IDM2IDc0TDM2IDg2QzM2IDg2LjU1IDM2LjE5IDg3LjAyIDM2LjU4IDg3LjQxQzM2Ljk3IDg3LjggMzcuNDQgODggMzggODhMNDIgODhDNDIuNTUgODggNDMuMDIgODcuOCA0My40MSA4Ny40MUM0My44IDg3LjAyIDQ0IDg2LjU1IDQ0IDg2TDQ0IDc0QzQ0IDczLjQ0IDQzLjggNzIuOTcgNDMuNDEgNzIuNThDNDMuMDIgNzIuMTkgNDIuNTUgNzIgNDIgNzJMMzggNzJaIiBmaWxsPSJ1cmwoI3BhaW50X2xpbmVhcl8yMDEyMl8xMjA4OV8wKSIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+DQoJPHBhdGggaWQ9ImVtcHR5MjEiIGQ9Ik04MCAxMzZDNzIuNDMgMTM2LjAxIDY1LjE2IDEzNC41NCA1OC4yIDEzMS42QzU0LjgzIDEzMC4xNyA1MS42NyAxMjguNDYgNDguNyAxMjYuNDZMNDguNyAxMjYuNDZDNDUuNzQgMTI0LjQ2IDQyLjk3IDEyMi4xNyA0MC40IDExOS42QzM3LjgyIDExNy4wMiAzNS41MyAxMTQuMjUgMzMuNTMgMTExLjI4QzMxLjUzIDEwOC4zMiAyOS44MiAxMDUuMTUgMjguNCAxMDEuOEMyNi45MiA5OC4zIDI1LjgxIDk0Ljc0IDI1LjA4IDkxLjFDMjQuMzUgODcuNDcgMjMuOTkgODMuNzcgMjQgODBDMjMuOTkgNzYuMjEgMjQuMzUgNzIuNTEgMjUuMDggNjguODdDMjUuODIgNjUuMjQgMjYuOTIgNjEuNjggMjguNCA1OC4yQzI5LjgxIDU0Ljg0IDMxLjUyIDUxLjY4IDMzLjUyIDQ4LjcyTDMzLjUyIDQ4LjcyTDMzLjUyIDQ4LjcyQzM1LjUyIDQ1Ljc1IDM3LjgxIDQyLjk3IDQwLjQgNDAuNEM0Mi45NiAzNy44MiA0NS43MiAzNS41NCA0OC42OCAzMy41NUM1MS42NSAzMS41NCA1NC44MyAyOS44MiA1OC4yIDI4LjRDNjEuNjcgMjYuOTIgNjUuMjIgMjUuODIgNjguODUgMjUuMDlDNzIuNDkgMjQuMzUgNzYuMiAyMy45OSA4MCAyNEM4My43NyAyMy45OSA4Ny40NyAyNC4zNSA5MS4wOSAyNS4wOEw5MS4wOSAyNS4wOEM5NC43NCAyNS44MSA5OC4zIDI2LjkyIDEwMS44IDI4LjRDMTA1LjE2IDI5LjgyIDEwOC4zMyAzMS41MyAxMTEuMyAzMy41M0wxMTEuMyAzMy41M0MxMTQuMjYgMzUuNTMgMTE3LjAyIDM3LjgyIDExOS42IDQwLjRDMTIyLjE3IDQyLjk3IDEyNC40NiA0NS43MyAxMjYuNDYgNDguNjlDMTI4LjQ2IDUxLjY2IDEzMC4xNyA1NC44MyAxMzEuNiA1OC4yQzEzMy4wNyA2MS42OCAxMzQuMTggNjUuMjQgMTM0LjkxIDY4Ljg4TDEzNC45MSA2OC44OEMxMzUuNjQgNzIuNTEgMTM2IDc2LjIxIDEzNiA4MEMxMzYgODMuNzcgMTM1LjY0IDg3LjQ3IDEzNC45MSA5MS4wOUwxMzQuOTEgOTEuMDlDMTM0LjE4IDk0Ljc0IDEzMy4wNyA5OC4zIDEzMS42IDEwMS44QzEzMC4xOCAxMDUuMTUgMTI4LjQ3IDEwOC4zMiAxMjYuNDcgMTExLjI4TDEyNi40NyAxMTEuMjlDMTI0LjQ3IDExNC4yNSAxMjIuMTggMTE3LjAyIDExOS42IDExOS42QzExNy4wMiAxMjIuMTggMTE0LjI0IDEyNC40NyAxMTEuMjcgMTI2LjQ3TDExMS4yNyAxMjYuNDdDMTA4LjMxIDEyOC40NyAxMDUuMTUgMTMwLjE4IDEwMS44IDEzMS42Qzk4LjMxIDEzMy4wNyA5NC43NSAxMzQuMTcgOTEuMTIgMTM0LjkxTDkxLjEyIDEzNC45MUM4Ny40OCAxMzUuNjQgODMuNzggMTM2IDgwIDEzNlpNNjkgMTMzLjkxQzY1LjQ1IDEzMy4xOSA2MS45OCAxMzIuMTEgNTguNTkgMTMwLjY3TDU4LjU4IDEzMC42N0M1NS4yOCAxMjkuMjggNTIuMTggMTI3LjYgNDkuMjYgMTI1LjYzQzQ2LjM1IDEyMy42NyA0My42MyAxMjEuNDIgNDEuMSAxMTguODlDMzguNTYgMTE2LjM1IDM2LjMgMTEzLjYyIDM0LjM0IDExMC43QzMyLjM4IDEwNy43OSAzMC43MSAxMDQuNjkgMjkuMzIgMTAxLjQxQzI3Ljg3IDk3Ljk3IDI2Ljc4IDk0LjQ3IDI2LjA2IDkwLjg5QzI1LjM0IDg3LjMzIDI0Ljk5IDgzLjcgMjUgODBDMjQuOTkgNzYuMjYgMjUuMzUgNzIuNjEgMjYuMDcgNjkuMDJDMjYuNzkgNjUuNDcgMjcuODcgNjEuOTkgMjkuMzIgNTguNTlDMzAuNzEgNTUuMjkgMzIuMzkgNTIuMTggMzQuMzUgNDkuMjdDMzYuMzIgNDYuMzUgMzguNTcgNDMuNjMgNDEuMSA0MS4xQzQzLjYzIDM4LjU3IDQ2LjM1IDM2LjMyIDQ5LjI2IDM0LjM2QzUyLjE4IDMyLjM5IDU1LjI5IDMwLjcxIDU4LjU4IDI5LjMyQzYyIDI3Ljg3IDY1LjQ5IDI2Ljc5IDY5LjA1IDI2LjA3QzcyLjYyIDI1LjM1IDc2LjI3IDI0Ljk5IDc5Ljk5IDI1QzgzLjcyIDI0Ljk5IDg3LjM3IDI1LjM1IDkwLjk0IDI2LjA3Qzk0LjUgMjYuNzkgOTcuOTkgMjcuODcgMTAxLjQxIDI5LjMyQzEwNC43MSAzMC43MSAxMDcuODIgMzIuNCAxMTAuNzQgMzQuMzdDMTEzLjY1IDM2LjMzIDExNi4zNiAzOC41NyAxMTguODkgNDEuMUMxMjEuNDMgNDMuNjQgMTIzLjY4IDQ2LjM2IDEyNS42NSA0OS4yOEMxMjcuNjEgNTIuMTkgMTI5LjI4IDU1LjI5IDEzMC42NyA1OC41OEMxMzIuMTIgNjIuMDEgMTMzLjIxIDY1LjUxIDEzMy45MyA2OS4wOEMxMzQuNjUgNzIuNjUgMTM1IDc2LjI4IDEzNSA3OS45OUMxMzUgODMuNzIgMTM0LjY0IDg3LjM3IDEzMy45MiA5MC45NEMxMzMuMiA5NC41IDEzMi4xMiA5Ny45OSAxMzAuNjcgMTAxLjQxQzEyOS4yOCAxMDQuNzEgMTI3LjYgMTA3LjgxIDEyNS42MyAxMTAuNzNDMTIzLjY3IDExMy42NCAxMjEuNDIgMTE2LjM2IDExOC44OSAxMTguODlDMTE2LjM1IDEyMS40MyAxMTMuNjIgMTIzLjY5IDExMC42OSAxMjUuNjZDMTA3Ljc5IDEyNy42MiAxMDQuNjkgMTI5LjI5IDEwMS40MSAxMzAuNjdDOTcuOTggMTMyLjEyIDk0LjQ4IDEzMy4yMSA5MC45MSAxMzMuOTNDODcuMzQgMTM0LjY1IDgzLjcxIDEzNSA4MCAxMzVDNzYuMjYgMTM1IDcyLjU5IDEzNC42NCA2OSAxMzMuOTFaTTUyLjg0IDQ3LjIxQzUyLjQ5IDQ3LjM2IDUyLjE3IDQ3LjU4IDUxLjg3IDQ3Ljg3QzUxLjU4IDQ4LjE3IDUxLjM2IDQ4LjQ5IDUxLjIyIDQ4Ljg0QzUxLjA3IDQ5LjIgNTEgNDkuNTggNTEgNTBMNTEgMTEwQzUxIDExMC40MSA1MS4wNyAxMTAuNzkgNTEuMjIgMTExLjE1QzUxLjM2IDExMS41IDUxLjU4IDExMS44MiA1MS44NyAxMTIuMTJDNTIuMTcgMTEyLjQxIDUyLjQ5IDExMi42MyA1Mi44NCAxMTIuNzhDNTMuMiAxMTIuOTIgNTMuNTggMTEzIDU0IDExM0w1OCAxMTNDNTguNDEgMTEzIDU4Ljc5IDExMi45MiA1OS4xNSAxMTIuNzhDNTkuNSAxMTIuNjMgNTkuODIgMTEyLjQxIDYwLjEyIDExMi4xMkM2MC40MSAxMTEuODIgNjAuNjMgMTExLjUgNjAuNzggMTExLjE1QzYwLjkyIDExMC43OSA2MSAxMTAuNDEgNjEgMTEwTDYxIDUwQzYxIDQ5LjU4IDYwLjkyIDQ5LjIgNjAuNzggNDguODRDNjAuNjMgNDguNDkgNjAuNDEgNDguMTcgNjAuMTIgNDcuODdDNTkuODIgNDcuNTggNTkuNSA0Ny4zNiA1OS4xNSA0Ny4yMUM1OC43OSA0Ny4wNyA1OC40MSA0NyA1OCA0N0w1NCA0N0M1My41OCA0NyA1My4yIDQ3LjA3IDUyLjg0IDQ3LjIxWk04NC44NCA0Ny4yMUM4NC40OSA0Ny4zNiA4NC4xNyA0Ny41OCA4My44NyA0Ny44N0M4My41OCA0OC4xNyA4My4zNiA0OC40OSA4My4yMiA0OC44NEM4My4wNyA0OS4yIDgzIDQ5LjU4IDgzIDUwTDgzIDExMEM4MyAxMTAuNDEgODMuMDcgMTEwLjc5IDgzLjIyIDExMS4xNUM4My4zNiAxMTEuNSA4My41OCAxMTEuODIgODMuODcgMTEyLjEyQzg0LjE3IDExMi40MSA4NC40OSAxMTIuNjMgODQuODQgMTEyLjc4Qzg1LjIgMTEyLjkyIDg1LjU4IDExMyA4NiAxMTNMOTAgMTEzQzkwLjQxIDExMyA5MC43OSAxMTIuOTIgOTEuMTUgMTEyLjc4QzkxLjUgMTEyLjYzIDkxLjgyIDExMi40MSA5Mi4xMiAxMTIuMTJDOTIuNDEgMTExLjgyIDkyLjYzIDExMS41IDkyLjc4IDExMS4xNUM5Mi45MiAxMTAuNzkgOTMgMTEwLjQxIDkzIDExMEw5MyA1MEM5MyA0OS41OCA5Mi45MiA0OS4yIDkyLjc4IDQ4Ljg0QzkyLjYzIDQ4LjQ5IDkyLjQxIDQ4LjE3IDkyLjEyIDQ3Ljg3QzkxLjgyIDQ3LjU4IDkxLjUgNDcuMzYgOTEuMTUgNDcuMjFDOTAuNzkgNDcuMDcgOTAuNDEgNDcgOTAgNDdMODYgNDdDODUuNTggNDcgODUuMiA0Ny4wNyA4NC44NCA0Ny4yMVpNNTMuMjMgNDguMTRDNTIuOTkgNDguMjQgNTIuNzggNDguMzkgNTIuNTggNDguNThDNTIuMTkgNDguOTcgNTIgNDkuNDQgNTIgNTBMNTIgMTEwQzUyIDExMC4yNyA1Mi4wNCAxMTAuNTMgNTIuMTQgMTEwLjc2QzUyLjI0IDExMSA1Mi4zOSAxMTEuMjEgNTIuNTggMTExLjQxQzUyLjk3IDExMS44IDUzLjQ0IDExMiA1NCAxMTJMNTggMTEyQzU4LjU1IDExMiA1OS4wMiAxMTEuOCA1OS40MSAxMTEuNDFDNTkuNjEgMTExLjIxIDU5Ljc1IDExMSA1OS44NSAxMTAuNzZDNTkuOTUgMTEwLjUzIDYwIDExMC4yNyA2MCAxMTBMNjAgNTBDNjAgNDkuNzIgNTkuOTUgNDkuNDYgNTkuODUgNDkuMjNDNTkuNzUgNDguOTkgNTkuNjEgNDguNzggNTkuNDEgNDguNThDNTkuMDIgNDguMTkgNTguNTUgNDggNTggNDhMNTQgNDhDNTMuNzIgNDggNTMuNDYgNDguMDQgNTMuMjMgNDguMTRaTTg1LjIzIDQ4LjE0Qzg0Ljk5IDQ4LjI0IDg0Ljc4IDQ4LjM5IDg0LjU4IDQ4LjU4Qzg0LjE5IDQ4Ljk3IDg0IDQ5LjQ0IDg0IDUwTDg0IDExMEM4NCAxMTAuMjcgODQuMDQgMTEwLjUzIDg0LjE0IDExMC43NkM4NC4yNCAxMTEgODQuMzkgMTExLjIxIDg0LjU4IDExMS40MUM4NC45NyAxMTEuOCA4NS40NCAxMTIgODYgMTEyTDkwIDExMkM5MC41NSAxMTIgOTEuMDIgMTExLjggOTEuNDEgMTExLjQxQzkxLjggMTExLjAyIDkyIDExMC41NSA5MiAxMTBMOTIgNTBDOTIgNDkuNDQgOTEuOCA0OC45NyA5MS40MSA0OC41OEM5MS4wMiA0OC4xOSA5MC41NSA0OCA5MCA0OEw4NiA0OEM4NS43MiA0OCA4NS40NiA0OC4wNCA4NS4yMyA0OC4xNFpNNjguODQgNjMuMjFDNjguNDkgNjMuMzYgNjguMTcgNjMuNTggNjcuODcgNjMuODdDNjcuNTggNjQuMTcgNjcuMzYgNjQuNDkgNjcuMjIgNjQuODRDNjcuMDcgNjUuMiA2NyA2NS41OCA2NyA2Nkw2NyA5NEM2NyA5NC40MSA2Ny4wNyA5NC43OSA2Ny4yMiA5NS4xNUM2Ny4zNiA5NS41IDY3LjU4IDk1LjgyIDY3Ljg3IDk2LjEyQzY4LjE3IDk2LjQxIDY4LjQ5IDk2LjYzIDY4Ljg0IDk2Ljc4QzY5LjIgOTYuOTIgNjkuNTggOTcgNzAgOTdMNzQgOTdDNzQuNDEgOTcgNzQuNzkgOTYuOTIgNzUuMTUgOTYuNzhDNzUuNSA5Ni42MyA3NS44MiA5Ni40MSA3Ni4xMiA5Ni4xMkM3Ni40MSA5NS44MiA3Ni42MyA5NS41IDc2Ljc4IDk1LjE1Qzc2LjkyIDk0Ljc5IDc3IDk0LjQxIDc3IDk0TDc3IDY2Qzc3IDY1LjU4IDc2LjkyIDY1LjIgNzYuNzggNjQuODRDNzYuNjMgNjQuNDkgNzYuNDEgNjQuMTcgNzYuMTIgNjMuODdDNzUuODIgNjMuNTggNzUuNSA2My4zNiA3NS4xNSA2My4yMUM3NC43OSA2My4wNyA3NC40MSA2MyA3NCA2M0w3MCA2M0M2OS41OCA2MyA2OS4yIDYzLjA3IDY4Ljg0IDYzLjIxWk0xMDAuODQgNjMuMjFDMTAwLjQ5IDYzLjM2IDEwMC4xNyA2My41OCA5OS44NyA2My44N0M5OS41OCA2NC4xNyA5OS4zNiA2NC40OSA5OS4yMiA2NC44NEM5OS4wNyA2NS4yIDk5IDY1LjU4IDk5IDY2TDk5IDk0Qzk5IDk0LjQxIDk5LjA3IDk0Ljc5IDk5LjIyIDk1LjE1Qzk5LjM2IDk1LjUgOTkuNTggOTUuODIgOTkuODcgOTYuMTJDMTAwLjE3IDk2LjQxIDEwMC40OSA5Ni42MyAxMDAuODQgOTYuNzhDMTAxLjIgOTYuOTIgMTAxLjU4IDk3IDEwMiA5N0wxMDYgOTdDMTA2LjQxIDk3IDEwNi43OSA5Ni45MiAxMDcuMTUgOTYuNzhDMTA3LjUgOTYuNjMgMTA3LjgyIDk2LjQxIDEwOC4xMiA5Ni4xMkMxMDguNDEgOTUuODIgMTA4LjYzIDk1LjUgMTA4Ljc4IDk1LjE1QzEwOC45MiA5NC43OSAxMDkgOTQuNDEgMTA5IDk0TDEwOSA2NkMxMDkgNjUuNTggMTA4LjkyIDY1LjIgMTA4Ljc4IDY0Ljg0QzEwOC42MyA2NC40OSAxMDguNDEgNjQuMTcgMTA4LjEyIDYzLjg3QzEwNy44MiA2My41OCAxMDcuNSA2My4zNiAxMDcuMTUgNjMuMjFDMTA2Ljc5IDYzLjA3IDEwNi40MSA2MyAxMDYgNjNMMTAyIDYzQzEwMS41OCA2MyAxMDEuMiA2My4wNyAxMDAuODQgNjMuMjFaTTcwIDY0QzY5LjQ0IDY0IDY4Ljk3IDY0LjE5IDY4LjU4IDY0LjU4QzY4LjE5IDY0Ljk3IDY4IDY1LjQ0IDY4IDY2TDY4IDk0QzY4IDk0LjU1IDY4LjE5IDk1LjAyIDY4LjU4IDk1LjQxQzY4Ljk3IDk1LjggNjkuNDQgOTYgNzAgOTZMNzQgOTZDNzQuNTUgOTYgNzUuMDIgOTUuOCA3NS40MSA5NS40MUM3NS44IDk1LjAyIDc2IDk0LjU1IDc2IDk0TDc2IDY2Qzc2IDY1LjQ0IDc1LjggNjQuOTcgNzUuNDEgNjQuNThDNzUuMDIgNjQuMTkgNzQuNTUgNjQgNzQgNjRMNzAgNjRaTTEwMiA2NEMxMDEuNzIgNjQgMTAxLjQ2IDY0LjA0IDEwMS4yMyA2NC4xNEMxMDAuOTkgNjQuMjQgMTAwLjc4IDY0LjM5IDEwMC41OCA2NC41OEMxMDAuMTkgNjQuOTcgMTAwIDY1LjQ0IDEwMCA2NkwxMDAgOTRDMTAwIDk0LjU1IDEwMC4xOSA5NS4wMiAxMDAuNTggOTUuNDFDMTAwLjk3IDk1LjggMTAxLjQ0IDk2IDEwMiA5NkwxMDYgOTZDMTA2LjU1IDk2IDEwNy4wMiA5NS44IDEwNy40MSA5NS40MUMxMDcuOCA5NS4wMiAxMDggOTQuNTUgMTA4IDk0TDEwOCA2NkMxMDggNjUuNDQgMTA3LjggNjQuOTcgMTA3LjQxIDY0LjU4QzEwNy4wMiA2NC4xOSAxMDYuNTUgNjQgMTA2IDY0TDEwMiA2NFpNMzYuODQgNzEuMjFDMzYuNDkgNzEuMzYgMzYuMTcgNzEuNTggMzUuODcgNzEuODdDMzUuNTggNzIuMTcgMzUuMzYgNzIuNDkgMzUuMjIgNzIuODRDMzUuMDcgNzMuMiAzNSA3My41OCAzNSA3NEwzNSA4NkMzNSA4Ni40MSAzNS4wNyA4Ni43OSAzNS4yMiA4Ny4xNUMzNS4zNiA4Ny41IDM1LjU4IDg3LjgyIDM1Ljg3IDg4LjEyQzM2LjE3IDg4LjQxIDM2LjQ5IDg4LjYzIDM2Ljg0IDg4Ljc4QzM3LjIgODguOTIgMzcuNTggODkgMzggODlMNDIgODlDNDIuNDEgODkgNDIuNzkgODguOTIgNDMuMTUgODguNzhDNDMuNSA4OC42MyA0My44MiA4OC40MSA0NC4xMiA4OC4xMkM0NC40MSA4Ny44MiA0NC42MyA4Ny41IDQ0Ljc4IDg3LjE1QzQ0LjkyIDg2Ljc5IDQ1IDg2LjQxIDQ1IDg2TDQ1IDc0QzQ1IDczLjU4IDQ0LjkyIDczLjIgNDQuNzggNzIuODRDNDQuNjMgNzIuNDkgNDQuNDEgNzIuMTcgNDQuMTIgNzEuODdDNDMuODIgNzEuNTggNDMuNSA3MS4zNiA0My4xNSA3MS4yMUM0Mi43OSA3MS4wNyA0Mi40MSA3MSA0MiA3MUwzOCA3MUMzNy41OCA3MSAzNy4yIDcxLjA3IDM2Ljg0IDcxLjIxWk0xMTYuODQgNzEuMjFDMTE2LjQ5IDcxLjM2IDExNi4xNyA3MS41OCAxMTUuODcgNzEuODdDMTE1LjU4IDcyLjE3IDExNS4zNiA3Mi40OSAxMTUuMjIgNzIuODRDMTE1LjA3IDczLjIgMTE1IDczLjU4IDExNSA3NEwxMTUgODZDMTE1IDg2LjQxIDExNS4wNyA4Ni43OSAxMTUuMjIgODcuMTVDMTE1LjM2IDg3LjUgMTE1LjU4IDg3LjgyIDExNS44NyA4OC4xMkMxMTYuMTcgODguNDEgMTE2LjQ5IDg4LjYzIDExNi44NCA4OC43OEMxMTcuMiA4OC45MiAxMTcuNTggODkgMTE4IDg5TDEyMiA4OUMxMjIuNDEgODkgMTIyLjc5IDg4LjkyIDEyMy4xNSA4OC43OEMxMjMuNSA4OC42MyAxMjMuODIgODguNDEgMTI0LjEyIDg4LjEyQzEyNC40MSA4Ny44MiAxMjQuNjMgODcuNSAxMjQuNzggODcuMTVDMTI0LjkyIDg2Ljc5IDEyNSA4Ni40MSAxMjUgODZMMTI1IDc0QzEyNSA3My41OCAxMjQuOTIgNzMuMiAxMjQuNzggNzIuODRDMTI0LjYzIDcyLjQ5IDEyNC40MSA3Mi4xNyAxMjQuMTIgNzEuODdDMTIzLjgyIDcxLjU4IDEyMy41IDcxLjM2IDEyMy4xNSA3MS4yMUMxMjIuNzkgNzEuMDcgMTIyLjQxIDcxIDEyMiA3MUwxMTggNzFDMTE3LjU4IDcxIDExNy4yIDcxLjA3IDExNi44NCA3MS4yMVpNMzggNzJDMzcuNzIgNzIgMzcuNDYgNzIuMDQgMzcuMjMgNzIuMTRDMzYuOTkgNzIuMjQgMzYuNzggNzIuMzkgMzYuNTggNzIuNThDMzYuMTkgNzIuOTcgMzYgNzMuNDQgMzYgNzRMMzYgODZDMzYgODYuNTUgMzYuMTkgODcuMDIgMzYuNTggODcuNDFDMzYuOTcgODcuOCAzNy40NCA4OCAzOCA4OEw0MiA4OEM0Mi41NSA4OCA0My4wMiA4Ny44IDQzLjQxIDg3LjQxQzQzLjggODcuMDIgNDQgODYuNTUgNDQgODZMNDQgNzRDNDQgNzMuNDQgNDMuOCA3Mi45NyA0My40MSA3Mi41OEM0My4wMiA3Mi4xOSA0Mi41NSA3MiA0MiA3MkwzOCA3MlpNMTE4IDcyQzExNy43MiA3MiAxMTcuNDYgNzIuMDQgMTE3LjIzIDcyLjE0QzExNi45OSA3Mi4yNCAxMTYuNzggNzIuMzkgMTE2LjU4IDcyLjU4QzExNi4xOSA3Mi45NyAxMTYgNzMuNDQgMTE2IDc0TDExNiA4NkMxMTYgODYuNTUgMTE2LjE5IDg3LjAyIDExNi41OCA4Ny40MUMxMTYuOTcgODcuOCAxMTcuNDQgODggMTE4IDg4TDEyMiA4OEMxMjIuNTUgODggMTIzLjAyIDg3LjggMTIzLjQxIDg3LjQxQzEyMy44IDg3LjAyIDEyNCA4Ni41NSAxMjQgODZMMTI0IDc0QzEyNCA3My40NCAxMjMuOCA3Mi45NyAxMjMuNDEgNzIuNThDMTIzLjAyIDcyLjE5IDEyMi41NSA3MiAxMjIgNzJMMTE4IDcyWiIgZmlsbD0iI0Q5RTNGRiIgZmlsbC1vcGFjaXR5PSIwLjAzMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4NCg==);
}

.o-player .o-player-control {
  position: absolute;
  width: 100%;
  background: var(--o-neutral-bg-transparent-normal);
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-player .o-player-top-control-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 35;
  top: 0;
  height: 32px;
  color: var(--o-neutral-fg-1-normal);
}

.o-player .o-player-stream-info {
  font-size: 14px;
  height: 100%;
  letter-spacing: 0.16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--o-neutral-fg-2-normal);
  white-space: nowrap;
}

.o-player .o-player-error {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--o-neutral-fg-2-normal);
  font-size: 30px;
  white-space: pre-wrap;
}

.o-player .o-player-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-player .o-player-loading-status {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.o-player .o-player-loading-play {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAwCAMAAACFQszZAAAACGFjVEwAAAAtAAAAALAcK6UAAABsUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////z5P4FYAAAAkdFJOUwACBAUGCAwNFRcaHSIkKSssLjEyOjxAR01SVF1iZ21wd3x/gA89sjMAAAAaZmNUTAAAAAAAAABIAAAAMAAAAAAAAAAAAAEAHgAAp0cwsAAAAEdJREFUSMft1iESACAIRFGoJhLF+9/TmTWYTDgj4f+25VUwI+pYpIoylFPle8hVHfKhjrS3XTcQEBAQEFBj6NmB/P9EEHVoAeOnKO29TtUkAAAAGmZjVEwAAAABAAAAFwAAACAAAAAIAAAACAABAB4AAZuom3MAAAAwZmRBVAAAAAJIx2NgZgEDZgY0ICULBlJki0PMxRTnBoNR8VFx8sRxpSsC6RNHOgcAPCIhGSkdlNgAAAAaZmNUTAAAAAMAAAAYAAAAIAAAAAgAAAAIAAEAHgAAQqbuwgAAADRmZEFUAAAABEjHY+AXAgN+BnQgIw8GMuRLMLKDASOGBBMPGDCNSoxKUFMCZ4IjnHZxZQMAYMYk6TjoRGMAAAAaZmNUTAAAAAUAAAA3AAAAIAAAAAgAAAAIAAEAHgAAynd8YgAAAEZmZEFUAAAABkjHY5CQBAMJBhKBvAIYyA+UPmYuMGDGqYERDDD0sfKBAStcHcQcBnT+qL5RfaP6RvWN6iOx3B2g+oHMegwAQMsz6+2kZ4oAAAAaZmNUTAAAAAcAAAA3AAAAIAAAAAgAAAAIAAEAHgAAJ+GviwAAADdmZEFUAAAACEjHY5CDAgYSgSIUDJQ+dmEwYKdYHxcYMKDzR/WN6hvVN6pvVB91yl1a1w9k1mMAdc45ES/2H+kAAAAaZmNUTAAAAAkAAAAYAAAAIAAAAAgAAAAIAAEAHgAAr4l+DQAAACtmZEFUAAAACkjHY1CGAgZ0QLQEtwgYcGNI8IqDAe+oxKjEwErgTKIEUzsABB00xZeXuYkAAAAaZmNUTAAAAAsAAAAYAAAAIAAAAAgAAAAIAAEAHgAAQh+t5AAAACpmZEFUAAAADEjHY1CCAgZ0gC7BxgEGbBgSgpJgIDgqMSox1CRwJmoYAADA2zaZx3ruFAAAABpmY1RMAAAADQAAACgAAAAgAAAACAAAAAgAAQAeAACaE5KAAAAAP2ZkQVQAAAAOSMdjkIMCBkJAEQpgfAExMBAgqFBMGgzESFfICAaEFTJygQHjqMJRhaMKh49CogsA0gspYos9ANuPPn1uqrvbAAAAGmZjVEwAAAAPAAAAJwAAACAAAAAIAAAACAABAB4AADQa16cAAABCZmRBVAAAABBIx2OQkAQDCQYoYGYBA2YGNCCvAAbyML6ULBhI0UwdxB0E1TFyg8GoulF1o+qGoDpi8zmp5QuR5RoAvBJAgfTSsPcAAAAaZmNUTAAAABEAAAAoAAAAIAAAAAgAAAAIAAEAHgAAm4T2eQAAAD1mZEFUAAAAEkjHY+AXAgN+BihA58OBjDwYyODiU18hIzsYMBJUyMQDBkyjCkcVjiocPgqJLgBIL3uILfYAcCVCWX2VxS0AAAAaZmNUTAAAABMAAAAoAAAAIAAAAAgAAAAIAAEAHgAAdhIlkAAAAEVmZEFUAAAAFEjHY2BmAQNmBiiQkAQDCQZ0ICULBlIwvrwCGMjTTiEzFxgwE1TIygcGrKMKRxWOKhw+CokuAEgve4gt9gDBQ0NdbvvEtgAAABpmY1RMAAAAFQAAACgAAAAgAAAACAAAAAgAAQAeAACb2FfqAAAAPWZkQVQAAAAWSMdjYEADclCALs4gIAYGAjC+IhRgKBSTBgMxihWyC4MB+6jCUYWjCkcVElGkEF1IEVvsAQAmnUWhBEfJMgAAABpmY1RMAAAAFwAAACgAAAAgAAAACAAAAAgAAQAeAAB2ToQDAAAAP2ZkQVQAAAAYSMdjYEADSlCALs7AxgEGbAQVCkqCgSAuhaycYMBKUCGnKBhwjiocVTiqcFQhEUUK0YUUscUeAA6dRbnBbc9QAAAAGmZjVEwAAAAZAAAAKAAAACAAAAAIAAAACAABAB4AAJs9tV8AAAA3ZmRBVAAAABpIx2NgQAPKUMBACOBUyC0CBty4FMLlecXBgBeXQrj8qMJRhaMKR7BCoosUqpdmAMwsRolYbKZOAAAAGmZjVEwAAAAbAAAAKAAAACAAAAAIAAAACAABAB4AAHarZrYAAABBZmRBVAAAABxIx2NgQANKUMBACKArZOMAAzYGVk4wYMWlUFASDAQZOEXBgHNU4ajCUYWjCnErJLpIIbqQIrbYAwBfjkW5LjS6cQAAABpmY1RMAAAAHQAAADgAAAAgAAAACAAAAAgAAQAeAACIIy/GAAAAUGZkQVQAAAAeSMdjYEADclDAQCpQhAIYX0AMDARI1igmDQZiGArZhcGAnWiNjGBAukZGLjBgHNU4qnFU46jGUY3U0QgvkMmuAqhW6RBbzQEA9ANLfSG38Y0AAAAaZmNUTAAAAB8AAAA3AAAAIAAAAAgAAAAIAAEAHgABUS1adwAAAFJmZEFUAAAAIEjHY2BAAxKSYCAB4zOzgAEzAwEgrwAG8jC+lCwYSFFLHzMXGDATrQ/ibgZWPjBgJVofNxiM6hvVN6pvVN+I10duuUvv+oHMegwAbuBJvYn1MeYAAAAaZmNUTAAAACEAAAA4AAAAIAAAAAgAAAAIAAEAHgAAi1FHpwAAAEhmZEFUAAAAIkjHY2BAA/xCYMCPi48TyMiDgQwuPuUaGdnBgJFYjXD1TDxgwESsRrj6UY2jGkc1jmoc1YhVI9kFMv3rDnKrOQALiUnRhE7i4wAAABpmY1RMAAAAIwAAADgAAAAgAAAACAAAAAgAAQAeAABmx5ROAAAAVmZkQVQAAAAkSMdjYEADzCxgwAzjS0iCgQQDISAlCwZSML68AhjIU1EjxGlEa2TmAgNmBkZuMGAkViMrHxiwjmoc1TiqcVTjqEbsGskukAeg7iCzmgMACClJ7Zm3Xe0AAAAaZmNUTAAAACUAAAA4AAAAIAAAAAgAAAAIAAEAHgAAiw3mNAAAAE9mZEFUAAAAJkjHY2AgAOSggJA6BgExMBCA8RWhgKBGMWkwECOskREMiNbILgwG7AyMXGDAOKpxVOOoxlGNoxqpo5HsApn8KoBalQ6x1RwADTRLfTCiO+8AAAAaZmNUTAAAACcAAAA4AAAAIAAAAAgAAAAIAAEAHgAAZps13QAAAExmZEFUAAAAKEjHY2AgAJSggJA6BjYOMGAjWaOgJBgI4tLIygkGrCRr5BQFA04GBi4wGNU4qnFU46jGUY3U0kh2gUytKoDsSofYag4AMQVLWWShMrsAAAAaZmNUTAAAACkAAAAoAAAAIAAAABgAAAAIAAEAHgAANlz7QAAAADdmZEFUAAAAKkjHY2BAA8pQwEAI4FTILQIG3LgUwuV5xcGAF5dCuPyowlGFowpHsEKiixSql2YAzCxGiSbjxvEAAAAaZmNUTAAAACsAAAAoAAAAIAAAABgAAAAIAAEAHgAA28ooqQAAAEFmZEFUAAAALEjHY2BAA0pQwEAIoCtk4wADNgZWTjBgxaVQUBIMBBk4RcGAc1ThqMJRhaMKcSskukghupAittgDAF+ORbk75tdhAAAAGmZjVEwAAAAtAAAAKAAAACAAAAAYAAAACAABAB4AADYAWtMAAAA9ZmRBVAAAAC5Ix2NgQANyUMBACChCAYwvIAYGAgQVikmDgRgDuzAYsI8qHFU4qnBUIW6FRBcpZBdSuIo9AMx/RaFXHPYQAAAAGmZjVEwAAAAvAAAAOAAAACAAAAAIAAAACAABAB4AARElRm0AAABRZmRBVAAAADBIx2NgIAAkJMFAAsZnZgEDZkL6GOQVwEAexpeSBQMpCjQyggFcITMXGDCTbCMrHxiwjmoc1TiqcVTjqEbqaCS7QKZD3UFmNQcAAkZDY7f6JMUAAAAaZmNUTAAAADEAAAA4AAAAIAAAAAgAAAAIAAEAHgAAiiPB6wAAAEdmZEFUAAAAMkjHY2AgAPiFwIAfFx8nkJEHAxlcfMo1MrKDASNhjVxgANfIxAMGTKMaRzWOahzVOKqRTI1kF8gDXncQW80BAI4zR/nHDTFkAAAAGmZjVEwAAAAzAAAAKAAAACAAAAAYAAAACAABAB4AANoB7cMAAABFZmRBVAAAADRIx2NgQAPMLGDADONLSIKBBLo6BilZMJCC8eUVwECeBIUQqwgrZOQGA8ZRhaMKRxUOH4VEFwA0KHuILPYACDxAmTdcQNAAAAAaZmNUTAAAADUAAAAoAAAAIAAAABgAAAAIAAEAHgAAN8ufuQAAAERmZEFUAAAANkjHY2AgAOSgAENCQAwMBGB8RSjAUCgmDQZimAoZwYCwQkYuMGAcVTiqcFTh8FFIdAFAfJFCbiGFq9gDAHziPn1/xWa2AAAAGmZjVEwAAAA3AAAAKAAAACAAAAAYAAAACAABAB4AANpdTFAAAAA2ZmRBVAAAADhIx2NgIACUoABDgo0DDNgIKhSUBANBChRygcGowlGFowqHk0LqlxTkFlK4ij0Al4g8Oaee4fgAAAAaZmNUTAAAADkAAAAYAAAAIAAAACgAAAAIAAEAHgAAKoJ7DgAAACxmZEFUAAAAOkjHY2BAA8pQwIBTglsEDLgxJHjFwYB3VGJUYmAlcCZRklM7APA/NMWK6prkAAAAGmZjVEwAAAA7AAAAGAAAACAAAAAoAAAACAABAB4AAMcUqOcAAAAsZmRBVAAAADxIx2NgQANKUMCAU4KVEwxYMSQ4RcGAc1RiVGJgJXAmUZJTOwAylDEh1P8x0QAAABpmY1RMAAAAPQAAABgAAAAgAAAAKAAAAAgAAQAeAAAq3tqdAAAAKmZkQVQAAAA+SMdjYEADclCALs6gCAW4JdiFwYB9VGJUYmAlSE+7uLIBAP26LdE9My1AAAAAGmZjVEwAAAA/AAAAKAAAACAAAAAYAAAACAABAB4AAa3jP+AAAABAZmRBVAAAAEBIx2NgIAAkJMFAgpA6BnkFMJAnQSEjGMAlmLnAgJmgiax8YMA6qnBU4ajC4aOQ6AKACmUPkcUeAFYdKKv7tVcuAAAAGmZjVEwAAABBAAAAKAAAACAAAAAYAAAACAABAB4AADHKrc4AAABAZmRBVAAAAEJIx2NgIAD4hcCAn5A6Bhl5MJAhXyEjOxgwYirkAgO4QiYeMGAaVTiqcFThEFZIdAFA87IHV7EHAIrlKon0bvMjAAAAGmZjVEwAAABDAAAAGAAAACAAAAAoAAAACAABAB4BANjrSWQAAAA1ZmRBVAAAAERIx2NgQAPMLGDAjC7OICULBlJ4JCBaMSUYucGAcVRiVIKaEjgTHBlpF0c2AABlXSFJUawRtQAAABpmY1RMAAAARQAAABgAAAAfAAAAKAAAAAgAAQAeAAC0FWgTAAAANGZkQVQAAABGSMdjYCAWCIiBgQCGhJg0GIgxMDCCAaYEIxcYMI5KjEpQUwJngsOdRHEkagDs0R2t6WV19gAAABpmY1RMAAAARwAAABgAAAAfAAAAKAAAAAgAAQAeAQBAmIq7AAAAK2ZkQVQAAABISMdjYCAWsHGAARuGhKAkGAjikeACg1GJUQnqSpCeEnEkagD1eho5GB/B6AAAABpmY1RMAAAASQAAADgAAAAcAAAACAAAAAoAAQAeAAHlDTijAAAAOmZkQVQAAABKSMdjYCARcIuAATcDAyMYEK2RVxwMeBmgWnDr5AKDUY2jGkc1jmoc1UikRrILZHKrAADdZRehctDTeQAAABpmY1RMAAAASwAAADgAAAAcAAAACAAAAAoAAQAeAQERgNoLAAAAN2ZkQVQAAABMSMdjYCARsHKCASsDAwsYEK2RUxQMOBkYuMFgVOOoxlGNoxpHNVJLI9kFMplVAAA9GhWBJpEFdAAAABpmY1RMAAAATQAAADgAAAAbAAAACAAAAAoAAQAeAAAJV6a8AAAAOGZkQVQAAABOSMdjYCAXMLKDASOx6tmFwYCdgYkHDJjgMlxgwICLP6pxVOOoxlGNoxrxayS3QAYAVjAfuWjvOykAAAAaZmNUTAAAAE8AAAA4AAAAGwAAAAgAAAAKAAEAHgABk8ZFwwAAADdmZEFUAAAAUEjHY2AgFzBzgQEzTgWMYICpnpUPDFiJtQiuflTjqMZRjaMaRzVi1UiwQMZRgAMAK1YSr2bIRWEAAAAaZmNUTAAAAFEAAAA4AAAAGwAAAAgAAAAKAAEAHgAACMDCRQAAADdmZEFUAAAAUkjHY2AgF7ALgwE7seoZ2cGAEVMjFxgw4OIz8YAB06jGUY2jGkc1jmokUiORBTIAX78fuadaDMgAAAAaZmNUTAAAAFMAAAA4AAAAHAAAAAgAAAAKAAEAHgAAflcetgAAAD1mZEFUAAAAVEjHY2DlBANWBlIBpygYcBKtgQUMsGjkAgMGXHxGbjBgHNU4qnFU46jGUY1EaiS2QCa3CgAAheUg8bCL9KgAAAAaZmNUTAAAAFUAAAA3AAAAHAAAAAgAAAAKAAEAHgABpwXKlAAAADNmZEFUAAAAVkjHY+AWAQNuBhIBrzgY8BKtgREMSNfHBQaj+kb1jeob1Teqj8xyl8xyHgDn4BdxjcbLdAAAABpmY1RMAAAAVwAAADgAAAAfAAAACAAAAAgAAQAeAAD46cR1AAAANmZkQVQAAABYSMdjYCAXsHGAARvJGgUlwUBwADVygQEDQf6oxlGNoxpHNY5qJE4jzUtycisdAJlRJXkUnWNaAAAAAElFTkSuQmCC);
}

.o-player .o-player-play-pause-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--o-neutral-bg-transparent-normal);
}

.o-player .o-player-center-play-icon {
  width: 64px;
  height: 64px;
  background-color: var(--o-neutral-bg-transparent-normal);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYuMDAwMDAwIiBoZWlnaHQ9IjM2LjAwMDAwMCIgdmlld0JveD0iMCAwIDM2IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJnZW5lcmFsMzc1IiBkPSJNNiAzTDYgMzNMMzIgMThMNiAzWiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIi8+DQo8L3N2Zz4NCg==);
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid var(--o-neutral-stroke-accessible);
}

.o-player .o-player-center-play-icon:hover {
  background-color: var(--o-neutral-bg-transparent-hover);
}

.o-player .o-player-opt-icons {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}

.o-player .o-player-opt-icon {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

.o-player .o-player-opt-icon:hover {
  background-color: var(--o-neutral-bg-1-hover-2);
}

.o-player .o-player-talk-icon.o-player-off {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwLjAwMDAwMCIgd2lkdGg9IjIwLjAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQogPGRlZnMvPg0KIDxwYXRoIGQ9Ik05IDE3LjVMOSAxNS45MzA3QzguMTY3MzYgMTUuODA5MSA3LjM4MjAyIDE1LjU0NjEgNi42NDQwNCAxNS4xNDIxQzUuOTA2MDEgMTQuNzM3OCA1LjI2MTY2IDE0LjIxNzggNC43MTA4OCAxMy41ODE1QzQuMTYwMTYgMTIuOTQ1NiAzLjczNzYxIDEyLjIzMzQgMy40NDMxOCAxMS40NDUzQzMuMTQ4OCAxMC42NTcgMy4wMDExIDkuODQyMjkgMyA5LjAwMDk4TDUgOS4wMDA5OEM1LjAwMTA0IDkuNjYzODIgNS4xMjg2IDEwLjMwMTMgNS4zODI3NSAxMC45MTMzQzUuNjM2ODQgMTEuNTI1NCA1Ljk5ODIzIDEyLjA2NTkgNi40NjY5MiAxMi41MzQ0QzYuOTM1NTUgMTMuMDAzMiA3LjQ3NTg5IDEzLjM2NDUgOC4wODc5NSAxMy42MTg3QzguNzAwMDEgMTMuODcyNiA5LjMzNzQgMTQgMTAgMTQuMDAxQzEwLjY2MjcgMTQuMDAwMiAxMS4zMDAxIDEzLjg3MjggMTEuOTEyMiAxMy42MTg5QzEyLjUyNDQgMTMuMzY0NyAxMy4wNjQ4IDEzLjAwMzQgMTMuNTMzNCAxMi41MzQ5QzE0LjAwMjEgMTIuMDY2MiAxNC4zNjM1IDExLjUyNTYgMTQuNjE3NiAxMC45MTM2QzE0Ljg3MTYgMTAuMzAxMyAxNC45OTkxIDkuNjYzODIgMTUgOS4wMDA5OEwxNyA5LjAwMDk4QzE2Ljk5OSA5Ljg0MjI5IDE2Ljg1MTQgMTAuNjU3MiAxNi41NTcxIDExLjQ0NTNDMTYuMjYyOCAxMi4yMzM2IDE1Ljg0MDIgMTIuOTQ1OCAxNS4yODk0IDEzLjU4MThDMTQuNzM4NiAxNC4yMTggMTQuMDk0MiAxNC43MzggMTMuMzU2MSAxNS4xNDIzQzEyLjYxODEgMTUuNTQ2NCAxMS44MzI3IDE1LjgwOTMgMTEgMTUuOTMwN0wxMSAxNy41QzExIDE4LjE2NjcgMTAuNjY2NyAxOC41IDEwIDE4LjVDOS4zMzMzMSAxOC41IDkgMTguMTY2NyA5IDE3LjVaTTcgOUw3IDQuNUM3LjAwMDI0IDMuNjcxNjMgNy4yOTMyNyAyLjk2NDM2IDcuODc5MDkgMi4zNzg2NkM4LjQ2NDg0IDEuNzkyOTcgOS4xNzE4MSAxLjUgMTAgMS41QzEwLjgyODcgMS41IDExLjUzNTkgMS43OTI5NyAxMi4xMjE3IDIuMzc4NjZDMTIuNzA3NSAyLjk2NDM2IDEzLjAwMDIgMy42NzE2MyAxMyA0LjVMMTMgOUMxMyA5LjgyODM3IDEyLjcwNzEgMTAuNTM1NiAxMi4xMjEzIDExLjEyMTNDMTEuNTM1NSAxMS43MDcgMTAuODI4NCAxMiAxMCAxMkM5LjE3MTU3IDEyIDguNDY0NDggMTEuNzA3IDcuODc4NjYgMTEuMTIxM0M3LjI5MjkxIDEwLjUzNTYgNyA5LjgyODM3IDcgOVoiIGZpbGwtb3BhY2l0eT0iMC45MDAwMDAiIGlkPSJnZW5lcmFsMTE4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4NCjwvc3ZnPg0K);
}

.o-player .o-player-talk-icon.o-player-on {
  background: var(--o-brand-bg-4-selected-ss);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwLjAwMDAwMCIgd2lkdGg9IjIwLjAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQogPGRlZnMvPg0KIDxwYXRoIGQ9Ik05IDE3LjVMOSAxNS45MzA3QzguMTY3MzYgMTUuODA5MSA3LjM4MjAyIDE1LjU0NjEgNi42NDQwNCAxNS4xNDIxQzUuOTA2MDEgMTQuNzM3OCA1LjI2MTY2IDE0LjIxNzggNC43MTA4OCAxMy41ODE1QzQuMTYwMTYgMTIuOTQ1NiAzLjczNzYxIDEyLjIzMzQgMy40NDMxOCAxMS40NDUzQzMuMTQ4OCAxMC42NTcgMy4wMDExIDkuODQyMjkgMyA5LjAwMDk4TDUgOS4wMDA5OEM1LjAwMTA0IDkuNjYzODIgNS4xMjg2IDEwLjMwMTMgNS4zODI3NSAxMC45MTMzQzUuNjM2ODQgMTEuNTI1NCA1Ljk5ODIzIDEyLjA2NTkgNi40NjY5MiAxMi41MzQ0QzYuOTM1NTUgMTMuMDAzMiA3LjQ3NTg5IDEzLjM2NDUgOC4wODc5NSAxMy42MTg3QzguNzAwMDEgMTMuODcyNiA5LjMzNzQgMTQgMTAgMTQuMDAxQzEwLjY2MjcgMTQuMDAwMiAxMS4zMDAxIDEzLjg3MjggMTEuOTEyMiAxMy42MTg5QzEyLjUyNDQgMTMuMzY0NyAxMy4wNjQ4IDEzLjAwMzQgMTMuNTMzNCAxMi41MzQ5QzE0LjAwMjEgMTIuMDY2MiAxNC4zNjM1IDExLjUyNTYgMTQuNjE3NiAxMC45MTM2QzE0Ljg3MTYgMTAuMzAxMyAxNC45OTkxIDkuNjYzODIgMTUgOS4wMDA5OEwxNyA5LjAwMDk4QzE2Ljk5OSA5Ljg0MjI5IDE2Ljg1MTQgMTAuNjU3MiAxNi41NTcxIDExLjQ0NTNDMTYuMjYyOCAxMi4yMzM2IDE1Ljg0MDIgMTIuOTQ1OCAxNS4yODk0IDEzLjU4MThDMTQuNzM4NiAxNC4yMTggMTQuMDk0MiAxNC43MzggMTMuMzU2MSAxNS4xNDIzQzEyLjYxODEgMTUuNTQ2NCAxMS44MzI3IDE1LjgwOTMgMTEgMTUuOTMwN0wxMSAxNy41QzExIDE4LjE2NjcgMTAuNjY2NyAxOC41IDEwIDE4LjVDOS4zMzMzMSAxOC41IDkgMTguMTY2NyA5IDE3LjVaTTcgOUw3IDQuNUM3LjAwMDI0IDMuNjcxNjMgNy4yOTMyNyAyLjk2NDM2IDcuODc5MDkgMi4zNzg2NkM4LjQ2NDg0IDEuNzkyOTcgOS4xNzE4MSAxLjUgMTAgMS41QzEwLjgyODcgMS41IDExLjUzNTkgMS43OTI5NyAxMi4xMjE3IDIuMzc4NjZDMTIuNzA3NSAyLjk2NDM2IDEzLjAwMDIgMy42NzE2MyAxMyA0LjVMMTMgOUMxMyA5LjgyODM3IDEyLjcwNzEgMTAuNTM1NiAxMi4xMjEzIDExLjEyMTNDMTEuNTM1NSAxMS43MDcgMTAuODI4NCAxMiAxMCAxMkM5LjE3MTU3IDEyIDguNDY0NDggMTEuNzA3IDcuODc4NjYgMTEuMTIxM0M3LjI5MjkxIDEwLjUzNTYgNyA5LjgyODM3IDcgOVoiIGZpbGwtb3BhY2l0eT0iMC45MDAwMDAiIGlkPSJnZW5lcmFsMTE4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  border: 1px solid var(--o-brand-stroke-3-selected-ss);
}

.o-player .o-player-audio-icon.o-player-off {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwLjAwMDAwMCIgd2lkdGg9IjIwLjAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQogPGRlZnMvPg0KIDxwYXRoIGQ9Ik01LjUgMTRMNCAxNEMzLjMzMzMxIDE0IDMgMTMuNjY2NyAzIDEzTDMgN0MzIDYuMzMzMjUgMy4zMzMzMSA2IDQgNkw1LjUgNkw5IDIuNUw5IDE3LjVMNS41IDE0Wk0xMy41IDExLjgwNzZMMTEuMzcwMSAxNS4wMDJMMTAuMDAxIDEzLjQ0NzNMMTIuMjk1OSAxMC4wMDJMMTAuMDAxIDYuNTU2NjRMMTEuMzcwMSA1TDEzLjUgOC4xOTMzNkwxNS42MzI4IDVMMTcuMDAyIDYuNTU2NjRMMTQuNzAyMSAxMC4wMDJMMTcuMDAyIDEzLjQ0NzNMMTUuNjI5OSAxNS4wMDJMMTMuNSAxMS44MDc2WiIgZmlsbC1vcGFjaXR5PSIwLjkwMDAwMCIgaWQ9ImdlbmVyYWwxMDYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPg0KPC9zdmc+DQo=);
}

.o-player .o-player-audio-icon.o-player-on {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwLjAwMDAwMCIgd2lkdGg9IjIwLjAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQogPGRlZnMvPg0KIDxwYXRoIGQ9Ik01LjUgMTRMNCAxNEMzLjMzMzMxIDE0IDMgMTMuNjY2NyAzIDEzTDMgN0MzIDYuMzMzMjUgMy4zMzMzMSA2IDQgNkw1LjUgNkw5IDIuNUw5IDE3LjVMNS41IDE0Wk0xMy4wOTk2IDE0LjU5OTZDMTQuMzY5OCAxMy4zMzIgMTUuMDA1NiAxMS44MDA4IDE1LjAwNjggMTAuMDA1OUMxNS4wMDU2IDguMjEwMjEgMTQuMzY5OCA2LjY3ODcxIDEzLjA5OTYgNS40MTExM0wxNC41MTE3IDMuOTk2MDlDMTYuMTczOCA1LjY1NDMgMTcuMDAzOSA3LjY1NzQ3IDE3LjAwMiAxMC4wMDU5QzE3LjAwNDYgMTIuMzUzNSAxNi4xNzQ1IDE0LjM1NTUgMTQuNTExNyAxNi4wMTE3TDEzLjA5OTYgMTQuNTk5NlpNMTAuMjY5NSAxMS43NzI1QzEwLjc1OTggMTEuMjgzNCAxMS4wMDMyIDEwLjY5MjYgMTEgMTBDMTAuOTk4NyA5LjMwODU5IDEwLjc1MzIgOC43MTk0OCAxMC4yNjM3IDguMjMyNDJMMTEuNjc4NyA2LjgxNzM4QzEyLjU2MDIgNy42OTU1NiAxMy4wMDA3IDguNzU2NTkgMTMgMTBDMTMuMDAxMyAxMS4yNDM0IDEyLjU2MTIgMTIuMzAzIDExLjY3OTcgMTMuMTc4N0wxMC4yNjk1IDExLjc3MjVaIiBmaWxsLW9wYWNpdHk9IjAuOTAwMDAwIiBpZD0iZ2VuZXJhbDEwNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+DQo8L3N2Zz4NCg==);
}

.o-player .o-player-capture-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwLjAwMDAwMCIgd2lkdGg9IjIwLjAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQogPGRlZnMvPg0KIDxwYXRoIGQ9Ik0zLjAwMTk1IDE2LjAwMUMyLjMzNTI3IDE2LjAwMSAyLjAwMTk1IDE1LjY2NzcgMi4wMDE5NSAxNS4wMDFMMi4wMDE5NSA3LjAwMDk4QzIuMDAxOTUgNi4zMzQyMyAyLjMzNTI3IDYuMDAwOTggMy4wMDE5NSA2LjAwMDk4TDUuMDAxOTUgNi4wMDA5OEw1LjcyNDYxIDQuNTUxNzZDNS45MTA4MyA0LjE4MTg4IDYuMjEwOTQgMy45OTgyOSA2LjYyNSA0LjAwMDk4TDEzLjM4ODcgNC4wMDA5OEMxMy44MDAxIDQuMDAwMjQgMTQuMDk4MyA0LjE4Mzg0IDE0LjI4MzIgNC41NTE3NkwxNS4wMDIgNi4wMDA5OEwxNy4wMDIgNi4wMDA5OEMxNy42Njg2IDYuMDAwOTggMTguMDAyIDYuMzM0MjMgMTguMDAyIDcuMDAwOThMMTguMDAyIDE1LjAwMUMxOC4wMDIgMTUuNjY3NyAxNy42Njg2IDE2LjAwMSAxNy4wMDIgMTYuMDAxTDMuMDAxOTUgMTYuMDAxWk02LjAwMTk1IDEwLjUwMUM2LjAwMTk1IDExLjYwNTUgNi4zOTI0NiAxMi41NDgzIDcuMTczNTIgMTMuMzI5M0M3Ljk1NDU5IDE0LjExMDQgOC44OTc0IDE0LjUwMSAxMC4wMDIgMTQuNTAxQzExLjEwNjEgMTQuNDk5MyAxMi4wNDg1IDE0LjEwODIgMTIuODI5IDEzLjMyNzZDMTMuNjA5NiAxMi41NDcxIDE0LjAwMDYgMTEuNjA1IDE0LjAwMiAxMC41MDFDMTMuOTk5NSA5LjM5NzIyIDEzLjYwODEgOC40NTUwOCAxMi44Mjc4IDcuNjc0OEMxMi4wNDc0IDYuODk0MjkgMTEuMTA1NCA2LjUwMzE3IDEwLjAwMiA2LjUwMDk4QzguODk3NjQgNi41MDI0NCA3Ljk1NTIgNi44OTMzMSA3LjE3NDU2IDcuNjc0MDdDNi4zOTM5MiA4LjQ1NDU5IDYuMDAzMDUgOS4zOTY5NyA2LjAwMTk1IDEwLjUwMVpNOC4wMDE5NSAxMC41MDFDOC4wMDE5NSA5Ljk0ODczIDguMTk3MiA5LjQ3NzI5IDguNTg3NzcgOS4wODY2N0M4Ljk3ODI3IDguNjk2MjkgOS40NDk2NSA4LjUwMDk4IDEwLjAwMiA4LjUwMDk4QzEwLjU1NDMgOC41MDA5OCAxMS4wMjU2IDguNjk2MjkgMTEuNDE2MSA5LjA4NjY3QzExLjgwNjcgOS40NzcyOSAxMi4wMDIgOS45NDg3MyAxMi4wMDIgMTAuNTAxQzEyLjAwMDkgMTEuMDUzIDExLjgwNTIgMTEuNTIzOSAxMS40MTUxIDExLjkxNDFDMTEuMDI0OSAxMi4zMDQyIDEwLjU1MzkgMTIuNSAxMC4wMDIgMTIuNTAxQzkuNDQ5NjUgMTIuNTAxIDguOTc4MjcgMTIuMzA1NyA4LjU4Nzc3IDExLjkxNTNDOC4xOTcyIDExLjUyNDcgOC4wMDE5NSAxMS4wNTMyIDguMDAxOTUgMTAuNTAxWiIgZmlsbC1vcGFjaXR5PSIwLjkwMDAwMCIgaWQ9ImdlbmVyYWwxMTciIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPg0KPC9zdmc+DQo=);
}

.o-player .o-player-close-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJnZW5lcmFsNjYiIGQ9Ik00LjQxNjAyIDE2Ljk5OUwzIDE1LjU4NTlMOC41ODM5OCA5Ljk5OTAyTDMgNC40MTIxMUw0LjQxNDA2IDIuOTk3MDdMOS45OTkwMiA4LjU4Mzk4TDE1LjU4NjkgMi45OTcwN0wxNy4wMDEgNC40MTIxMUwxMS40MTQxIDkuOTk5MDJMMTcuMDAxIDE1LjU4NTlMMTUuNTg0IDE2Ljk5OEw5Ljk5OTAyIDExLjQxMzFMNC40MTYwMiAxNi45OTlaIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNGRkZGRkYiLz4NCjwvc3ZnPg0K);
  margin-left: 12px;
}

.o-player .o-player-record-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwLjAwMDAwMCIgd2lkdGg9IjIwLjAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQogPGRlZnMvPg0KIDxwYXRoIGQ9Ik0zLjAwMDk4IDE1Ljk5OUMyLjMzNDI5IDE1Ljk5OSAyLjAwMDk4IDE1LjY2NTggMi4wMDA5OCAxNC45OTlMMi4wMDA5OCA0Ljk5OTAyQzIuMDAwOTggNC4zMzIyOCAyLjMzNDI5IDMuOTk5MDIgMy4wMDA5OCAzLjk5OTAyTDEzLjAwMSAzLjk5OTAyQzEzLjY2NzcgMy45OTkwMiAxNC4wMDEgNC4zMzIyOCAxNC4wMDEgNC45OTkwMkwxNC4wMDEgNy45OTkwMkwxNy4xNDc1IDQuODUyNTRDMTcuMzA1IDQuNjk1MDcgMTcuNDg2NiA0LjY1ODk0IDE3LjY5MjQgNC43NDQxNEMxNy44OTgxIDQuODI5MzUgMTguMDAxIDQuOTgzNCAxOC4wMDEgNS4yMDYwNUwxOC4wMDEgMTQuNzkyQzE4LjAwMSAxNS4wMTQ2IDE3Ljg5ODEgMTUuMTY4NyAxNy42OTI0IDE1LjI1MzlDMTcuNDg2NiAxNS4zMzkxIDE3LjMwNSAxNS4zMDMgMTcuMTQ3NSAxNS4xNDU1TDE0LjAwMSAxMS45OTlMMTQuMDAxIDE0Ljk5OUMxNC4wMDEgMTUuNjY1OCAxMy42Njc3IDE1Ljk5OSAxMy4wMDEgMTUuOTk5TDMuMDAwOTggMTUuOTk5Wk00LjAwMDk4IDcuNDk5MDJDNC4wMDA5OCA3LjkxMzMzIDQuMTQ3NCA4LjI2Njg1IDQuNDQwMzEgOC41NTk1N0M0LjczMzIyIDguODUyNTQgNS4wODY3OSA4Ljk5OTAyIDUuNTAwOTggOC45OTkwMkM1LjkxNTE2IDguOTk5MDIgNi4yNjg3NCA4Ljg1MjU0IDYuNTYxNjUgOC41NTk1N0M2Ljg1NDU1IDguMjY2ODUgNy4wMDA5OCA3LjkxMzMzIDcuMDAwOTggNy40OTkwMkM3LjAwMDk4IDcuMDg0NzIgNi44NTQ1NSA2LjczMTIgNi41NjE2NSA2LjQzODQ4QzYuMjY4NzQgNi4xNDU1MSA1LjkxNTE2IDUuOTk5MDIgNS41MDA5OCA1Ljk5OTAyQzUuMDg2NzkgNS45OTkwMiA0LjczMzIyIDYuMTQ1NTEgNC40NDAzMSA2LjQzODQ4QzQuMTQ3NCA2LjczMTIgNC4wMDA5OCA3LjA4NDcyIDQuMDAwOTggNy40OTkwMloiIGZpbGwtb3BhY2l0eT0iMC45MDAwMDAiIGlkPSJnZW5lcmFsMTE2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4NCjwvc3ZnPg0K);
}

.o-player .o-player-record-icon.recording {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxjaXJjbGUgaWQ9IuakreWchiAxNiIgY3g9IjE3LjAwMDAwMCIgY3k9IjMuMDAwMDAwIiByPSIzLjAwMDAwMCIgZmlsbD0iI0UzMkIzMSIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIvPg0KCTxwYXRoIGlkPSLlh4/ljrvpobblsYIiIGQ9Ik0xMy4xMjY4IDQuMDAzM0MxMy4wODYzIDQuMDAwNDkgMTMuMDQ0MyAzLjk5OTAyIDEzLjAwMSAzLjk5OTAyTDMuMDAwOTggMy45OTkwMkMyLjY2NzYgMy45OTkwMiAyLjQxNzYgNC4wODI0IDIuMjUwOTggNC4yNDkwMkMyLjA4NDM1IDQuNDE1NjUgMi4wMDA5OCA0LjY2NTY1IDIuMDAwOTggNC45OTkwMkwyLjAwMDk4IDE0Ljk5OUMyLjAwMDk4IDE1LjMzMjQgMi4wODQzNSAxNS41ODI0IDIuMjUwOTggMTUuNzQ5QzIuNDE3NiAxNS45MTU2IDIuNjY3NiAxNS45OTkgMy4wMDA5OCAxNS45OTlMMTMuMDAxIDE1Ljk5OUMxMy4zMzQ0IDE1Ljk5OSAxMy41ODQ0IDE1LjkxNTYgMTMuNzUxIDE1Ljc0OUMxMy45MTc2IDE1LjU4MjQgMTQuMDAxIDE1LjMzMjQgMTQuMDAxIDE0Ljk5OUwxNC4wMDEgMTEuOTk5TDE3LjE0NzUgMTUuMTQ1NUMxNy4yMjYzIDE1LjIyNDQgMTcuMzExMiAxNS4yNzI4IDE3LjQwMjEgMTUuMjkwOEMxNy40OTI4IDE1LjMwODggMTcuNTg5NiAxNS4yOTY1IDE3LjY5MjQgMTUuMjUzOUMxNy44OTgxIDE1LjE2ODYgMTguMDAxIDE1LjAxNDYgMTguMDAxIDE0Ljc5MkwxOC4wMDEgNi44NzM3OEMxNy42ODEgNi45NTYxOCAxNy4zNDU3IDcgMTcgN0MxNi40MTMxIDcgMTUuODU1NiA2Ljg3MzU0IDE1LjM1MzUgNi42NDY0OEwxNC4wMDEgNy45OTkwMkwxNC4wMDEgNS42NDY5N0MxMy41OTA3IDUuMTgyMzcgMTMuMjg2NiA0LjYyMTgzIDEzLjEyNjggNC4wMDMzWk00LjAwMDk4IDcuNDk5MDJDNC4wMDA5OCA3LjcwNjE4IDQuMDM3NiA3Ljg5ODA3IDQuMTEwODQgOC4wNzQ4M0M0LjE4NDA4IDguMjUxNTkgNC4yOTM4MiA4LjQxMzIxIDQuNDQwMzEgOC41NTk2OUM0LjU4Njc5IDguNzA2MTggNC43NDg0MSA4LjgxNTkyIDQuOTI1MTcgOC44ODkxNkM1LjEwMTkzIDguOTYyNCA1LjI5MzgyIDguOTk5MDIgNS41MDA5OCA4Ljk5OTAyQzUuNzA4MTMgOC45OTkwMiA1LjkwMDAyIDguOTYyNCA2LjA3Njc4IDguODg5MTZDNi4yNTM1NCA4LjgxNTkyIDYuNDE1MTYgOC43MDYxOCA2LjU2MTY1IDguNTU5NjlDNi43MDgxMyA4LjQxMzIxIDYuODE3ODcgOC4yNTE1OSA2Ljg5MTExIDguMDc0ODNDNi45NjQzNiA3Ljg5ODA3IDcuMDAwOTggNy43MDYxOCA3LjAwMDk4IDcuNDk5MDJDNy4wMDA5OCA3LjI5MTg3IDYuOTY0MzYgNy4wOTk5OCA2Ljg5MTExIDYuOTIzMjJDNi44MTc4NyA2Ljc0NjQ2IDYuNzA4MTMgNi41ODQ4NCA2LjU2MTY1IDYuNDM4MzVDNi40MTUxNiA2LjI5MTg3IDYuMjUzNTQgNi4xODIxMyA2LjA3Njc4IDYuMTA4ODlDNS45MDAwMiA2LjAzNTY0IDUuNzA4MTMgNS45OTkwMiA1LjUwMDk4IDUuOTk5MDJDNS4yOTM4MiA1Ljk5OTAyIDUuMTAxOTMgNi4wMzU2NCA0LjkyNTE3IDYuMTA4ODlDNC43NDg0MSA2LjE4MjEzIDQuNTg2NzkgNi4yOTE4NyA0LjQ0MDMxIDYuNDM4MzVDNC4yOTM4MiA2LjU4NDg0IDQuMTg0MDggNi43NDY0NiA0LjExMDg0IDYuOTIzMjJDNC4wMzc2IDcuMDk5OTggNC4wMDA5OCA3LjI5MTg3IDQuMDAwOTggNy40OTkwMloiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4NCg==);
}

.o-player .o-player-hidden-deep {
  display: none !important;
}

.o-player .o-player-controller {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  align-items: center;
  height: 32px;
  width: 100%;
}

.o-player .o-player-time-line {
  position: relative;
  height: 68px;
  cursor: pointer;
  background-color: var(--o-neutral-bg-6-normal);
  overflow: hidden;
}

.o-player .o-player-timeline-area {
  position: absolute;
  width: 100%;
  height: 36px;
  z-index: 10;
  top: 0;
}

.o-player #o-player-cursor {
  position: relative;
  width: 0;
  height: 0;
  top: -33px;
}

.o-player #o-player-cursor::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--o-brand-stroke-2-selected-ss);
}

.o-player .o-player-record-time {
  position: absolute;
  left: 50%;
  width: 200px;
}

.o-player .o-player-record-time-img {
  position: absolute;
  top: 5px;
  left: -82px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwLjAwMDAwMCIgd2lkdGg9IjIwLjAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQogPGRlZnMvPg0KIDxwYXRoIGQ9Ik02IDMuNUM2IDIuOTQ3NzUgNi40NDc3NSAyLjUgNyAyLjVDNy41NTIyNSAyLjUgOCAyLjk0Nzc1IDggMy41TDggNUwxMiA1TDEyIDMuNUMxMiAyLjk0Nzc1IDEyLjQ0NzggMi41IDEzIDIuNUMxMy41NTIyIDIuNSAxNCAyLjk0Nzc1IDE0IDMuNUwxNCA1TDE2IDVDMTYuNTUyMiA1IDE3IDUuNDQ3NzUgMTcgNkwxNyAxNkMxNyAxNi41NTIyIDE2LjU1MjIgMTcgMTYgMTdMNCAxN0MzLjQ0Nzc1IDE3IDMgMTYuNTUyMiAzIDE2TDMgNkMzIDUuNDQ3NzUgMy40NDc3NSA1IDQgNUw2IDVMNiAzLjVaTTUgOUw1IDE1TDE1IDE1TDE1IDlMNSA5WiIgZmlsbC1vcGFjaXR5PSIwLjkwMDAwMCIgaWQ9ImdlbmVyYWwxODgiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);
}

.o-player .o-player-record-time span {
  position: absolute;
  left: -58px;
  top: 6px;
  color: var(--o-neutral-fg-2-normal);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.16px;
}

.o-player .o-player-record-time.small span {
  color: var(--o-brand-fg-1-normal);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.16px;
}

.o-player .o-player-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-player .o-player-record-control {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
}

.o-player .o-player-record-control-btn {
  display: flex;
  height: 32px;
  background-color: var(--o-neutral-bg-2-normal);
  padding: 0 4px;
  gap: 10px;
}

.o-player .o-player-button {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  box-sizing: border-box;
}

.o-player .o-player-button:hover {
  background-color: var(--o-neutral-bg-1-hover-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
}

.o-player .o-player-button:active {
  background-color: var(--o-neutral-bg-1-active-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
}

.o-player .o-player-button.disabled {
  background-color: transparent;
  border: transparent;
}

.o-player-record-sync-on {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzMzIiBkPSJNMyAzTDE3IDNMMTcgNUwzIDVMMyAzWk0zIDEzLjVMOS41IDEwTDMgNi41TDMgMTMuNVpNMTcgOUwxMSA5TDExIDExTDE3IDExTDE3IDlaTTE3IDE2TDE3IDE1TDMgMTVMMyAxN0wxNyAxN0wxNyAxNloiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMS4wMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);
}

.o-player-record-sync-on.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzMzIiBkPSJNMyAzTDE3IDNMMTcgNUwzIDVMMyAzWk0zIDEzLjVMOS41IDEwTDMgNi41TDMgMTMuNVpNMTcgOUwxMSA5TDExIDExTDE3IDExTDE3IDlaTTE3IDE2TDE3IDE1TDMgMTVMMyAxN0wxNyAxN0wxNyAxNloiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4zMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);
}

.o-player-record-sync-off {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzMyIiBkPSJNMTcgM0wzIDNMMyA1TDE3IDVMMTcgM1pNMyA3TDkgN0w5IDEzTDMgMTNMMyA3Wk0xMSAxMUwxMSA5TDE3IDlMMTcgMTFMMTEgMTFaTTE3IDE2TDE3IDE1TDMgMTVMMyAxN0wxNyAxN0wxNyAxNloiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMS4wMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);
}

.o-player-record-sync-off.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzMyIiBkPSJNMTcgM0wzIDNMMyA1TDE3IDVMMTcgM1pNMyA3TDkgN0w5IDEzTDMgMTNMMyA3Wk0xMSAxMUwxMSA5TDE3IDlMMTcgMTFMMTEgMTFaTTE3IDE2TDE3IDE1TDMgMTVMMyAxN0wxNyAxN0wxNyAxNloiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4zMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);
}

.o-player-record-signal-back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzQwIiBkPSJNNy41IDEwTDE3IDIuNUwxNyAxNy41TDcuNSAxMFpNNSAzTDMgM0wzIDE3TDUgMTdMNSAzWiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4NCg==);
}

.o-player-record-signal-back.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzQwIiBkPSJNNy41IDEwTDE3IDIuNUwxNyAxNy41TDcuNSAxMFpNNSAzTDMgM0wzIDE3TDUgMTdMNSAzWiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjMwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4NCg==);
}

.o-player-record-signal {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM1IiBkPSJNMTIuNSAxMEwzIDIuNUwzIDE3LjVMMTIuNSAxMFpNMTUgM0wxNyAzTDE3IDE3TDE1IDE3TDE1IDNaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEuMDAwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCjwvc3ZnPg0K);
}

.o-player-record-signal.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM1IiBkPSJNMTIuNSAxMEwzIDIuNUwzIDE3LjVMMTIuNSAxMFpNMTUgM0wxNyAzTDE3IDE3TDE1IDE3TDE1IDNaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMzAwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCjwvc3ZnPg0K);
}

.o-player-record-rewind {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM5IiBkPSJNMTQuMzkgMy44NEwxNyAyLjVMMTcgMTcuNUwxNC4zOSAxNi4xNUMxNC4zNSAxNi4xNCAxNC4zIDE2LjEyIDE0LjI2IDE2LjFMMTMuNTUgMTUuNzJMMi41IDEwTDEzLjU5IDQuMjVMMTQuMjYgMy44OUMxNC4zIDMuODcgMTQuMzQgMy44NSAxNC4zOSAzLjg0WiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4NCg==);
}

.o-player-record-rewind.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM5IiBkPSJNMTQuMzkgMy44NEwxNyAyLjVMMTcgMTcuNUwxNC4zOSAxNi4xNUMxNC4zNSAxNi4xNCAxNC4zIDE2LjEyIDE0LjI2IDE2LjFMMTMuNTUgMTUuNzJMMi41IDEwTDEzLjU5IDQuMjVMMTQuMjYgMy44OUMxNC4zIDMuODcgMTQuMzQgMy44NSAxNC4zOSAzLjg0WiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjMwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4NCg==);
}

.o-player-record-stop {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM4IiBkPSJNMTcgM0wzIDNMMyAxN0wxNyAxN0wxNyAzWiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4NCg==);
}

.o-player-record-stop.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM4IiBkPSJNMTcgM0wzIDNMMyAxN0wxNyAxN0wxNyAzWiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjMwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4NCg==);
}

.o-player-record-play {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM3IiBkPSJNMyAyLjVMMTcuNSAxMEwzIDE3LjVMMyAyLjVaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEuMDAwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCjwvc3ZnPg0K);
}

.o-player-record-play.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM3IiBkPSJNMyAyLjVMMTcuNSAxMEwzIDE3LjVMMyAyLjVaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMzAwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCjwvc3ZnPg0K);
}

.o-player-record-pause {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM2IiBkPSJNNyAzTDMgM0wzIDE3TDcgMTdMNyAzWk0xNyAzTDEzIDNMMTMgMTdMMTcgMTdMMTcgM1oiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMS4wMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);
}

.o-player-record-pause.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAuMDAwMDAwIiBoZWlnaHQ9IjIwLjAwMDAwMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJ2aWRlbzM2IiBkPSJNNyAzTDMgM0wzIDE3TDcgMTdMNyAzWk0xNyAzTDEzIDNMMTMgMTdMMTcgMTdMMTcgM1oiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4zMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);
}

.o-player-record-speed-down {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIuMDAwMDAwIiBoZWlnaHQ9IjMyLjAwMDAwMCIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJnZW5lcmFsMTY4IiBkPSJNOSAxNUwyMyAxNUwyMyAxN0w5IDE3TDkgMTVaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuOTAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4NCjwvc3ZnPg0K);
}

.o-player-record-speed-down.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIuMDAwMDAwIiBoZWlnaHQ9IjMyLjAwMDAwMCIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJnZW5lcmFsMTY4IiBkPSJNOSAxNUwyMyAxNUwyMyAxN0w5IDE3TDkgMTVaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMzAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4NCjwvc3ZnPg0K);
}

.o-player-record-speed-up {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIuMDAwMDAwIiBoZWlnaHQ9IjMyLjAwMDAwMCIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJnZW5lcmFsMTY5IiBkPSJNMTUgMjNMMTUgMTdMOSAxN0w5IDE1TDE1IDE1TDE1IDlMMTcgOUwxNyAxNUwyMyAxNUwyMyAxN0wxNyAxN0wxNyAyM0wxNSAyM1oiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC45MDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPg0KPC9zdmc+DQo=);
}

.o-player-record-speed-up.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIuMDAwMDAwIiBoZWlnaHQ9IjMyLjAwMDAwMCIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCgk8ZGVzYz4NCgkJCUNyZWF0ZWQgd2l0aCBQaXhzby4NCgk8L2Rlc2M+DQoJPGRlZnMvPg0KCTxwYXRoIGlkPSJnZW5lcmFsMTY5IiBkPSJNMTUgMjNMMTUgMTdMOSAxN0w5IDE1TDE1IDE1TDE1IDlMMTcgOUwxNyAxNUwyMyAxNUwyMyAxN0wxNyAxN0wxNyAyM0wxNSAyM1oiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4zMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPg0KPC9zdmc+DQo=);
}

.o-player-record-speed {
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: var(--o-neutral-fg-2-normal);
}

.o-player-item .o-player-stream {
  width: 213px;
  margin-left: 6px;
  display: flex;
}

.o-player-simple-time-line {
  display: flex;
  width: 100%;
  height: 44px;
  justify-content: space-around;
  align-items: center;
}

.o-player-simple-progress-container-warper {
  height: 32px;
  width: calc(100% - 180px);
}

.o-player-simple-progress-container {
  width: 100%;
  height: 4px;
  background-color: var(--o-neutral-stroke-2-normal);
  border-radius: 2px;
  position: relative;
  top: 14px;
}

.o-player-simple-progress-bar {
  height: 4px;
  width: 0;
  background-color: var(--o-brand-bg-1-normal);
  border-radius: 2px;
}

.o-player-simple-progress-dot {
  width: 10px;
  height: 10px;
  border: 3px solid var(--o-brand-bg-1-normal);
  background-color: var(--o-neutral-bg-4-normal);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.o-player-simple-progress-dot:hover {
  border-color: var(--o-brand-bg-1-hover);
}

.o-player-window-split {
  display: flex;
  align-items: center;
  padding: 10px 24px;
}
.o-player-window-split-div {
  width: 1px;
  height: 20px;
  margin: 0 4px;
  border-left: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-player-player {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.o-player-player-top {
  display: flex;
  justify-content: end;
  height: 52px;
}
.o-player-player-content {
  flex: 1;
}

.o-player-bottom-tool-bar {
  position: absolute;
  background: var(--o-neutral-bg-transparent-normal);
  z-index: 100;
}

.o-player-ptz {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 345px;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding-top: 24px;
}
.o-player-ptz-content {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 100%;
  min-height: 140px;
  margin-bottom: 24px;
  box-sizing: border-box;
}
.o-player-ptz-lock {
  position: absolute;
  left: 0;
  top: -24px;
}
.o-player-ptz-mouse {
  position: absolute;
  right: 0;
  top: -24px;
}
.o-player-ptz-direction-main {
  transform: rotate(-45deg);
  overflow: hidden;
}
.o-player-ptz-direction {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 300px;
  box-sizing: border-box;
  border: 1px solid var(--o-neutral-stroke-2-normal);
  background-color: var(--o-neutral-bg-4-hover);
  box-sizing: border-box;
  transform: rotate(45deg);
  overflow: hidden;
}
.o-player-ptz-direction-item {
  position: absolute;
  width: 70px;
  height: 70px;
  transform-origin: 100% 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
  transition: all 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  cursor: pointer;
  z-index: 0;
  overflow: hidden;
}
.o-player-ptz-direction-item:hover {
  background-color: var(--o-neutral-bg-2-hover);
  transition: all 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}
.o-player-ptz-direction-item:active {
  background-color: var(--o-neutral-bg-2-active);
  transition: all 0.06s cubic-bezier(0.4, 0, 0.6, 1);
}
.o-player-ptz-direction-item:nth-child(1) .o-icon, .o-player-ptz-direction-item:nth-child(5) .o-icon {
  top: 55px;
  left: 52px;
}
.o-player-ptz-direction-item:nth-child(2) .o-icon, .o-player-ptz-direction-item:nth-child(6) .o-icon {
  top: 55px;
  left: 44px;
}
.o-player-ptz-direction-item:nth-child(3) .o-icon, .o-player-ptz-direction-item:nth-child(7) .o-icon {
  top: 50px;
  left: 48px;
}
.o-player-ptz-direction-item:nth-child(4) .o-icon, .o-player-ptz-direction-item:nth-child(8) .o-icon {
  top: 55px;
  left: 46px;
}
.o-player-ptz-direction-item:nth-child(1) {
  transform: rotate(67.5deg) skew(45deg);
}
.o-player-ptz-direction-item:nth-child(1) .o-icon {
  transform: skew(-45deg) rotate(-67.5deg) translate(0, -33px);
}
.o-player-ptz-direction-item:nth-child(2) {
  transform: rotate(112.5deg) skew(45deg);
}
.o-player-ptz-direction-item:nth-child(2) .o-icon {
  transform: skew(-45deg) rotate(-112.5deg) translate(19px, -14px);
}
.o-player-ptz-direction-item:nth-child(3) {
  transform: rotate(157.5deg) skew(45deg);
}
.o-player-ptz-direction-item:nth-child(3) .o-icon {
  transform: skew(-45deg) rotate(-157.5deg) translate(21px, 0);
}
.o-player-ptz-direction-item:nth-child(4) {
  transform: rotate(202.5deg) skew(45deg);
}
.o-player-ptz-direction-item:nth-child(4) .o-icon {
  transform: skew(-45deg) rotate(-202.5deg) translate(18px, 21px);
}
.o-player-ptz-direction-item:nth-child(5) {
  transform: rotate(247.5deg) skew(45deg);
}
.o-player-ptz-direction-item:nth-child(5) .o-icon {
  transform: skew(-45deg) rotate(-247.5deg) translate(0, 34px);
}
.o-player-ptz-direction-item:nth-child(6) {
  transform: rotate(292.5deg) skew(45deg);
}
.o-player-ptz-direction-item:nth-child(6) .o-icon {
  transform: skew(-45deg) rotate(-292.5deg) translate(-21px, 17px);
}
.o-player-ptz-direction-item:nth-child(7) {
  transform: rotate(337.5deg) skew(45deg);
}
.o-player-ptz-direction-item:nth-child(7) .o-icon {
  transform: skew(-45deg) rotate(-337.5deg) translate(-23px, 3px);
}
.o-player-ptz-direction-item:nth-child(8) {
  transform: rotate(382.5deg) skew(45deg);
}
.o-player-ptz-direction-item:nth-child(8) .o-icon {
  transform: skew(-45deg) rotate(-382.5deg) translate(-19px, -19px);
}
.o-player-ptz-direction-3d {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  border: 1px solid var(--o-neutral-stroke-2-normal);
  background-color: var(--o-neutral-bg-4-hover);
  top: 35px;
  left: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 200px;
  overflow: hidden;
  z-index: 1;
}
.o-player-ptz-direction-3d-item {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 100;
}
.o-player-ptz-direction-3d-item:hover {
  background-color: var(--o-neutral-bg-2-hover);
  transition: all 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}
.o-player-ptz-direction-3d-item:active {
  background-color: var(--o-neutral-bg-2-active);
  transition: all 0.06s cubic-bezier(0.4, 0, 0.6, 1);
}
.o-player-ptz-control {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--o-neutral-bg-2-normal);
  box-sizing: border-box;
  border-radius: 3px;
  padding: 0 2px;
}
.o-player-ptz-control-item {
  margin: 0 2px;
}
.o-player-ptz-control-item:nth-child(2n):not(:last-child)::after {
  content: "";
  margin-left: 4px;
  border-left: 1px solid var(--o-neutral-stroke-2-normal);
  height: 24px;
}
.o-player-ptz-func {
  width: 300px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  margin-top: 32px;
}
.o-player-ptz-func-button {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 72px;
  height: 16px;
  border-radius: 3px 3px 0 0;
  background-color: var(--o-neutral-bg-2-normal);
}
.o-player-ptz-func-button:hover {
  background-color: var(--o-neutral-bg-2-hover);
}
.o-player-ptz-func-main {
  width: 300px;
  margin-top: 12px;
}
.o-player-ptz-preset, .o-player-ptz-cruise, .o-player-ptz-pattern, .o-player-ptz-others {
  width: 100%;
  margin-top: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.o-player-ptz-preset-list-view, .o-player-ptz-cruise-list-view, .o-player-ptz-pattern-list-view {
  margin-top: 12px;
  padding: 12px 12px 0 12px;
  border: 1px solid var(--o-neutral-stroke-2-normal);
  background-color: var(--o-neutral-bg-5-normal);
}
.o-player-ptz-others {
  height: 380px;
  border: 1px solid var(--o-neutral-stroke-2-normal);
  background-color: var(--o-neutral-bg-5-normal);
}
.o-player-ptz-others-top {
  display: flex;
  justify-content: center;
  height: 32px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}
.o-player-ptz-others-content {
  display: flex;
  flex-direction: column;
  padding: 12px;
}
.o-player-ptz-others-scan {
  display: flex;
  flex: 1;
  gap: 12px;
}
.o-player-ptz-others-scan-button {
  display: flex;
  width: 225px;
  justify-content: space-between;
}
.o-player-ptz-others-scan-button-sep {
  flex: 1;
  border-top: 1px solid var(--o-neutral-stroke-1-normal);
  border-bottom: 1px solid var(--o-neutral-stroke-1-normal);
}
.o-player-ptz-others-command {
  display: flex;
  flex: 1;
  gap: 12px;
}
.o-player-ptz-others-menu {
  width: 277px;
  height: 96px;
  background-color: var(--o-neutral-bg-2-normal);
  border: 1px solid var(--o-neutral-stroke-1-normal);
  border-radius: 3px;
}
.o-player-ptz-others-menu-west {
  position: absolute;
  left: 20px;
  top: 32px;
}
.o-player-ptz-others-menu .o-button + .o-button {
  margin-left: 0px;
}
.o-player-ptz-others-menu-east {
  position: absolute;
  right: 20px;
  top: 32px;
}
.o-player-ptz-others-menu-north {
  position: absolute;
  left: 122px;
  top: 0px;
}
.o-player-ptz-others-menu-south {
  position: absolute;
  left: 122px;
  bottom: 0px;
}
.o-player-ptz-others-menu-center {
  position: absolute;
  left: 78px;
  top: 36px;
  width: 120px;
}
.o-player-ptz .is-disabled {
  pointer-events: none;
}
.o-player-ptz .is-disabled .o-icon {
  opacity: 0.3 !important;
}
.o-player-ptz .is-select {
  background-color: var(--o-brand-bg-4-selected-ss);
}

html.dark {
  color-scheme: dark;
  --o-brand-bg-1-normal: #216BFF;
  --o-brand-bg-1-hover: #4583FF;
  --o-brand-bg-1-active: #1C5AD6;
  --o-brand-bg-1-selected: #216BFF;
  --o-brand-bg-2-normal: rgba(33, 107, 255, 0.15);
  --o-brand-bg-2-selected: #113885;
  --o-brand-bg-3-selected: #113885;
  --o-brand-bg-comp-normal: #216BFF;
  --o-brand-bg-comp-hover: #4583FF;
  --o-brand-bg-comp-active: #1C5AD6;
  --o-brand-bg-4-selected-ss: #113885;
  --o-brand-bg-4-hover-ss: #1649AD;
  --o-brand-bg-4-active-ss: #0C275C;
  --o-brand-bg-5-ss: rgba(33, 107, 255, 0.4);
  --o-brand-fg-1-normal: #689AFF;
  --o-brand-fg-1-hover: #8cb2ff;
  --o-brand-fg-1-active: #4583FF;
  --o-brand-fg-link-normal: #689AFF;
  --o-brand-fg-link-hover: #8CB2FF;
  --o-brand-fg-link-active: #4583FF;
  --o-brand-fg-comp-normal: #216BFF;
  --o-brand-fg-comp-hover: #4583FF;
  --o-brand-fg-comp-active: #1C5AD6;
  --o-brand-fg-6-ss: #8CB2FF;
  --o-brand-stroke-1-normal: rgba(33, 107, 255, 0.3);
  --o-brand-stroke-1-hover: rgba(217, 227, 255, 0.42);
  --o-brand-stroke-1-active: #216BFF;
  --o-brand-stroke-1-selected: #216BFF;
  --o-brand-stroke-2-normal: to be confirmed;
  --o-brand-stroke-2-selected-ss: #216BFF;
  --o-brand-stroke-3-normal: rgba(33, 107, 255, 0.3);
  --o-brand-stroke-3-selected-ss: #216BFF;
  --o-brand-stroke-comp-normal: #216BFF;
  --o-brand-stroke-comp-hover: #4583FF;
  --o-brand-stroke-comp-active: #1C5AD6;
  --o-neutral-bg-0-normal: #424A5C;
  --o-neutral-bg-1-normal: #303543;
  --o-neutral-bg-1-hover-1: rgba(217, 227, 255, 0.18);
  --o-neutral-bg-1-hover-2: rgba(217, 227, 255, 0.18);
  --o-neutral-bg-1-hover-3-ss: rgba(217, 227, 255, 0.18);
  --o-neutral-bg-1-active-1: rgba(217, 227, 255, 0.05);
  --o-neutral-bg-1-active-2: rgba(217, 227, 255, 0.05);
  --o-neutral-bg-1-active-3-ss: rgba(217, 227, 255, 0.05);
  --o-neutral-bg-1-selected-3-ss: rgba(217, 227, 255, 0.1);
  --o-neutral-bg-2-normal: rgba(217, 227, 255, 0.1);
  --o-neutral-bg-2-hover: rgba(217, 227, 255, 0.18);
  --o-neutral-bg-2-active: rgba(217, 227, 255, 0.05);
  --o-neutral-bg-3-normal: #282D39;
  --o-neutral-bg-4-normal: #222732;
  --o-neutral-bg-4-hover: #2B303D;
  --o-neutral-bg-4-selected-ss: rgba(217, 227, 255, 0.1);
  --o-neutral-bg-5-normal: rgba(0, 5, 15, 0.2);
  --o-neutral-bg-6-normal: #151A24;
  --o-neutral-bg-7-normal-ss: #1D222D;
  --o-neutral-bg-8-normal-ss: rgba(217, 227, 255, 0.05);
  --o-neutral-bg-8-disabled: #656870;
  --o-neutral-bg-9-active: #1F252F;
  --o-neutral-bg-9-normal: #292E3A;
  --o-neutral-bg-9-hover: #383E4C;
  --o-neutral-bg-inverted: #EBEDF2;
  --o-neutral-bg-disabled: rgba(217, 227, 255, 0.1);
  --o-neutral-bg-comp-normal: rgba(217, 227, 255, 0.42);
  --o-neutral-bg-comp-hover: rgba(217, 227, 255, 0.6);
  --o-neutral-bg-comp-active: rgba(217, 227, 255, 0.36);
  --o-neutral-bg-transparent-normal: rgba(0, 5, 15, 0.6);
  --o-neutral-bg-transparent-hover: rgba(0, 5, 15, 0.8);
  --o-neutral-bg-transparent-active: rgba(0, 5, 15, 0.4);
  --o-neutral-bg-scrollbar-normal-ss: rgba(217, 227, 255, 0.16);
  --o-neutral-bg-scrollbar-hover-ss: rgba(217, 227, 255, 0.36);
  --o-neutral-bg-scrollbar-active-ss: rgba(217, 227, 255, 0.42);
  --o-neutral-bg-scrim: rgba(0, 5, 15, 0.5);
  --o-neutral-fg-1-normal: #FFFFFF;
  --o-neutral-fg-2-normal: rgba(255, 255, 255, 0.9);
  --o-neutral-fg-3-normal: rgba(255, 255, 255, 0.5);
  --o-neutral-fg-4-normal: rgba(255, 255, 255, 0.5);
  --o-neutral-fg-5-normal: rgba(255, 255, 255, 0.3);
  --o-neutral-fg-6-ss: rgba(255, 255, 255, 0.6);
  --o-neutral-fg-inverted: #222732;
  --o-neutral-fg-oncolor: #FFFFFF;
  --o-neutral-fg-disabled: rgba(255, 255, 255, 0.3);
  --o-neutral-stroke-1-normal: rgba(217, 227, 255, 0.05);
  --o-neutral-stroke-2-normal: rgba(217, 227, 255, 0.16);
  --o-neutral-stroke-2-strong-ss: #090C12;
  --o-neutral-stroke-2-weak-ss: rgba(217, 227, 255, 0.08);
  --o-neutral-stroke-2-subtle-ss: #151A24;
  --o-neutral-stroke-3-normal: rgba(217, 227, 255, 0.42);
  --o-neutral-stroke-4-normal-ss: rgba(217, 227, 255, 0.1);
  --o-neutral-stroke-4-hover-ss: rgba(217, 227, 255, 0.42);
  --o-neutral-stroke-accessible: rgba(217, 227, 255, 0.42);
  --o-neutral-stroke-accessible-hover-ss: rgba(217, 227, 255, 0.6);
  --o-neutral-stroke-accessible-2-ss: rgba(217, 227, 255, 0.36);
  --o-neutral-stroke-disabled: rgba(217, 227, 255, 0.05);
  --o-neutral-focus-1: #FFFFFF;
  --o-neutral-focus-2: to be confirmed;
  --o-status-error-bg-1-normal: #E32B31;
  --o-status-error-bg-1-hover: #E74D52;
  --o-status-error-bg-1-active: #BF2429;
  --o-status-error-bg-2-normal: rgba(227, 43, 49, 0.15);
  --o-status-error-bg-3-normal: #F09194;
  --o-status-error-bg-6-ss: #F09194;
  --o-status-error-fg-1-normal: #EC6F73;
  --o-status-error-stroke-1-normal: rgba(227, 43, 49, 0.3);
  --o-status-error-stroke-2-normal: rgba(227, 43, 49, 0.3);
  --o-status-success-bg-1-normal: #009E35;
  --o-status-success-bg-1-hover: #29AE55;
  --o-status-success-bg-1-active: #00852D;
  --o-status-success-bg-2-normal: rgba(0, 158, 53, 0.15);
  --o-status-success-bg-6-ss: #7ACD96;
  --o-status-success-fg-1-normal: #52BD76;
  --o-status-success-stroke-1-normal: rgba(0, 158, 53, 0.3);
  --o-status-success-stroke-2-normal: rgba(0, 158, 53, 0.3);
  --o-status-warning-bg-1-normal: #DE5009;
  --o-status-warning-bg-1-hover: to be confirmed;
  --o-status-warning-bg-1-active: to be confirmed;
  --o-status-warning-bg-2-normal: rgba(222, 80, 9, 0.15);
  --o-status-warning-bg-6-ss: #EEA47F;
  --o-status-warning-fg-1-normal: #E98858;
  --o-status-warning-stroke-1-normal: rgba(222, 80, 9, 0.3);
  --o-status-warning-stroke-2-normal: rgba(222, 80, 9, 0.3);
  --o-status-yellow-bg-1-normal: #D48208;
  --o-status-yellow-bg-2-normal-ss: rgba(212, 130, 8, 0.15);
  --o-status-yellow-bg-1-hover-ss: #DB9630;
  --o-status-yellow-bg-1-active-ss: #B26D07;
  --o-status-yellow-bg-6-ss: #E9BE7F;
  --o-status-yellow-fg-1-normal: #E2AA57;
  --o-status-yellow-stroke-2-normal-ss: rgba(212, 130, 8, 0.3);
  --o-status-purple-bg-1-normal-ss: #9D43F7;
  --o-status-purple-bg-2-normal-ss: rgba(157, 67, 247, 0.15);
  --o-status-purple-bg-6-ss: #CC9DFB;
  --o-status-purple-fg-1-normal: #BA7BF9;
  --o-status-purple-fg-1-normal-ss: #BC7FFA;
  --o-status-purple-stroke-2-normal-ss: rgba(157, 67, 247, 0.3);
  --o-status-cyan-bg-1-normal-ss: #0099BF;
  --o-status-cyan-bg-2-normal-ss: rgba(0, 153, 191, 0.15);
  --o-status-cyan-bg-6-ss: #7ACADE;
  --o-status-cyan-fg-1-normal-ss: #52BAD3;
  --o-status-cyan-stroke-2-normal-ss: rgba(0, 153, 191, 0.3);
  --o-status-grey-bg-1-normal-ss: #697887;
  --o-status-grey-bg-1-hover-ss: #818E9A;
  --o-status-grey-bg-1-active-ss: #586571;
  --o-status-grey-bg-2-normal-ss: rgba(105, 120, 135, 0.15);
  --o-status-grey-bg-6-ss: #B1B9C1;
  --o-status-grey-fg-1-normal-ss: #99A3AD;
  --o-status-grey-stroke-2-normal-ss: rgba(105, 120, 135, 0.3);
  --o-status-brown-bg-1-normal-ss: #9E714F;
  --o-status-brown-bg-2-normal-ss: rgba(158, 113, 79, 0.15);
  --o-status-brown-bg-6-ss: #CDB5A3;
  --o-status-brown-fg-1-normal-ss: #BD9E87;
  --o-status-brown-stroke-2-normal-ss: rgba(158, 113, 79, 0.3);
  --o-shadow-2-down: 0px 2px 10px 0px rgba(0, 5, 15, 0.16);
  --o-shadow-3-down: 0px 4px 14px 0px rgba(0, 5, 15, 0.24);
  --o-shadow-2-right: 2px 0px 10px 0px rgba(0, 5, 15, 0.16);
  --o-shadow-2-left: -2px 0px 10px 0px rgba(0, 5, 15, 0.16);
  --o-radius-s: 2px;
  --o-radius-m: 3px;
  --o-radius-l: 3px;
  --o-radius-circle: 50%;
  --o-spacing-00: 0px;
  --o-spacing-01: 2px;
  --o-spacing-02: 4px;
  --o-spacing-03: 8px;
  --o-spacing-05: 12px;
  --o-spacing-06: 16px;
  --o-spacing-07: 20px;
  --o-spacing-08: 32px;
  --o-spacing-09: 40px;
  --o-cursor-not-allowed: default;
  --o-cursor-pointer: default;
  --o-corresponding-virtual-real-table-hover: #434957;
  --o-corresponding-virtual-real-table-stipe-hover: #383e4c;
}

html.dark .o-button {
  --o-button-border-color: var(--o-neutral-stroke-1-normal);
  --o-button-bg-color: var(--o-neutral-bg-2-normal);
  --o-button-text-color: var(--o-neutral-fg-2-normal);
  --o-button-disabled-text-color: var(--o-neutral-fg-disabled);
  --o-button-disabled-bg-color: var(--o-neutral-bg-disabled);
  --o-button-disabled-border-color: var(--o-neutral-stroke-disabled);
  --o-button-hover-text-color: var(--o-neutral-fg-1-normal);
  --o-button-hover-bg-color: var(--o-neutral-bg-2-hover);
  --o-button-hover-border-color: var(--o-neutral-stroke-1-normal);
  --o-button-active-text-color: var(--o-neutral-fg-1-normal);
  --o-button-active-border-color: var(--o-neutral-stroke-1-normal);
  --o-button-active-bg-color: var(--o-neutral-bg-2-active);
  --o-button-focus-border-color: var(--o-neutral-focus-1);
  --o-button-focus-border-width: 2px;
}

html.dark .o-button--primary {
  --o-button-border-color: var(--o-brand-bg-1-normal);
  --o-button-bg-color: var(--o-brand-bg-1-normal);
  --o-button-text-color: var(--o-neutral-fg-oncolor);
  --o-button-disabled-text-color: var(--o-neutral-fg-disabled);
  --o-button-disabled-bg-color: var(--o-neutral-bg-disabled);
  --o-button-disabled-border-color: var(--o-neutral-stroke-disabled);
  --o-button-hover-text-color: var(--o-neutral-fg-oncolor);
  --o-button-hover-bg-color: var(--o-brand-bg-1-hover);
  --o-button-hover-border-color: var(--o-brand-bg-1-hover);
  --o-button-active-text-color: var(--o-neutral-fg-oncolor);
  --o-button-active-border-color: var(--o-brand-bg-1-active);
  --o-button-active-bg-color: var(--o-brand-bg-1-active);
}

html.dark .o-button--primary.is-plain, html.dark .o-button--primary.is-text, html.dark .o-button--primary.is-link {
  --o-button-text-color: var(--o-color-primary);
  --o-button-bg-color: var(--o-color-primary-light-9);
  --o-button-border-color: var(--o-color-primary-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-primary);
  --o-button-hover-border-color: var(--o-color-primary);
  --o-button-active-text-color: var(--o-color-white);
}

html.dark .o-button--primary.is-plain.is-disabled, html.dark .o-button--primary.is-plain.is-disabled:hover, html.dark .o-button--primary.is-plain.is-disabled:focus, html.dark .o-button--primary.is-plain.is-disabled:active, html.dark .o-button--primary.is-text.is-disabled, html.dark .o-button--primary.is-text.is-disabled:hover, html.dark .o-button--primary.is-text.is-disabled:focus, html.dark .o-button--primary.is-text.is-disabled:active, html.dark .o-button--primary.is-link.is-disabled, html.dark .o-button--primary.is-link.is-disabled:hover, html.dark .o-button--primary.is-link.is-disabled:focus, html.dark .o-button--primary.is-link.is-disabled:active {
  color: var(--o-color-primary-light-5);
  background-color: var(--o-color-primary-light-9);
  border-color: var(--o-color-primary-light-8);
}

html.dark .o-button--danger {
  --o-button-border-color: var(--o-status-error-bg-1-normal);
  --o-button-bg-color: var(--o-status-error-bg-1-normal);
  --o-button-text-color: var(--o-neutral-fg-oncolor);
  --o-button-disabled-text-color: var(--o-neutral-fg-disabled);
  --o-button-disabled-bg-color: var(--o-neutral-bg-disabled);
  --o-button-disabled-border-color: var(--o-neutral-stroke-disabled);
  --o-button-hover-text-color: var(--o-neutral-fg-oncolor);
  --o-button-hover-bg-color: var(--o-status-error-bg-1-hover);
  --o-button-hover-border-color: var(--o-status-error-bg-1-hover);
  --o-button-active-text-color: var(--o-neutral-fg-oncolor);
  --o-button-active-border-color: var(--o-status-error-bg-1-active);
  --o-button-active-bg-color: var(--o-status-error-bg-1-active);
}

html.dark .o-button--danger.is-plain, html.dark .o-button--danger.is-text, html.dark .o-button--danger.is-link {
  --o-button-text-color: var(--o-color-danger);
  --o-button-bg-color: var(--o-color-danger-light-9);
  --o-button-border-color: var(--o-color-danger-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-danger);
  --o-button-hover-border-color: var(--o-color-danger);
  --o-button-active-text-color: var(--o-color-white);
}

html.dark .o-button--danger.is-plain.is-disabled, html.dark .o-button--danger.is-plain.is-disabled:hover, html.dark .o-button--danger.is-plain.is-disabled:focus, html.dark .o-button--danger.is-plain.is-disabled:active, html.dark .o-button--danger.is-text.is-disabled, html.dark .o-button--danger.is-text.is-disabled:hover, html.dark .o-button--danger.is-text.is-disabled:focus, html.dark .o-button--danger.is-text.is-disabled:active, html.dark .o-button--danger.is-link.is-disabled, html.dark .o-button--danger.is-link.is-disabled:hover, html.dark .o-button--danger.is-link.is-disabled:focus, html.dark .o-button--danger.is-link.is-disabled:active {
  color: var(--o-color-danger-light-5);
  background-color: var(--o-color-danger-light-9);
  border-color: var(--o-color-danger-light-8);
}

html.dark .o-button--floating {
  --o-button-border-color: var(--o-neutral-stroke-accessible);
  --o-button-bg-color: var(--o-neutral-bg-transparent-normal);
  --o-button-text-color: var(--o-neutral-fg-2-normal);
  --o-button-hover-text-color: var(--o-neutral-fg-1-normal);
  --o-button-hover-bg-color: var(--o-neutral-bg-transparent-hover);
  --o-button-hover-border-color: var(--o-neutral-stroke-accessible);
  --o-button-active-text-color: var(--o-neutral-fg-1-normal);
  --o-button-active-border-color: var(--o-neutral-stroke-accessible);
  --o-button-active-bg-color: var(--o-neutral-bg-transparent-active);
}

html.dark .o-button--floating.is-plain, html.dark .o-button--floating.is-text, html.dark .o-button--floating.is-link {
  --o-button-text-color: var(--o-color-floating);
  --o-button-bg-color: var(--o-color-floating-light-9);
  --o-button-border-color: var(--o-color-floating-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-floating);
  --o-button-hover-border-color: var(--o-color-floating);
  --o-button-active-text-color: var(--o-color-white);
}

html.dark .o-button--floating.is-plain.is-disabled, html.dark .o-button--floating.is-plain.is-disabled:hover, html.dark .o-button--floating.is-plain.is-disabled:focus, html.dark .o-button--floating.is-plain.is-disabled:active, html.dark .o-button--floating.is-text.is-disabled, html.dark .o-button--floating.is-text.is-disabled:hover, html.dark .o-button--floating.is-text.is-disabled:focus, html.dark .o-button--floating.is-text.is-disabled:active, html.dark .o-button--floating.is-link.is-disabled, html.dark .o-button--floating.is-link.is-disabled:hover, html.dark .o-button--floating.is-link.is-disabled:focus, html.dark .o-button--floating.is-link.is-disabled:active {
  color: var(--o-color-floating-light-5);
  background-color: var(--o-color-floating-light-9);
  border-color: var(--o-color-floating-light-8);
}

html.dark .o-button--ghost-1 {
  --o-button-border-color: transparent;
  --o-button-bg-color: transparent;
  --o-button-text-color: var(--o-neutral-fg-2-normal);
  --o-button-disabled-text-color: var(--o-neutral-fg-disabled);
  --o-button-disabled-bg-color: transparent;
  --o-button-disabled-border-color: transparent;
  --o-button-hover-text-color: var(--o-neutral-fg-1-normal);
  --o-button-hover-bg-color: var(--o-neutral-bg-1-hover-2);
  --o-button-hover-border-color: var(--o-neutral-stroke-1-normal);
  --o-button-active-text-color: var(--o-neutral-fg-1-normal);
  --o-button-active-border-color: var(--o-neutral-stroke-1-normal);
  --o-button-active-bg-color: var(--o-neutral-bg-1-active-2);
}

html.dark .o-button--ghost-1.is-plain, html.dark .o-button--ghost-1.is-text, html.dark .o-button--ghost-1.is-link {
  --o-button-text-color: var(--o-color-ghost-1);
  --o-button-bg-color: var(--o-color-ghost-1-light-9);
  --o-button-border-color: var(--o-color-ghost-1-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-ghost-1);
  --o-button-hover-border-color: var(--o-color-ghost-1);
  --o-button-active-text-color: var(--o-color-white);
}

html.dark .o-button--ghost-1.is-plain.is-disabled, html.dark .o-button--ghost-1.is-plain.is-disabled:hover, html.dark .o-button--ghost-1.is-plain.is-disabled:focus, html.dark .o-button--ghost-1.is-plain.is-disabled:active, html.dark .o-button--ghost-1.is-text.is-disabled, html.dark .o-button--ghost-1.is-text.is-disabled:hover, html.dark .o-button--ghost-1.is-text.is-disabled:focus, html.dark .o-button--ghost-1.is-text.is-disabled:active, html.dark .o-button--ghost-1.is-link.is-disabled, html.dark .o-button--ghost-1.is-link.is-disabled:hover, html.dark .o-button--ghost-1.is-link.is-disabled:focus, html.dark .o-button--ghost-1.is-link.is-disabled:active {
  color: var(--o-color-ghost-1-light-5);
  background-color: var(--o-color-ghost-1-light-9);
  border-color: var(--o-color-ghost-1-light-8);
}

html.dark .o-button--ghost-2 {
  --o-button-border-color: transparent;
  --o-button-bg-color: transparent;
  --o-button-text-color: var(--o-neutral-fg-3-normal);
  --o-button-disabled-text-color: var(--o-neutral-fg-disabled);
  --o-button-disabled-bg-color: transparent;
  --o-button-disabled-border-color: transparent;
  --o-button-hover-text-color: var(--o-neutral-fg-1-normal);
  --o-button-hover-bg-color: var(--o-neutral-bg-1-hover-2);
  --o-button-hover-border-color: var(--o-neutral-stroke-1-normal);
  --o-button-active-text-color: var(--o-neutral-fg-1-normal);
  --o-button-active-border-color: var(--o-neutral-stroke-1-normal);
  --o-button-active-bg-color: var(--o-neutral-bg-1-active-2);
}

html.dark .o-button--ghost-2.is-plain, html.dark .o-button--ghost-2.is-text, html.dark .o-button--ghost-2.is-link {
  --o-button-text-color: var(--o-color-ghost-2);
  --o-button-bg-color: var(--o-color-ghost-2-light-9);
  --o-button-border-color: var(--o-color-ghost-2-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-ghost-2);
  --o-button-hover-border-color: var(--o-color-ghost-2);
  --o-button-active-text-color: var(--o-color-white);
}

html.dark .o-button--ghost-2.is-plain.is-disabled, html.dark .o-button--ghost-2.is-plain.is-disabled:hover, html.dark .o-button--ghost-2.is-plain.is-disabled:focus, html.dark .o-button--ghost-2.is-plain.is-disabled:active, html.dark .o-button--ghost-2.is-text.is-disabled, html.dark .o-button--ghost-2.is-text.is-disabled:hover, html.dark .o-button--ghost-2.is-text.is-disabled:focus, html.dark .o-button--ghost-2.is-text.is-disabled:active, html.dark .o-button--ghost-2.is-link.is-disabled, html.dark .o-button--ghost-2.is-link.is-disabled:hover, html.dark .o-button--ghost-2.is-link.is-disabled:focus, html.dark .o-button--ghost-2.is-link.is-disabled:active {
  color: var(--o-color-ghost-2-light-5);
  background-color: var(--o-color-ghost-2-light-9);
  border-color: var(--o-color-ghost-2-light-8);
}

html.dark .o-input {
  --o-input-text-color: var(--o-neutral-fg-2-normal);
  --o-input-border: var(--o-border);
  --o-input-hover-border: var(--o-border-color-hover);
  --o-input-focus-border: var(--o-color-primary);
  --o-input-transparent-border: 0 0 0 1px transparent inset;
  --o-input-border-color: var(--o-neutral-stroke-4-normal-ss);
  --o-input-border-radius: var(--o-radius-m);
  --o-input-bg-color: var(--o-neutral-bg-5-normal);
  --o-input-icon-color: var(--o-text-color-placeholder);
  --o-input-placeholder-color: var(--o-neutral-fg-disabled);
  --o-input-hover-border-color: var(--o-brand-stroke-1-hover);
  --o-input-clear-hover-color: var(--o-text-color-secondary);
  --o-input-focus-border-color: var(--o-brand-stroke-1-active);
  --o-input-width: 100%;
  --o-input-border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
  --o-input-disabled-fill: var(--o-neutral-bg-disabled);
  --o-input-disabled-border: var(--o-neutral-stroke-1-normal);
  --o-input-disabled-text-color: var(--o-neutral-fg-disabled);
  --o-input-disabled-placeholder-color: var(--o-neutral-fg-disabled);
  --o-input-readonly-fill: var(--o-neutral-bg-disabled);
  --o-input-readonly-border: var(--o-neutral-stroke-1-normal);
  --o-input-readonly-text-color: var(--o-neutral-fg-disabled);
  --o-input-readonly-placeholder-color: var(--o-neutral-fg-disabled);
}

html.dark .o-textarea {
  --o-input-text-color: var(--o-neutral-fg-2-normal);
  --o-input-border: var(--o-border);
  --o-input-hover-border: var(--o-border-color-hover);
  --o-input-focus-border: var(--o-color-primary);
  --o-input-transparent-border: 0 0 0 1px transparent inset;
  --o-input-border-color: var(--o-neutral-stroke-4-normal-ss);
  --o-input-border-radius: var(--o-radius-m);
  --o-input-bg-color: var(--o-neutral-bg-5-normal);
  --o-input-icon-color: var(--o-text-color-placeholder);
  --o-input-placeholder-color: var(--o-neutral-fg-disabled);
  --o-input-hover-border-color: var(--o-brand-stroke-1-hover);
  --o-input-clear-hover-color: var(--o-text-color-secondary);
  --o-input-focus-border-color: var(--o-brand-stroke-1-active);
  --o-input-width: 100%;
  --o-input-border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
  --o-input-disabled-fill: var(--o-neutral-bg-disabled);
  --o-input-disabled-border: var(--o-neutral-stroke-1-normal);
  --o-input-disabled-text-color: var(--o-neutral-fg-disabled);
  --o-input-disabled-placeholder-color: var(--o-neutral-fg-disabled);
  --o-input-readonly-fill: var(--o-neutral-bg-disabled);
  --o-input-readonly-border: var(--o-neutral-stroke-1-normal);
  --o-input-readonly-text-color: var(--o-neutral-fg-disabled);
  --o-input-readonly-placeholder-color: var(--o-neutral-fg-disabled);
}

html.dark .o-table {
  --o-table-bg-color: var(--o-neutral-bg-4-normal);
  --o-table-border-color: var(--o-neutral-stroke-2-subtle-ss);
  --o-table-border: 1px solid var(--o-table-border-color);
  --o-table-text-color: var(--o-neutral-fg-2-normal);
  --o-table-header-text-color: var(--o-neutral-fg-1-normal);
  --o-table-header-bg-color: var(--o-neutral-bg-4-hover);
  --o-table-header-right-border: 1px solid var(--o-neutral-stroke-2-normal);
  --o-table-tr-bg-color: var(--o-neutral-bg-4-normal);
  --o-table-tr-striped-bg-color: var(--o-neutral-bg-7-normal-ss);
  --o-table-row-hover-bg-color: var(--o-neutral-bg-1-hover-1);
  --o-table-current-row-bg-color: var(--o-brand-bg-2-selected);
  --o-table-tr-fix-hover-bg-color: var(--o-corresponding-virtual-real-table-hover);
  --o-table-fixed-box-shadow: var(--o-box-shadow-light);
  --o-table-expanded-cell-bg-color: var(--o-fill-color-blank);
  --o-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --o-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --o-table-index: var(--o-index-normal);
}

html.dark .o-checkbox {
  --o-checkbox-font-size: var(--o-font-size-medium);
  --o-checkbox-font-weight: var(--o-font-weight-primary);
  --o-checkbox-text-color: var(--o-text-color-regular);
  --o-checkbox-input-height: var(--o-font-size-medium);
  --o-checkbox-input-width: var(--o-font-size-medium);
  --o-checkbox-border-radius: var(--o-radius-s);
  --o-checkbox-bg-color: var(--o-fill-color-blank);
  --o-checkbox-input-border: var(--o-border);
  --o-checkbox-disabled-border-color: var(--o-border-color);
  --o-checkbox-disabled-input-fill: var(--o-fill-color-light);
  --o-checkbox-disabled-icon-color: var(--o-text-color-placeholder);
  --o-checkbox-disabled-checked-input-fill: var(--o-border-color-extra-light);
  --o-checkbox-disabled-checked-input-border-color: var(--o-border-color);
  --o-checkbox-disabled-checked-icon-color: var(--o-text-color-placeholder);
  --o-checkbox-checked-text-color: var(--o-color-primary);
  --o-checkbox-checked-input-border-color: var(--o-color-primary);
  --o-checkbox-checked-bg-color: var(--o-color-primary);
  --o-checkbox-checked-icon-color: var(--o-color-white);
  --o-checkbox-input-border-color-hover: var(--o-color-primary);
}

html.dark .o-cascader {
  --o-cascader-menu-text-color: var(--o-text-color-regular);
  --o-cascader-menu-selected-text-color: var(--o-color-primary);
  --o-cascader-menu-fill: var(--o-bg-color-overlay);
  --o-cascader-menu-font-size: var(--o-font-size-base);
  --o-cascader-menu-radius: var(--o-radius-s);
  --o-cascader-menu-border: solid 1px var(--o-border-color-light);
  --o-cascader-menu-shadow: var(--o-box-shadow-light);
  --o-cascader-node-background-hover: var(--o-fill-color-light);
  --o-cascader-node-color-disabled: var(--o-text-color-placeholder);
  --o-cascader-color-empty: var(--o-text-color-placeholder);
  --o-cascader-tag-background: var(--o-fill-color);
}

html.dark .o-radio {
  --o-radio-font-size: var(--o-font-size-base);
  --o-radio-text-color: var(--o-text-color-regular);
  --o-radio-font-weight: var(--o-font-weight-primary);
  --o-radio-input-height: 16px;
  --o-radio-input-width: 16px;
  --o-radio-input-border-radius: var(--o-radius-circle);
  --o-radio-input-bg-color: var(--o-fill-color-blank);
  --o-radio-input-border: 1px solid var(--o-neutral-stroke-4-hover-ss);
  --o-radio-input-border-color: var(--o-brand-bg-1-normal);
  --o-radio-input-border-color-hover: var(--o-brand-bg-1-hover);
  --o-radio-input-border-color-active: var(--o-brand-bg-1-active);
  --o-radio-disabled-color: var(--o-neutral-bg-disabled);
  --o-radio-checked-color: var(--o-neutral-bg-2-normal);
  --o-radio-label-color: var(--o-neutral-fg-2-normal);
  --o-radio-hover-border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

html.dark .o-select {
  --o-select-border-color-hover: var(--o-border-color-hover);
  --o-select-disabled-border: var(--o-disabled-border-color);
  --o-select-font-size: var(--o-font-size-base);
  --o-select-close-hover-color: var(--o-text-color-secondary);
  --o-select-input-color: var(--o-text-color-placeholder);
  --o-select-multiple-input-color: var(--o-text-color-regular);
  --o-select-input-focus-border-color: var(--o-brand-bg-1-normal);
  --o-select-input-font-size: 14px;
  --o-select-input-border-normal: var(--o-neutral-bg-2-normal);
  --o-select-input-border-bottom-normal: var(--o-neutral-bg-comp-active);
  --o-select-input-border-focus: var(--o-neutral-fg-1-normal);
  --o-select-input-border-hover-active: var(--o-neutral-fg-5-normal);
  --o-select-input-bg-normal: var(--o-neutral-bg-5-normal);
}

html.dark .o-select-option {
  --o-select-option-text-color: var(--o-text-color-regular);
  --o-select-option-disabled-color: var(--o-text-color-placeholder);
  --o-select-option-height: 34px;
  --o-select-option-hover-background: rgb(56, 62, 76);
  --o-select-option-active-background: rgb(31, 37, 47);
  --o-select-option-selected-text-color: var(--o-neutral-fg-2-normal);
  --o-select-option-base-color: var(--o-brand-bg-2-selected);
}

html.dark .o-select-group {
  --o-select-group-text-color: var(--o-neutral-fg-3-normal);
  --o-select-group-height: 30px;
  --o-select-group-font-size: 14px;
}

html.dark .o-select-dropdown {
  --o-select-option-text-color: var(--o-text-color-regular);
  --o-select-option-disabled-color: var(--o-text-color-placeholder);
  --o-select-option-height: 34px;
  --o-select-option-hover-background: rgb(56, 62, 76);
  --o-select-option-active-background: rgb(31, 37, 47);
  --o-select-option-selected-text-color: var(--o-neutral-fg-2-normal);
  --o-select-option-base-color: var(--o-brand-bg-2-selected);
  --o-select-dropdown-bg-color: var(--o-neutral-bg-1-normal);
  --o-select-dropdown-shadow: var(--o-box-shadow-light);
  --o-select-dropdown-empty-color: var(--o-text-color-secondary);
  --o-select-dropdown-max-height: 274px;
  --o-select-dropdown-padding: 6px 0;
  --o-select-dropdown-empty-padding: 10px 0;
  --o-select-dropdown-border: 1px solid var(--o-neutral-bg-comp-normal);
  --o-select-group-text-color: var(--o-neutral-fg-3-normal);
  --o-select-group-height: 30px;
  --o-select-group-font-size: 14px;
}

html.dark .o-form {
  --o-form-label-font-size: var(--o-font-size-base);
  --o-form-inline-content-width: 220px;
  --o-form-color-danger: var(--o-status-error-fg-1-normal);
}

html.dark .o-process {
  --o-process-text-color-regular: var(--o-neutral-fg-1-normal);
  --o-process-inline-content-width: 220px;
  --o-process-color-danger: var(--o-status-error-fg-1-normal);
}

html.dark .o-pagination {
  --o-pagination-font-size: 14px;
  --o-pagination-bg-color: var(--o-neutral-bg-9-normal);
  --o-pagination-text-color: var(--o-text-color-primary);
  --o-pagination-border-radius: var(--o-radius-m);
  --o-pagination-button-color: var(--o-neutral-fg-2-normal);
  --o-pagination-button-width: 32px;
  --o-pagination-button-height: 32px;
  --o-pagination-button-disabled-color: var(--o-neutral-fg-disabled);
  --o-pagination-button-disabled-bg-color: var(--o-neutral-bg-disabled);
  --o-pagination-button-active-bg-color: var(--o-neutral-bg-2-active);
  --o-pagination-button-hover-bg-color: var(--o-neutral-bg-2-hover);
  --o-pagination-button-bg-color: var(--o-fill-color);
  --o-pagination-hover-color: var(--o-neutral-fg-1-normal);
  --o-pagination-font-size-small: 12px;
  --o-pagination-button-width-small: 24px;
  --o-pagination-button-height-small: 24px;
  --o-pagination-item-gap: 16px;
}

html.dark .o-collapse {
  --o-collapse-border-color: var(--o-border-color-lighter);
  --o-collapse-header-height: 44px;
  --o-collapse-header-bg-color: transparent;
  --o-collapse-header-text-color: var(--o-neutral-fg-1-normal);
  --o-collapse-header-font-size: var(--o-font-size-large);
  --o-collapse-header-font-weight: var(--o-font-weight-bold);
  --o-collapse-content-bg-color: var(--o-brand-bg-3-selected);
  --o-collapse-content-font-size: var(--o-font-size-normal);
  --o-collapse-content-font-weight: var(--o-font-weight-normal);
  --o-collapse-content-text-color: var(--o-brand-fg-link-normal);
}

html.dark .o-slider {
  --o-slider-main-bg-color: var(--o-brand-bg-1-normal);
  --o-slider-runway-bg-color: var(--o-neutral-stroke-2-normal);
  --o-slider-stop-bg-color: var(--o-color-white);
  --o-slider-disabled-color: var(--o-neutral-fg-disabled);
  --o-slider-border-radius: var(--o-radius-s);
  --o-slider-height: 4px;
  --o-slider-button-size: 16px;
  --o-slider-button-wrapper-size: 36px;
  --o-slider-button-wrapper-offset: -16px;
  --o-slider-button-digit-width: 20px;
  --o-slider-button-digit-height: 14px;
}

html.dark .o-alert {
  --o-alert-padding: 5px 7px;
  --o-alert-border-radius-base: var(--o-border-radius-base);
  --o-alert-title-font-size: 14px;
  --o-alert-description-font-size: 12px;
  --o-alert-close-font-size: 12px;
  --o-alert-close-customed-font-size: 13px;
  --o-alert-icon-size: 16px;
  --o-alert-icon-large-size: 28px;
  --o-alert-bg-color-info: var(--o-brand-bg-2-normal);
  --o-alert-bg-color-warning: var(--o-status-warning-bg-2-normal);
  --o-alert-bg-color-error: var(--o-status-error-bg-2-normal);
  --o-alert-border-color-info: var(--o-brand-stroke-1-normal);
  --o-alert-border-color-warning: var(--o-status-warning-stroke-1-normal);
  --o-alert-border-color-error: var(--o-status-error-stroke-1-normal);
  --o-alert-icon-type-success: "";
  --o-alert-icon-type-info: "";
  --o-alert-icon-type-warning: "";
  --o-alert-icon-type-error: "";
  --o-alert-text-color: var(--o-neutral-fg-2-normal);
  --o-alert-icon-bg-info: var(--o-brand-stroke-comp-hover);
  --o-alert-icon-bg-warning: var(--o-status-warning-fg-1-normal);
  --o-alert-icon-bg-error: var(--o-status-error-fg-1-normal);
}

html.dark .o-tag {
  --o-tag-font-size: 12px;
  --o-tag-border-radius: 4px;
  --o-tag-border-radius-rounded: 9999px;
  --o-tag-color-primary: var(--o-neutral-fg-2-normal);
  --o-tag-color-primary-bg-color: var(--o-neutral-bg-disabled);
  --o-tag-color-primary-border-color: transparent;
  --o-tag-color-success: var(--o-status-success-fg-1-normal);
  --o-tag-color-success-bg-color: var(--o-status-success-bg-2-normal);
  --o-tag-color-success-border-color: var(--o-status-success-stroke-2-normal);
  --o-tag-color-info: var(--o-brand-fg-1-normal);
  --o-tag-color-info-bg-color: var(--o-brand-bg-2-normal);
  --o-tag-color-info-border-color: var(--o-brand-stroke-3-normal);
  --o-tag-color-warning: var(--o-status-yellow-fg-1-normal);
  --o-tag-color-warning-bg-color: var(--o-status-yellow-bg-2-normal-ss);
  --o-tag-color-warning-border-color: var(--o-status-yellow-stroke-2-normal-ss);
  --o-tag-color-danger: var(--o-status-error-fg-1-normal);
  --o-tag-color-danger-bg-color: var(--o-status-error-bg-2-normal);
  --o-tag-color-danger-border-color: var(--o-status-error-stroke-2-normal);
  --o-tag-color-disabled: var(--o-neutral-fg-disabled);
  --o-tag-color-disabled-bg-color: var(--o-neutral-bg-disabled);
  --o-tag-color-disabled-border-color: transparent;
  --o-tag-color-orange: var(--o-status-warning-fg-1-normal);
  --o-tag-color-orange-bg-color: var(--o-status-warning-bg-2-normal);
  --o-tag-color-orange-border-color: var(--o-status-warning-stroke-2-normal);
  --o-tag-color-cyan: var(--o-status-cyan-fg-1-normal-ss);
  --o-tag-color-cyan-bg-color: var(--o-status-cyan-bg-2-normal-ss);
  --o-tag-color-cyan-border-color: var(--o-status-cyan-stroke-2-normal-ss);
  --o-tag-color-purple: var(--o-status-purple-fg-1-normal-ss);
  --o-tag-color-purple-bg-color: var(--o-status-purple-bg-2-normal-ss);
  --o-tag-color-purple-border-color: var(--o-status-purple-stroke-2-normal-ss);
  --o-tag-color-gray: var(--o-status-grey-fg-1-normal-ss);
  --o-tag-color-gray-bg-color: var(--o-status-grey-bg-2-normal-ss);
  --o-tag-color-gray-border-color: var(--o-status-grey-stroke-2-normal-ss);
}

html.dark .o-tabs {
  --o-tabs-header-height: 40px;
  --o-tabs-active-bg-color: var(--o-brand-bg-3-selected);
}

html.dark .o-link {
  --o-link-font-size: var(--o-font-size-normal);
  --o-link-font-weight: normal;
  --o-link-line-height: 20px;
  --o-link-text-color: var(--o-brand-fg-1-normal);
  --o-link-hover-text-color: var(--o-brand-fg-1-hover);
  --o-link-active-text-color: var(--o-brand-fg-1-active);
  --o-link-disabled-text-color: var(--o-neutral-fg-disabled);
}

html.dark .o-dialog {
  --o-dialog-width: 50%;
  --o-dialog-margin-top: 15vh;
  --o-dialog-bg-color: var(--o-neutral-bg-3-normal);
  --o-dialog-box-shadow: var(--o-box-shadow);
  --o-dialog-title-font-size: var(--o-font-size-large);
  --o-dialog-content-font-size: 14px;
  --o-dialog-font-line-height: var(--o-font-line-height-primary);
  --o-dialog-padding-primary: 20px;
  --o-dialog-border-radius: var(--o-radius-l);
}

html.dark .o-popover {
  --o-popover-bg-color: var(--o-bg-color-overlay);
  --o-popover-font-size: var(--o-font-size-base);
  --o-popover-border-color: var(--o-border-color-lighter);
  --o-popover-padding: 12px;
  --o-popover-padding-large: 18px 20px;
  --o-popover-title-font-size: 16px;
  --o-popover-title-text-color: var(--o-neutral-fg-1-normal);
}

@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Regular.ttf");
}
@font-face {
  font-family: "LatoBold";
  src: url("fonts/Lato-Bold.ttf");
}
@font-face {
  font-family: "D-DIN-PRO";
  src: url("fonts/D-DIN-PRO-Bold.ttf");
}
@font-face {
  font-family: "icon-font";
  src: url("fonts/icon-font.ttf?t=1701484977044") format("truetype");
}
body {
  font-family: "Lato";
}

*::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}

*::-webkit-scrollbar:horizontal {
  height: 6px;
}

*::-webkit-scrollbar-thumb {
  border-radius: var(--o-radius-s);
  background-color: var(--o-neutral-bg-scrollbar-normal-ss);
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--o-neutral-bg-scrollbar-hover-ss);
}

*::-webkit-scrollbar-corner {
  background-color: transparent;
}

*::-webkit-scrollbar-track {
  background-color: transparent;
}

*::-webkit-scrollbar-track-piece {
  background: transparent;
}

.o-input-password.is-show-level {
  height: 44px;
}

@font-face {
  font-family: password;
  src: url("fonts/password.eot");
  src: url("fonts/password.eot?#iefix") format("embedded-opentype"), url("fonts/password.ttf?") format("truetype"), url("fonts/password.woff?") format("woff");
  font-weight: normal;
  font-style: normal;
}
.o-input-password.is-pass-model .o-input__inner {
  font-family: password;
}

.o-input-password__icon.o-button.is-icon-only {
  padding: 3px;
  height: 24px;
  width: 24px;
  margin: 0;
}

.o-input-password__icon.o-button.is-icon-only:last-of-type {
  margin-right: -4px;
}

.o-input-password__icon--clear.o-button {
  display: none;
}

.o-input-password .o-input__inner::-moz-placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-input-password .o-input__inner::placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-input-password .o-input .o-input__wrapper .o-input-password__icon .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-input-password .o-input .o-input__wrapper .o-input-password__icon:hover .o-icon__svg, .o-input-password .o-input .o-input__wrapper .o-input-password__icon:active .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-input-password .o-input:not(.is-disabled) .o-input__wrapper.is-focus .o-input-password__icon--clear {
  display: inline-flex;
}

.o-input-password .o-input:not(.is-disabled) .o-input__wrapper:hover .o-input-password__icon--clear {
  display: inline-flex;
}

.o-password-level {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  width: 100%;
}

.o-password-level > div {
  flex: 1;
  height: 4px;
  text-align: center;
  border: none;
  background-color: var(--o-neutral-stroke-2-normal);
  margin-left: 8px;
  border-radius: 2px;
}

.o-password-level > div:first-child {
  margin-left: 0;
}

.o-password-level.is-weak .weak {
  background-color: var(--o-status-error-bg-1-normal);
}

.o-password-level.is-middle .weak,
.o-password-level.is-middle .middle {
  background-color: var(--o-status-warning-bg-1-normal);
}

.o-password-level.is-strong .weak,
.o-password-level.is-strong .middle,
.o-password-level.is-strong .strong {
  background-color: var(--o-status-success-bg-1-normal);
}

.o-input-search__suffix {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 16px;
}

.o-input-search__suffix--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--o-radius-s);
  border: 1px solid transparent;
  cursor: var(--o-cursor-pointer);
}

.o-input-search__suffix--icon .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-input-search__suffix--icon:hover {
  background: var(--o-neutral-bg-1-hover-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-input-search__suffix--icon:hover .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-input-search__suffix--icon:active {
  background: var(--o-neutral-bg-1-active-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-input-search__suffix--icon:active .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-input-search .o-input__wrapper {
  padding-right: 3px;
}

.o-input-search.is-disabled .o-input-search__suffix--icon {
  cursor: default;
}

.o-input-search.is-disabled .o-input-search__suffix--icon:hover, .o-input-search.is-disabled .o-input-search__suffix--icon:active {
  border-color: transparent;
  background-color: transparent;
}

.o-input-search.is-disabled .o-input-search__suffix--icon:hover .o-icon__svg, .o-input-search.is-disabled .o-input-search__suffix--icon:active .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-form-item.is-error .o-input-search .o-input__wrapper {
  border: 1px solid var(--o-input-border-color);
  border-bottom-color: var(--o-input-border-bottom-color);
}

.o-form-item.is-error .o-input-search .o-input__wrapper.is-focus {
  border: 1px solid var(--o-input-focus-border-color);
  border-bottom-color: var(--o-input-focus-border-color);
}

.o-form-item.is-error .o-input-search .o-input__wrapper:hover:not(.is-focus) {
  border: 1px solid var(--o-input-hover-border-color);
  border-bottom-color: var(--o-input-hover-border-color);
}

.o-form-item.is-required:not(.is-no-asterisk) .o-input-search .o-input:before {
  display: none;
}

.o-form-item.is-required:not(.is-no-asterisk) .o-input-search .o-input__inner {
  padding-left: 8px;
}

.o-input-number {
  position: relative;
  display: inline-flex;
  height: 32px;
  line-height: 30px;
}

.o-input-number .o-input__wrapper {
  padding-right: 0;
  overflow: hidden;
}

.o-input-number .o-input__inner {
  width: 76px;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  line-height: 1;
}

.o-input-number .o-input__inner::-webkit-inner-spin-button, .o-input-number .o-input__inner::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.o-input-number:not(.is-disabled):hover .o-input-number__slot--controls {
  visibility: visible;
}

.o-input-number__slot {
  display: flex;
  flex-direction: row;
}

.o-input-number__slot--controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 32px;
  visibility: hidden;
  padding-right: 3px;
}

.o-input-number__slot--unit-text {
  background-color: var(--o-neutral-bg-8-normal-ss);
  padding: 0 8px;
  color: var(--o-neutral-fg-3-normal);
  height: calc(100% - 2px);
  line-height: 30px;
  margin: 1px 0;
  box-sizing: border-box;
}

.o-input-number__slot--unit-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: var(--o-neutral-bg-8-normal-ss);
  padding: 0 8px;
  color: var(--o-neutral-fg-3-normal);
  height: calc(100% - 2px);
  line-height: 30px;
  margin: 1px 0;
  box-sizing: border-box;
  cursor: var(--o-cursor-pointer);
}

.o-input-number__slot--unit-dropdown .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-input-number__slot--dropdown-menu.o-dropdown-menu,
.o-input-number__slot--dropdown-menu .o-dropdown-menu__item {
  width: auto;
}

.o-input-number__increase, .o-input-number__decrease {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 12px;
  width: 24px;
  background: transparent;
  color: var(--o-text-color-regular);
  cursor: var(--o-cursor-pointer);
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
  border-radius: var(--o-radius-s);
  border: 1px solid transparent;
}

.o-input-number__increase:hover, .o-input-number__decrease:hover {
  color: var(--o-color-primary);
  background-color: var(--o-neutral-bg-1-hover-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
}

.o-input-number__increase:hover ~ .o-input:not(.is-disabled) .o-input__wrapper, .o-input-number__decrease:hover ~ .o-input:not(.is-disabled) .o-input__wrapper {
  border-color: "--o-input-focus-border-color";
}

.o-input-number__increase:active, .o-input-number__decrease:active {
  background-color: var(--o-neutral-bg-1-active-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
}

.o-input-number__increase.is-disabled, .o-input-number__decrease.is-disabled {
  color: var(--o-disabled-text-color);
  cursor: var(--o-cursor-not-allowed);
  background: none;
  border: none;
}

.o-input-number__increase.is-disabled:hover, .o-input-number__increase.is-disabled:active, .o-input-number__decrease.is-disabled:hover, .o-input-number__decrease.is-disabled:active {
  background: none;
  border: none;
}

.o-input-number.is-disabled .o-input-number__increase, .o-input-number.is-disabled .o-input-number__decrease {
  border-color: var(--o-disabled-border-color);
  color: var(--o-disabled-border-color);
}

.o-input-number.is-disabled .o-input-number__increase:hover, .o-input-number.is-disabled .o-input-number__decrease:hover {
  color: var(--o-disabled-border-color);
  cursor: var(--o-cursor-not-allowed);
}

.o-input-number.is-disabled .o-input-number__increase:hover, .o-input-number.is-disabled .o-input-number__increase:active, .o-input-number.is-disabled .o-input-number__decrease:hover, .o-input-number.is-disabled .o-input-number__decrease:active {
  background: none;
  border: none;
}

.o-input-number.is-disabled .o-input-number__slot--unit-text {
  background-color: var(--o-neutral-bg-8-normal-ss);
  color: var(--o-neutral-fg-disabled);
}

.o-input-number.is-disabled .o-input-number__slot--unit-dropdown {
  background-color: var(--o-neutral-bg-8-normal-ss);
  cursor: var(--o-cursor-not-allowed);
  color: var(--o-neutral-fg-disabled);
}

.o-input-number.is-disabled .o-input-number__slot--unit-dropdown .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-date-table {
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-date-table.is-week-mode .o-date-table__row:hover .o-date-table-cell {
  background-color: var(--o-brand-bg-1-selected);
}

.o-date-table.is-week-mode .o-date-table__row:hover td.available:hover {
  color: var(--o-neutral-fg-2-normal);
}

.o-date-table.is-week-mode .o-date-table__row:hover td:first-child .o-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.o-date-table.is-week-mode .o-date-table__row:hover td:last-child .o-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.o-date-table.is-week-mode .o-date-table__row.current .o-date-table-cell {
  background-color: var(--o-brand-bg-1-selected);
}

.o-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: var(--o-cursor-pointer);
  position: relative;
}

.o-date-table td .o-date-table-cell {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}

.o-date-table td .o-date-table-cell .o-date-table-cell__text {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}

.o-date-table td.next-month, .o-date-table td.prev-month {
  color: var(--o-neutral-fg-5-normal);
}

.o-date-table td.today {
  position: relative;
}

.o-date-table td.today .o-date-table-cell__text {
  color: var(--o-color-primary);
  font-weight: bold;
}

.o-date-table td.today.start-date .o-date-table-cell__text, .o-date-table td.today.end-date .o-date-table-cell__text {
  color: #ffffff;
}

.o-date-table td.available:hover {
  color: var(--o-neutral-fg-2-normal);
}

.o-date-table td.in-range .o-date-table-cell {
  background-color: var(--o-brand-bg-1-selected);
}

.o-date-table td.in-range .o-date-table-cell:hover {
  background-color: var(--o-brand-bg-1-selected);
}

.o-date-table td.current:not(.disabled) .o-date-table-cell__text {
  color: #ffffff;
  background-color: var(--o-datepicker-active-color);
}

.o-date-table td.current:not(.disabled):focus-visible .o-date-table-cell__text {
  outline: 2px solid var(--o-datepicker-active-color);
  outline-offset: 1px;
}

.o-date-table td.start-date .o-date-table-cell, .o-date-table td.end-date .o-date-table-cell {
  color: #ffffff;
}

.o-date-table td.start-date .o-date-table-cell__text, .o-date-table td.end-date .o-date-table-cell__text {
  background-color: var(--o-datepicker-active-color);
}

.o-date-table td.start-date .o-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.o-date-table td.end-date .o-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.o-date-table td.disabled .o-date-table-cell {
  opacity: 1;
  cursor: not-allowed;
  color: var(--o-neutral-fg-5-normal);
}

.o-date-table td.selected .o-date-table-cell {
  margin-left: 5px;
  margin-right: 5px;
  background-color: var(--o-brand-bg-1-selected);
  border-radius: 15px;
}

.o-date-table td.selected .o-date-table-cell:hover {
  background-color: var(--o-brand-bg-1-selected);
}

.o-date-table td.selected .o-date-table-cell__text {
  background-color: var(--o-datepicker-active-color);
  color: #ffffff;
  border-radius: 15px;
}

.o-date-table td.week {
  font-size: 80%;
  color: var(--o-neutral-fg-2-normal);
}

.o-date-table td:focus {
  outline: none;
}

.o-date-table th {
  padding: 5px;
  color: var(--o-neutral-fg-2-normal);
  font-weight: 400;
  border-bottom: solid 1px var(--o-neutral-stroke-2-normal);
}

.o-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}

.o-month-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0;
  cursor: var(--o-cursor-pointer);
  position: relative;
}

.o-month-table td div {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}

.o-month-table td.today .cell {
  color: var(--o-color-primary);
  font-weight: bold;
}

.o-month-table td.today.start-date .cell, .o-month-table td.today.end-date .cell {
  color: #ffffff;
}

.o-month-table td.disabled .cell {
  cursor: not-allowed;
  color: var(--o-neutral-fg-5-normal);
}

.o-month-table td.disabled .cell:hover {
  color: var(--o-neutral-fg-5-normal);
}

.o-month-table td .cell {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--o-neutral-fg-2-normal);
  margin: 0 auto;
  border-radius: 18px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.o-month-table td .cell:hover {
  color: var(--o-neutral-fg-2-normal);
}

.o-month-table td.in-range div {
  background-color: var(--o-brand-bg-1-selected);
}

.o-month-table td.in-range div:hover {
  background-color: var(--o-brand-bg-1-selected);
}

.o-month-table td.start-date div, .o-month-table td.end-date div {
  color: #ffffff;
}

.o-month-table td.start-date .cell, .o-month-table td.end-date .cell {
  color: #ffffff;
  background-color: var(--o-datepicker-active-color);
}

.o-month-table td.start-date div {
  margin-left: 3px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.o-month-table td.end-date div {
  margin-right: 3px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.o-month-table td.current:not(.disabled) div {
  border-radius: 24px;
  margin-left: 3px;
  margin-right: 3px;
}

.o-month-table td.current:not(.disabled) .cell {
  color: #ffffff;
  background-color: var(--o-datepicker-active-color);
}

.o-month-table td:focus-visible {
  outline: none;
}

.o-month-table td:focus-visible .cell {
  outline: 2px solid var(--o-datepicker-active-color);
  outline-offset: 1px;
}

.o-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}

.o-year-table .o-icon {
  color: var(--o-datepicker-icon-color);
}

.o-year-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0px;
  cursor: var(--o-cursor-pointer);
  position: relative;
}

.o-year-table td div {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}

.o-year-table td.today .cell {
  color: var(--o-color-primary);
  font-weight: bold;
}

.o-year-table td.disabled .cell {
  cursor: not-allowed;
  color: var(--o-neutral-fg-5-normal);
}

.o-year-table td.disabled .cell:hover {
  color: var(--o-neutral-fg-5-normal);
}

.o-year-table td .cell {
  width: 54px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--o-neutral-fg-2-normal);
  border-radius: 18px;
  margin: 0 auto;
}

.o-year-table td .cell:hover {
  color: var(--o-neutral-fg-2-normal);
}

.o-year-table td.current:not(.disabled) div {
  border-radius: 24px;
  margin-left: 3px;
  margin-right: 3px;
}

.o-year-table td.current:not(.disabled) .cell {
  color: #ffffff;
  background-color: var(--o-datepicker-active-color);
}

.o-year-table td:focus-visible {
  outline: none;
}

.o-year-table td:focus-visible .cell {
  outline: 2px solid var(--o-datepicker-active-color);
  outline-offset: 1px;
}

.o-time-spinner.has-seconds .o-time-spinner__wrapper {
  width: 33.3%;
}

.o-time-spinner__wrapper {
  max-height: 192px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}

.o-time-spinner__wrapper.o-scrollbar__wrap:not(.o-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}

.o-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.o-time-spinner__wrapper.is-arrow .o-time-spinner__list {
  transform: translateY(-32px);
}

.o-time-spinner__wrapper.is-arrow .o-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  cursor: default;
}

.o-time-spinner__arrow {
  font-size: 12px;
  color: var(--o-text-color-secondary);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: var(--o-index-normal);
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: var(--o-cursor-pointer);
}

.o-time-spinner__arrow:hover {
  color: var(--o-color-primary);
}

.o-time-spinner__arrow.arrow-up {
  top: 10px;
}

.o-time-spinner__arrow.arrow-down {
  bottom: 10px;
}

.o-time-spinner__input.o-input {
  width: 70%;
}

.o-time-spinner__input.o-input .o-input__inner {
  padding: 0;
  text-align: center;
}

.o-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.o-time-spinner__list::after, .o-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.o-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: var(--o-neutral-fg-2-normal);
}

.o-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  cursor: var(--o-cursor-pointer);
}

.o-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--o-neutral-fg-2-normal);
  font-weight: bold;
}

.o-time-spinner__item.is-disabled {
  color: var(--o-text-color-placeholder);
  cursor: not-allowed;
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--o-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}

.o-fade-in-linear-enter-active,
.o-fade-in-linear-leave-active {
  transition: var(--o-transition-fade-linear);
}

.o-fade-in-linear-enter-from,
.o-fade-in-linear-leave-to {
  opacity: 0;
}

.o-fade-in-enter-active,
.o-fade-in-leave-active {
  transition: all var(--o-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.o-fade-in-enter-from,
.o-fade-in-leave-active {
  opacity: 0;
}

.o-zoom-in-center-enter-active,
.o-zoom-in-center-leave-active {
  transition: all var(--o-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.o-zoom-in-center-enter-from,
.o-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.o-zoom-in-top-enter-active,
.o-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--o-transition-md-fade);
  transform-origin: center top;
}

.o-zoom-in-top-enter-active[data-popper-placement^=top],
.o-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.o-zoom-in-top-enter-from,
.o-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.o-zoom-in-bottom-enter-active,
.o-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--o-transition-md-fade);
  transform-origin: center bottom;
}

.o-zoom-in-bottom-enter-from,
.o-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.o-zoom-in-left-enter-active,
.o-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: var(--o-transition-md-fade);
  transform-origin: top left;
}

.o-zoom-in-left-enter-from,
.o-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: height var(--o-transition-duration) ease-in-out, padding-top var(--o-transition-duration) ease-in-out, padding-bottom var(--o-transition-duration) ease-in-out;
}

.o-collapse-transition-leave-active,
.o-collapse-transition-enter-active {
  transition: max-height var(--o-transition-duration) ease-in-out, padding-top var(--o-transition-duration) ease-in-out, padding-bottom var(--o-transition-duration) ease-in-out;
}

.horizontal-collapse-transition {
  transition: width 0.3s linear;
}

.o-list-enter-active,
.o-list-leave-active {
  transition: all 1s;
}

.o-list-enter-from,
.o-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}

.o-list-leave-active {
  position: absolute !important;
}

.o-opacity-transition {
  transition: opacity var(--o-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.o-picker__popper {
  --o-datepicker-border-color: var(--o-disabled-border-color);
}

.o-picker__popper.o-popper {
  background: var(--o-bg-color-overlay);
  border: 1px solid var(--o-datepicker-border-color);
  box-shadow: var(--o-box-shadow-light);
}

.o-picker__popper.o-popper .o-popper__arrow {
  display: none;
}

.o-picker__popper.o-popper .o-popper__arrow::before {
  border: 1px solid var(--o-datepicker-border-color);
}

.o-picker__popper.o-popper[data-popper-placement^=top] .o-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}

.o-picker__popper.o-popper[data-popper-placement^=bottom] .o-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.o-picker__popper.o-popper[data-popper-placement^=left] .o-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.o-picker__popper.o-popper[data-popper-placement^=right] .o-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.o-date-editor {
  --o-date-editor-width: 100%;
  --o-date-editor-monthrange-width: 100%;
  --o-date-editor-daterange-width: 100%;
  --o-date-editor-datetimerange-width: 100%;
  --o-input-text-color: var(--o-text-color-regular);
  --o-input-border: var(--o-border);
  --o-input-hover-border: var(--o-border-color-hover);
  --o-input-focus-border: var(--o-color-primary);
  --o-input-transparent-border: 0 0 0 1px transparent inset;
  --o-input-border-color: var(--o-border-color);
  --o-input-border-radius: var(--o-border-radius-base);
  --o-input-bg-color: var(--o-fill-color-blank);
  --o-input-icon-color: var(--o-text-color-placeholder);
  --o-input-placeholder-color: var(--o-text-color-placeholder);
  --o-input-hover-border-color: var(--o-border-color-hover);
  --o-input-clear-hover-color: var(--o-text-color-secondary);
  --o-input-focus-border-color: var(--o-color-primary);
  --o-input-width: 100%;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.o-date-editor.o-input__wrapper {
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
}

.o-date-editor.o-input__wrapper:hover {
  border: 1px solid var(--o-neutral-stroke-accessible-2-ss);
  border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
}

.o-date-editor.o-input, .o-date-editor.o-input__wrapper {
  width: var(--o-date-editor-width);
  height: var(--o-input-height, var(--o-component-size));
}

.o-date-editor--monthrange {
  --o-date-editor-width: var(--o-date-editor-monthrange-width);
}

.o-date-editor--daterange, .o-date-editor--timerange {
  --o-date-editor-width: var(--o-date-editor-daterange-width);
}

.o-date-editor--datetimerange {
  --o-date-editor-width: var(--o-date-editor-datetimerange-width);
}

.o-date-editor--dates .o-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-date-editor .close-icon {
  cursor: var(--o-cursor-pointer);
}

.o-date-editor .clear-icon {
  cursor: var(--o-cursor-pointer);
}

.o-date-editor .clear-icon:hover {
  color: var(--o-text-color-secondary);
}

.o-date-editor .o-range__icon {
  height: inherit;
  font-size: 14px;
  color: var(--o-text-color-placeholder);
  float: left;
}

.o-date-editor .o-range__icon svg {
  vertical-align: middle;
}

.o-date-editor .o-range-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: var(--o-font-size-base);
  color: var(--o-neutral-fg-2-normal);
  background-color: transparent;
}

.o-date-editor .o-range-input::-moz-placeholder {
  color: var(--o-text-color-placeholder);
}

.o-date-editor .o-range-input::placeholder {
  color: var(--o-text-color-placeholder);
}

.o-date-editor .o-range-separator {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  font-size: 14px;
  overflow-wrap: break-word;
  color: var(--o-text-color-primary);
}

.o-date-editor .o-range__close-icon {
  font-size: 14px;
  color: var(--o-text-color-placeholder);
  height: inherit;
  width: unset;
  cursor: var(--o-cursor-pointer);
}

.o-date-editor .o-range__close-icon:hover {
  color: var(--o-text-color-secondary);
}

.o-date-editor .o-range__close-icon svg {
  vertical-align: middle;
}

.o-date-editor .o-range__close-icon--hidden {
  opacity: 0;
  visibility: hidden;
}

.o-range-editor.o-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  background-color: var(--o-neutral-bg-5-normal);
}

.o-range-editor.is-active {
  border: 1px solid var(--o-brand-stroke-1-active);
  border-bottom-color: var(--o-brand-stroke-1-active);
}

.o-range-editor.is-active:hover {
  border: 1px solid var(--o-brand-stroke-1-active);
  border-bottom-color: var(--o-brand-stroke-1-active);
}

.o-range-editor--large {
  line-height: var(--o-component-size-large);
}

.o-range-editor--large.o-input__wrapper {
  height: var(--o-component-size-large);
}

.o-range-editor--large .o-range-separator {
  line-height: 40px;
  font-size: 14px;
}

.o-range-editor--large .o-range-input {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}

.o-range-editor--small {
  line-height: var(--o-component-size-small);
}

.o-range-editor--small.o-input__wrapper {
  height: var(--o-component-size-small);
}

.o-range-editor--small .o-range-separator {
  line-height: 24px;
  font-size: 12px;
}

.o-range-editor--small .o-range-input {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}

.o-range-editor.is-disabled {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-stroke-1-normal);
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-range-editor.is-disabled:hover, .o-range-editor.is-disabled:focus {
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-range-editor.is-disabled input {
  background-color: transparent;
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-range-editor.is-disabled input::-moz-placeholder {
  color: var(--o-neutral-fg-disabled);
}

.o-range-editor.is-disabled input::placeholder {
  color: var(--o-neutral-fg-disabled);
}

.o-range-editor.is-disabled .o-range-separator {
  color: var(--o-neutral-fg-disabled);
}

.o-picker-panel {
  color: var(--o-neutral-fg-2-normal);
  line-height: 30px;
}

.o-picker-panel .o-time-panel {
  margin: 5px 0;
  border: solid 1px var(--o-neutral-stroke-3-normal);
  background-color: var(--o-neutral-bg-1-normal);
  box-shadow: var(--o-box-shadow-light);
}

.o-picker-panel__body::after, .o-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.o-picker-panel__content {
  position: relative;
  margin: 15px;
}

.o-picker-panel__footer {
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
  padding: 4px 12px;
  text-align: right;
  position: relative;
  font-size: 0;
}

.o-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: var(--o-neutral-fg-2-normal);
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: var(--o-cursor-pointer);
}

.o-picker-panel__shortcut:hover {
  color: var(--o-neutral-fg-2-normal);
}

.o-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--o-datepicker-active-color);
}

.o-picker-panel__btn {
  border: 1px solid var(--o-fill-color-darker);
  color: var(--o-text-color-primary);
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: var(--o-cursor-pointer);
  background-color: transparent;
  outline: none;
  font-size: 12px;
}

.o-picker-panel__btn[disabled] {
  color: var(--o-text-color-disabled);
  cursor: not-allowed;
}

.o-picker-panel__icon-btn {
  font-size: 12px;
  color: var(--o-datepicker-icon-color);
  border: 0;
  background: transparent;
  cursor: var(--o-cursor-pointer);
  outline: none;
  margin-top: 8px;
}

.o-picker-panel__icon-btn:hover {
  color: var(--o-neutral-fg-2-normal);
}

.o-picker-panel__icon-btn:focus-visible {
  color: var(--o-neutral-fg-2-normal);
}

.o-picker-panel__icon-btn.is-disabled {
  color: var(--o-text-color-disabled);
}

.o-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.o-picker-panel__icon-btn .o-icon {
  cursor: var(--o-cursor-pointer);
  font-size: inherit;
}

.o-picker-panel__link-btn {
  vertical-align: middle;
}

.o-picker-panel *[slot=sidebar],
.o-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid var(--o-neutral-stroke-2-normal);
  box-sizing: border-box;
  padding-top: 6px;
  background-color: var(--o-bg-color-overlay);
  overflow: auto;
}

.o-picker-panel *[slot=sidebar] + .o-picker-panel__body,
.o-picker-panel__sidebar + .o-picker-panel__body {
  margin-left: 110px;
}

.o-date-picker {
  --o-datepicker-text-color: var(--o-text-color-regular);
  --o-datepicker-off-text-color: var(--o-text-color-placeholder);
  --o-datepicker-header-text-color: var(--o-text-color-regular);
  --o-datepicker-icon-color: var(--o-text-color-primary);
  --o-datepicker-border-color: var(--o-disabled-border-color);
  --o-datepicker-inner-border-color: var(--o-border-color-light);
  --o-datepicker-inrange-bg-color: var(--o-border-color-extra-light);
  --o-datepicker-inrange-hover-bg-color: var(--o-border-color-extra-light);
  --o-datepicker-active-color: var(--o-color-primary);
  --o-datepicker-hover-text-color: var(--o-color-primary);
}

.o-date-picker.has-sidebar.has-time {
  width: 434px;
}

.o-date-picker.has-sidebar {
  width: 438px;
}

.o-date-picker.has-time .o-picker-panel__body-wrapper {
  position: relative;
}

.o-date-picker .o-picker-panel__content {
  width: 292px;
}

.o-date-picker table {
  table-layout: fixed;
  width: 100%;
}

.o-date-picker .o-icon {
  width: 1em;
  height: 1em;
  color: var(--o-neutral-fg-2-normal);
}

.o-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.o-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.o-date-picker__header {
  margin: 12px;
  text-align: center;
}

.o-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px var(--o-neutral-stroke-2-normal);
}

.o-date-picker__header--bordered + .o-picker-panel__content {
  margin-top: 0;
}

.o-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: var(--o-cursor-pointer);
  color: var(--o-neutral-fg-2-normal);
}

.o-date-picker__header-label:hover {
  color: var(--o-neutral-fg-2-normal);
}

.o-date-picker__header-label:focus-visible {
  outline: none;
  color: var(--o-neutral-fg-2-normal);
}

.o-date-picker__header-label.active {
  color: var(--o-datepicker-active-color);
}

.o-date-picker__prev-btn {
  float: left;
}

.o-date-picker__next-btn {
  float: right;
}

.o-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.o-date-picker__time-label {
  float: left;
  cursor: var(--o-cursor-pointer);
  line-height: 30px;
  margin-left: 10px;
}

.o-date-picker .o-time-panel {
  position: absolute;
}

.o-date-picker.is-clearable:not(.is-disabled):not(.is-empty):hover .o-date-picker__icon--calendar {
  display: none;
}

.o-date-picker.is-clearable:not(.is-disabled):not(.is-empty):hover .o-date-picker__icon--clear {
  display: inline-flex;
}

.o-date-picker__input .o-input__wrapper,
.o-date-picker__input input {
  cursor: default;
}

.o-date-picker__icon {
  font-size: 20px;
}

.o-date-picker__icon--calendar .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-date-picker__icon--clear.o-icon {
  display: none;
}

.o-date-picker__icon--clear .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-date-picker__date-status--reference {
  display: inline-flex;
}

.o-date-picker:hover .o-date-picker__icon--calendar .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-date-picker.is-disabled .o-date-picker__icon--calendar .o-icon__svg, .o-date-picker.is-disabled:hover .o-date-picker__icon--calendar .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-date-picker .o-date-editor {
  width: 100%;
  box-sizing: border-box;
  height: 32px;
}

.o-date-picker .o-date-editor.o-input {
  width: 100%;
}

.o-date-picker .o-date-editor.o-input__wrapper {
  width: 100%;
}

.o-date-picker__date-status {
  display: flex !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
}

.o-date-picker__date-status--cell {
  width: 36px;
  height: 32px;
}

.o-date-picker__date-status--cell.is-normal {
  color: var(--o-status-success-fg-1-normal);
  background-color: var(--o-status-success-bg-2-normal);
  border: 1px solid var(--o-status-success-stroke-2-normal);
  border-radius: var(--o-radius-m);
}

.o-date-picker__date-status--cell.is-abnormal {
  color: var(--o-status-error-fg-1-normal);
  background-color: var(--o-status-error-bg-2-normal);
  border: 1px solid var(--o-status-error-stroke-2-normal);
  border-radius: var(--o-radius-m);
}

.o-date-range-picker {
  --o-datepicker-text-color: var(--o-text-color-regular);
  --o-datepicker-off-text-color: var(--o-text-color-placeholder);
  --o-datepicker-header-text-color: var(--o-text-color-regular);
  --o-datepicker-icon-color: var(--o-text-color-primary);
  --o-datepicker-border-color: var(--o-disabled-border-color);
  --o-datepicker-inner-border-color: var(--o-border-color-light);
  --o-datepicker-inrange-bg-color: var(--o-border-color-extra-light);
  --o-datepicker-inrange-hover-bg-color: var(--o-border-color-extra-light);
  --o-datepicker-active-color: var(--o-color-primary);
  --o-datepicker-hover-text-color: var(--o-color-primary);
}

.o-date-range-picker {
  width: 646px;
}

.o-date-range-picker.has-sidebar {
  width: 756px;
}

.o-date-range-picker.has-time .o-picker-panel__body-wrapper {
  position: relative;
}

.o-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}

.o-date-range-picker .o-icon {
  width: 1em;
  height: 1em;
  color: var(--o-neutral-fg-2-normal);
}

.o-date-range-picker .o-picker-panel__body {
  min-width: 513px;
}

.o-date-range-picker .o-picker-panel__content {
  margin: 0;
}

.o-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}

.o-date-range-picker__header [class*=arrow-left] {
  float: left;
}

.o-date-range-picker__header [class*=arrow-right] {
  float: right;
}

.o-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.o-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}

.o-date-range-picker__content.is-left {
  border-right: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-date-range-picker__content .o-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.o-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}

.o-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.o-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.o-date-range-picker__time-header > .o-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: var(--o-datepicker-icon-color);
}

.o-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.o-date-range-picker__time-picker-wrap .o-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #ffffff;
}

.o-date-range-picker__time-picker-wrap .o-time-panel {
  position: absolute;
}

.o-time-range-picker {
  width: 354px;
  overflow: visible;
}

.o-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
  z-index: 1;
}

.o-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.o-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.o-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-time-panel {
  border-radius: 2px;
  position: relative;
  width: 180px;
  left: 0;
  z-index: var(--o-index-top);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: content-box;
}

.o-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}

.o-time-panel__content::after, .o-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -16px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}

.o-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}

.o-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
  border-top: 1px solid var(--o-neutral-stroke-3-normal);
  border-bottom: 1px solid var(--o-neutral-stroke-3-normal);
}

.o-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}

.o-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.o-time-panel__footer {
  border-top: 1px solid var(--o-neutral-stroke-3-normal);
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.o-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: var(--o-cursor-pointer);
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: var(--o-neutral-fg-2-normal);
}

.o-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--o-timepicker-active-color, var(--o-color-primary));
}

.o-select-dropdown-optional {
  position: relative;
  cursor: var(--o-cursor-pointer);
}

.o-select-dropdown-optional__footer {
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-select-dropdown-optional__add {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: var(--o-cursor-pointer);
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
  height: 40px;
  padding: 3px;
}

.o-select-dropdown-optional__add--core {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}

.o-select-dropdown-optional__add--core:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-select-dropdown-optional__add--core:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-select-dropdown-optional__add--core > .o-icon {
  margin-right: 4px;
  flex-shrink: 0;
}

.o-select-dropdown-optional__add--core > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-select-dropdown-optional.is-disabled {
  cursor: var(--o-cursor-not-allowed);
}

.o-select-dropdown-optional.is-disabled .o-select-dropdown-optional-reference .o-select-dropdown-optional-reference__custom-label {
  color: var(--o-neutral-fg-disable);
}

.o-select-dropdown-optional.is-disabled .o-select-dropdown-optional-reference .o-select-dropdown-optional-reference__suffix--arrow .o-icon__svg {
  color: var(--o-neutral-fg-disable);
}

.o-select-dropdown-optional.is-disabled .o-input__prefix,
.o-select-dropdown-optional.is-disabled .o-input__suffix {
  cursor: var(--o-cursor-not-allowed);
}

.o-select-dropdown-optional.is-disabled .o-input__prefix-inner .o-icon__svg, .o-select-dropdown-optional.is-disabled .o-input__suffix-inner .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-select-dropdown-optional.is-clearable:hover .o-select-dropdown-optional-reference__suffix--close {
  display: flex;
}

.o-select-dropdown-optional.is-clearable:hover .o-select-dropdown-optional-reference__suffix--close + .o-select-dropdown-optional-reference__suffix--arrow {
  display: none;
}

.o-select-dropdown-optional.is-opened .o-select-dropdown-optional-reference__container .o-input__wrapper,
.o-select-dropdown-optional.is-opened .o-select-dropdown-optional-reference__container .o-select-dropdown-optional-reference__custom-label:hover + .o-input:not(.is-disabled) .o-input__wrapper:not(.is-focus) {
  border-color: var(--o-brand-stroke-1-active);
}

.o-select-dropdown-optional.is-opened .o-select-dropdown-optional-reference__suffix--arrow .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-select-dropdown-optional .o-select-dropdown-optional-reference__container .o-input--prefix .o-input__inner {
  padding-left: 8px;
}

.o-select-dropdown-optional .o-select-dropdown-optional-reference__container .o-input__prefix {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  width: 30px;
}

.o-select-dropdown-optional .o-select-dropdown-optional-reference__container .o-input__wrapper {
  padding-left: 0;
}

.o-select-dropdown-optional .o-select-dropdown-optional-reference__container .o-input__prefix-inner > :last-child {
  margin-right: 0;
}

.o-select-dropdown-optional .o-select-dropdown-optional-reference__container .o-input__wrapper,
.o-select-dropdown-optional .o-select-dropdown-optional-reference__container .o-input__inner,
.o-select-dropdown-optional .o-select-dropdown-optional-reference__container .o-input__prefix,
.o-select-dropdown-optional .o-select-dropdown-optional-reference__container .o-input__suffix {
  cursor: var(--o-cursor-pointer);
}

.o-select-dropdown-optional.has-prefix-slot .o-input--prefix .o-input__inner {
  padding-left: 28px;
}

.o-select-dropdown-optional:hover .o-select-dropdown-optional-reference__suffix--arrow .o-icon__svg,
.o-select-dropdown-optional:hover .o-select-dropdown-optional-reference__suffix--close .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-select-dropdown-optional-reference__custom-label {
  color: var(--o-neutral-fg-2-normal);
}

.o-select-dropdown-optional-reference__custom-label:hover + .o-input:not(.is-disabled) .o-input__wrapper:not(.is-focus) {
  border: 1px solid var(--o-brand-stroke-1-hover);
  border-bottom-color: var(--o-brand-stroke-1-hover);
}

.o-select-dropdown-optional-reference__suffix--close {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  font-size: 20px;
  width: 24px;
  height: 24px;
}

.o-select-dropdown-optional-reference__suffix--close .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-select-dropdown-optional-reference__suffix--arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  width: 24px;
  height: 24px;
}

.o-select-dropdown-optional-reference__suffix--arrow .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-select-dropdown-optional-reference__container {
  position: relative;
}

.o-select-dropdown-optional-reference__container:hover .o-select-dropdown-reference:not(.is-disabled) > .o-input__wrapper:not(.is-focus) {
  border-color: #c1c3cc;
}

.o-select-dropdown-optional-reference__custom-label {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 8px;
  right: 30px;
  bottom: 0;
  font-size: 14px;
  line-height: 32px;
}

.o-select-dropdown-optional-reference > .o-input__wrapper {
  padding-right: 3px;
}

.o-select-dropdown-optional-reference > .o-input__wrapper .o-input__inner {
  text-overflow: ellipsis;
}

.o-select-dropdown-optional-reference > .o-input__wrapper .o-input__suffix-inner > :first-child {
  margin: 0;
}

.o-select-dropdown-optional-popover.o-popover.o-popper {
  padding: 0;
  max-height: 256px;
  overflow: auto;
}

.o-select-dropdown-optional-popover.o-popover.o-popper.is-popover-padding {
  padding: 3px;
}

.o-image-optional img {
  max-width: 100%;
  height: 100%;
}

.o-time-picker {
  position: relative;
  width: 100%;
  height: 32px;
}

.o-time-picker__wrapper {
  background-color: var(--o-neutral-bg-5-normal);
  border-radius: var(--o-radius-m);
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
  height: 100%;
  box-sizing: border-box;
}

.o-time-picker__wrapper:focus {
  border-color: var(--o-brand-stroke-1-active);
}

.o-time-picker__wrapper:hover {
  border-color: var(--o-brand-stroke-1-hover);
}

.o-time-picker__inner {
  width: 100%;
  color: var(--o-neutral-fg-2-normal);
  height: 30px;
  line-height: 30px;
  padding: 0 30px 0 8px;
  outline: 0;
  border: none;
  background: 0 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 15px;
}

.o-time-picker__operate {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-time-picker__operate--increment {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 12px;
  border: 1px solid transparent;
  border-radius: var(--o-radius-s);
  cursor: var(--o-cursor-pointer);
}

.o-time-picker__operate--increment:hover {
  background-color: var(--o-neutral-bg-1-hover-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-time-picker__operate--increment:hover .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-time-picker__operate--increment:active {
  background-color: var(--o-neutral-bg-1-active-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-time-picker__operate--increment:active .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-time-picker__operate--increment.is-disabled, .o-time-picker__operate--increment.is-disabled:hover, .o-time-picker__operate--increment.is-disabled:active {
  cursor: default;
  border: none;
  background-color: unset;
}

.o-time-picker__operate--increment.is-disabled .o-icon__svg, .o-time-picker__operate--increment.is-disabled:hover .o-icon__svg, .o-time-picker__operate--increment.is-disabled:active .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-time-picker__operate--decrease {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 12px;
  border: 1px solid transparent;
  border-radius: var(--o-radius-s);
  cursor: var(--o-cursor-pointer);
}

.o-time-picker__operate--decrease:hover {
  background-color: var(--o-neutral-bg-1-hover-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-time-picker__operate--decrease:hover .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-time-picker__operate--decrease:active {
  background-color: var(--o-neutral-bg-1-active-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-time-picker__operate--decrease:active .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-time-picker__operate--decrease.is-disabled, .o-time-picker__operate--decrease.is-disabled:hover, .o-time-picker__operate--decrease.is-disabled:active {
  cursor: default;
  border: none;
  background-color: unset;
}

.o-time-picker__operate--decrease.is-disabled .o-icon__svg, .o-time-picker__operate--decrease.is-disabled:hover .o-icon__svg, .o-time-picker__operate--decrease.is-disabled:active .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-time-picker__operate .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-time-picker:not(.is-disabled):hover .o-time-picker__operate {
  display: flex;
}

.o-time-picker.is-focus .o-time-picker__wrapper {
  border: 1px solid var(--o-brand-stroke-1-active);
}

.o-time-picker.is-disabled .o-time-picker__inner {
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-time-picker.is-disabled .o-time-picker__wrapper {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-form-item.is-error .o-time-picker .o-time-picker__wrapper {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-form-item.is-error .o-time-picker .o-time-picker__wrapper:hover {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-form-item.is-error .o-time-picker .o-time-picker__wrapper:focus {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-modificatory__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--o-neutral-bg-6-normal);
}

.o-modificatory__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.o-modificatory__body.has-margin {
  margin: 20px 24px;
}

.o-modificatory__body--step {
  margin-bottom: 20px;
}

.o-modificatory__body .o-modificatory-form__container:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.o-modificatory__body .o-modificatory-form__container:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 0;
}

.o-modificatory__footer {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 0 20px 24px;
  margin-top: -8px;
}

.o-modificatory-step__container {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.o-modificatory-step__sidebar {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  border-right: 4px solid var(--o-neutral-stroke-2-strong-ss);
}

.o-modificatory-step__sidebar .o-modificatory-form__container:first-child, .o-modificatory-step__sidebar .o-modificatory-form__container:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.o-modificatory-step__sidebar .o-modificatory-form__body {
  padding: 20px;
}

.o-modificatory-step__body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  position: relative;
}

.o-modificatory-step__body.is-sidebar .o-modificatory-form__container:first-child, .o-modificatory-step__body.is-sidebar .o-modificatory-form__container:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.o-modificatory-step__body.is-sidebar .o-modificatory-step__sidebar .o-modificatory-form__container:first-child, .o-modificatory-step__body.is-sidebar .o-modificatory-step__sidebar .o-modificatory-form__container:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.o-modificatory-step__scroll-parent {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.o-modificatory-step__catalog {
  flex-basis: 254px;
  flex-shrink: 0;
  padding-left: 22px;
  position: relative;
}

.o-modificatory-step__catalog-stamp {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  pointer-events: none;
  width: 210px;
}

.o-modificatory-form__container {
  display: flex;
  flex-direction: column;
  background-color: var(--o-neutral-bg-4-normal);
  margin-bottom: 4px;
}

.o-modificatory-form__container.is-inside-form {
  margin-bottom: 0;
}

.o-modificatory-form__container.is-inside-form.o-modificatory-form__container {
  border-radius: 0;
}

.o-modificatory-form__container.is-inside-form .o-modificatory-form__header {
  padding: 0 32px 20px 32px;
  border-bottom: none;
}

.o-modificatory-form__container.is-inside-form .o-modificatory-form__body {
  padding-top: 0;
}

.o-modificatory-form__container.is-inside-form .o-modificatory-form__header-title {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.o-modificatory-form__container.is-filled {
  flex: 1;
}

.o-modificatory-form__container.is-tab-mode {
  flex: 1;
  min-height: 0;
  margin-bottom: 0;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.o-modificatory-form__header {
  display: flex;
  flex-direction: column;
  padding: 14px 20px 13px 20px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-modificatory-form__header-right {
  display: flex;
  flex-direction: row;
}

.o-modificatory-form__header-right--remark {
  font-weight: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}

.o-modificatory-form__header-title {
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
  display: flex;
  flex-direction: row;
  color: var(--o-neutral-fg-1-normal);
  align-items: center;
  cursor: default;
}

.o-modificatory-form__header-title--container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 24px;
  line-height: 24px;
}

.o-modificatory-form__header-title--collapse {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}

.o-modificatory-form__header-title--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.o-modificatory-form__header-title--icon .o-icon {
  margin-right: 10px;
}

.o-modificatory-form__header-title--tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}

.o-modificatory-form__header-title--switch {
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-modificatory-form__header-title--config {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-left: 12px;
}

.o-modificatory-form__header-title--link {
  margin-left: 12px;
  cursor: var(--o-cursor-pointer);
  color: #4cb2ff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-modificatory-form__sub-title--container {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
  margin-top: 4px;
  max-width: 700px;
}

.o-modificatory-form__body {
  padding: 20px 32px 32px 32px;
  flex: 1;
  min-height: 0;
}

.o-modificatory-form__body.is-without-body-padding {
  padding: 0;
}

.o-modificatory-form__inside-form--container {
  padding: 0;
}

.o-modificatory-form__inside-form--container > .o-modificatory-form__container:first-of-type {
  padding-top: 20px;
}

.o-quarter-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: transparent;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}

.o-quarter-loading-mask.is-fullscreen {
  position: fixed;
}

.o-quarter-loading-mask.is-fullscreen .o-quarter-loading-spinner {
  margin-top: -30px;
}

.o-quarter-loading-mask.is-fullscreen .o-quarter-loading-spinner .circular {
  height: 60px;
  width: 60px;
}

.o-quarter-loading-mask.is-partial {
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-quarter-loading-spinner {
  box-shadow: var(--o-shadow-3-down);
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transform: translateX(-50%) translateY(-50%);
  height: 176px;
  width: 281px;
  text-align: center;
  position: absolute;
  background-color: var(--o-neutral-bg-3-normal);
  border: 1px solid var(--o-neutral-stroke-3-normal);
  border-radius: 4px;
}

.o-quarter-loading-spinner__partial {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.o-quarter-loading-spinner__partial--animation {
  width: 72px;
  height: 48px;
  background: url("./img/loading.png") center no-repeat;
}

.o-quarter-loading-spinner__partial .o-quarter-loading-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-quarter-loading-spinner .o-quarter-loading-text {
  color: var(--o-neutral-fg-2-normal);
  width: 100%;
  padding: 12px;
  margin: 0;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-quarter-loading-spinner .circular {
  height: 60px;
  width: 60px;
  padding: 8px;
  animation: quarter-loading-rotate 2.5s ease-in-out infinite;
}

.o-quarter-loading-spinner .path {
  animation: quarter-loading-dashing 2.5s ease-in-out infinite;
  stroke-dasharray: 2, 4;
  stroke-dashoffset: 0;
  stroke-width: 1;
  stroke: var(--o-neutral-fg-2-normal);
  stroke-linecap: round;
}

.o-quarter-loading-spinner i {
  color: var(--o-neutral-fg-2-normal);
}

.o-quarter-loading-spinner .o-quarter-loading-cancel {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  align-items: center;
  padding-right: 12px;
}

.o-quarter-loading-fade-enter, .o-quarter-loading-fade-leave-active {
  opacity: 1;
}

.o-quarter-loading-parent--relative {
  position: relative !important;
}

.o-quarter-loading-parent--hidden {
  overflow: hidden !important;
}

@keyframes quarter-loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes quarter-loading-dashing {
  0%, 100% {
    stroke-width: 1;
    opacity: 0;
    r: 0;
  }
  5% {
    stroke-dasharray: 2, 4;
    stroke-width: 1;
    opacity: 1;
    r: 4;
  }
  30%, 70% {
    stroke-dasharray: 30, 17;
    stroke-width: 4;
    r: 30;
    opacity: 1;
  }
  95% {
    stroke-dasharray: 2, 4;
    stroke-width: 1;
    r: 4;
    opacity: 1;
  }
}
.o-image-view__wrapper {
  outline: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.o-image-view__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: var(--o-cursor-pointer);
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-image-view__close {
  top: 20px;
  right: 24px;
}

.o-image-view__scale {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  pointer-events: none;
  top: calc(50% - 16px);
  left: calc(50% - 30px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  white-space: nowrap;
  color: var(--o-neutral-fg-2-normal);
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: var(--o-neutral-bg-transparent-normal);
  border: 1px solid var(--o-neutral-stroke-accessible);
  padding: 5px 11px;
  border-radius: var(--o-radius-m);
}

.o-image-view__canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-image-view__canvas--container {
  width: 80%;
  height: 80%;
}

.o-image-view__actions {
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  background-color: var(--o-neutral-bg-3-normal);
  border: 1px solid var(--o-neutral-stroke-3-normal);
  padding: 7px 11px;
  border-radius: var(--o-radius-m);
}

.o-image-view__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  gap: 8px;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
}

.o-image-view__prev {
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
}

.o-image-view__next {
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}

.o-image-view__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--o-neutral-bg-transparent-normal);
}

.o-image-view__img {
  max-width: 100%;
  max-height: 100%;
}

.o-image-view__img > img {
  width: 100%;
  height: 100%;
}

.o-card {
  display: inline-flex;
  flex-direction: column;
  background-color: var(--o-neutral-bg-4-normal);
  border-radius: var(--o-radius-l);
  box-sizing: border-box;
  border: none;
}

.o-card.is-padding-body .o-card__body {
  padding: 16px;
}

.o-card.is-spacing {
  margin-bottom: 12px;
  margin-right: 12px;
}

.o-card.is-border:hover {
  outline: 2px solid var(--o-brand-stroke-comp-hover);
  outline-offset: -2px;
}

.o-card.is-border:active {
  outline: 2px solid var(--o-brand-stroke-comp-active);
  outline-offset: -2px;
}

.o-card.is-hover-border:hover {
  outline: 2px solid var(--o-brand-stroke-comp-hover);
  outline-offset: -2px;
}

.o-card.is-activated, .o-card.is-activated:hover, .o-card.is-activated:active {
  outline: 2px solid var(--o-brand-stroke-comp-active);
  outline-offset: -2px;
}

.o-card.is-error .o-card__body--label {
  background-color: var(--o-status-error-bg-1-normal);
}

.o-card.is-warning .o-card__body--label {
  background-color: var(--o-status-warning-bg-1-normal);
}

.o-card.is-success .o-card__body--label {
  background-color: var(--o-status-success-bg-1-normal);
}

.o-card.is-has-header .o-card__body--label {
  border-top-left-radius: 0;
}

.o-card.is-has-footer .o-card__body--label {
  border-bottom-left-radius: 0;
}

.o-card__header {
  padding: 12px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-card__body {
  position: relative;
}

.o-card__body--label {
  width: 4px;
  background-color: var(--o-status-error-bg-1-normal);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-bottom-left-radius: var(--o-radius-l);
  border-top-left-radius: var(--o-radius-l);
}

.o-card__footer {
  display: flex;
  justify-content: space-between;
  padding: 11px 12px 12px 12px;
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-anchors {
  display: flex;
}

.o-anchors--vertical {
  flex-flow: column;
  border-left: 2px solid var(--o-neutral-stroke-2-normal);
  box-sizing: border-box;
}

.o-anchor {
  position: relative;
  flex-shrink: 1;
  height: 32px;
  color: var(--o-neutral-fg-3-normal);
}

.o-anchor:last-child {
  height: 20px;
}

.o-anchor:hover {
  color: var(--o-neutral-fg-2-normal);
}

.o-anchor:active {
  color: var(--o-neutral-fg-2-normal);
}

.o-anchor:last-of-type .o-anchor__line {
  display: none;
}

.o-anchor:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.o-anchor:last-of-type .o-anchor__main {
  padding-right: 0;
}

.o-anchor__line {
  display: none;
}

.o-anchor__end.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.o-anchor__main {
  padding-right: 0;
}

.o-anchor__head {
  position: relative;
  width: 100%;
}

.o-anchor__head.is-process .o-anchor__icon {
  position: relative;
  width: 2px;
  height: 20px;
  background-color: var(--o-brand-stroke-1-selected);
  transform: translateX(-2px);
}

.o-anchor__head.is-success {
  color: #29a000;
}

.o-anchor__head.is-error {
  color: #ff3300;
}

.o-anchor__icon-inner {
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  color: inherit;
}

.o-anchor__icon-inner[class*=o-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: 400;
}

.o-anchor__icon-inner.is-status {
  transform: translateY(1px);
}

.o-anchor__line {
  position: absolute;
  border-color: inherit;
}

.o-anchor__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  box-sizing: border-box;
  width: 0;
  height: 0;
}

.o-anchor__main {
  white-space: normal;
  text-align: left;
}

.o-anchor__title.is-process {
  color: var(--o-neutral-fg-1-normal);
}

.o-anchor__title.is-success {
  color: #29a000;
}

.o-anchor__title.is-error {
  color: #ff3300;
}

.o-anchor.is-vertical {
  display: flex;
}

.o-anchor.is-vertical .o-anchor__head {
  flex-grow: 0;
  width: 12px;
}

.o-anchor.is-vertical .o-anchor__main {
  flex-grow: 1;
  min-width: 0;
}

.o-anchor.is-vertical .o-anchor__title {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: var(--o-cursor-pointer);
}

.o-anchor.is-vertical .o-anchor__line {
  width: 2px;
  top: 2px;
  bottom: -2px;
  left: 7px;
}

.o-anchor.is-vertical .o-anchor__icon.is-icon {
  width: 16px;
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__7 {
  padding-left: 138px;
}

.o-anchor__7 .o-anchor__head {
  transform: translateX(-138px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__8 {
  padding-left: 161px;
}

.o-anchor__8 .o-anchor__head {
  transform: translateX(-161px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__7 {
  padding-left: 138px;
}

.o-anchor__7 .o-anchor__head {
  transform: translateX(-138px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__9 {
  padding-left: 184px;
}

.o-anchor__9 .o-anchor__head {
  transform: translateX(-184px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__7 {
  padding-left: 138px;
}

.o-anchor__7 .o-anchor__head {
  transform: translateX(-138px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__8 {
  padding-left: 161px;
}

.o-anchor__8 .o-anchor__head {
  transform: translateX(-161px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__7 {
  padding-left: 138px;
}

.o-anchor__7 .o-anchor__head {
  transform: translateX(-138px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__10 {
  padding-left: 207px;
}

.o-anchor__10 .o-anchor__head {
  transform: translateX(-207px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__7 {
  padding-left: 138px;
}

.o-anchor__7 .o-anchor__head {
  transform: translateX(-138px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__8 {
  padding-left: 161px;
}

.o-anchor__8 .o-anchor__head {
  transform: translateX(-161px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__7 {
  padding-left: 138px;
}

.o-anchor__7 .o-anchor__head {
  transform: translateX(-138px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__9 {
  padding-left: 184px;
}

.o-anchor__9 .o-anchor__head {
  transform: translateX(-184px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__7 {
  padding-left: 138px;
}

.o-anchor__7 .o-anchor__head {
  transform: translateX(-138px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__8 {
  padding-left: 161px;
}

.o-anchor__8 .o-anchor__head {
  transform: translateX(-161px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__7 {
  padding-left: 138px;
}

.o-anchor__7 .o-anchor__head {
  transform: translateX(-138px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__6 {
  padding-left: 115px;
}

.o-anchor__6 .o-anchor__head {
  transform: translateX(-115px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__5 {
  padding-left: 92px;
}

.o-anchor__5 .o-anchor__head {
  transform: translateX(-92px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__4 {
  padding-left: 69px;
}

.o-anchor__4 .o-anchor__head {
  transform: translateX(-69px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__3 {
  padding-left: 46px;
}

.o-anchor__3 .o-anchor__head {
  transform: translateX(-46px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-anchor__2 {
  padding-left: 23px;
}

.o-anchor__2 .o-anchor__head {
  transform: translateX(-23px);
}

.o-anchor__1 {
  padding-left: 0px;
}

.o-anchor__1 .o-anchor__head {
  transform: translateX(0px);
}

.o-transfer {
  display: flex;
}

.o-transfer.is-only-right > div {
  display: none;
}

.o-transfer.is-only-right > .o-transfer-panel:last-child {
  display: inline-flex;
}

.o-transfer-panel {
  background-color: var(--o-neutral-bg-5-normal);
  border-radius: var(--o-radius-l);
  border: 1px solid var(--o-neutral-stroke-2-normal);
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  max-height: 100%;
  height: 100%;
}

.o-transfer-panel__header {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-neutral-fg-1-normal);
  display: flex;
  align-items: center;
  padding: 11px 19px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  box-sizing: border-box;
  justify-content: space-between;
}

.o-transfer-panel__header--clear {
  margin: -6px 0;
}

.o-transfer-panel__header--title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-transfer-panel__header--description {
  font-style: normal;
  padding-left: 4px;
  color: var(--o-neutral-fg-3-normal);
}

.o-transfer-panel__body {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  flex: 1;
  overflow: hidden;
  padding: 12px 19px;
}

.o-transfer-panel__footer {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  padding: 11px 19px;
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-transfer-gap {
  width: 42px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-empty {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.o-empty.row {
  flex-direction: row;
}

.o-empty.row .o-empty__tips {
  margin: 0 0 0 8px;
  white-space: nowrap;
}

.o-empty__tips {
  color: var(--o-neutral-fg-2-normal);
  margin: 8px 0 0 0;
}

.o-empty__tips.with-button {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  text-align: center;
}

.o-empty__tips.without-button {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  text-align: center;
}

.o-empty__button {
  padding-top: 20px;
  color: var(--o-neutral-fg-oncolor);
}

.o-empty__button > .o-button {
  width: 256px;
}

.o-splitter {
  width: 100%;
  height: 100%;
  display: flex;
}

.o-splitter__aside {
  display: flex;
}

.o-splitter__aside--content {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.o-splitter__aside--line {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--o-neutral-stroke-2-strong-ss);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-splitter__aside--line.is-draggable:hover {
  background-color: var(--o-neutral-bg-1-normal);
}

.o-splitter__aside--line.is-draggable:hover--slider {
  background-color: var(--o-neutral-fg-2-normal);
}

.o-splitter__aside--line-slider {
  background-color: var(--o-neutral-fg-3-normal);
}

.o-splitter__aside--line-slider:hover {
  background-color: var(--o-neutral-fg-2-normal);
}

.o-splitter__aside.is-left {
  flex-direction: row;
}

.o-splitter__aside.is-left .o-splitter__aside--line {
  height: 100%;
  width: 4px;
}

.o-splitter__aside.is-left .o-splitter__aside--line.is-draggable {
  cursor: ew-resize;
}

.o-splitter__aside.is-left .o-splitter__aside--line-slider {
  height: 16px;
  width: 2px;
}

.o-splitter__aside.is-right {
  flex-direction: row-reverse;
}

.o-splitter__aside.is-right .o-splitter__aside--line {
  height: 100%;
  width: 4px;
}

.o-splitter__aside.is-right .o-splitter__aside--line.is-draggable {
  cursor: ew-resize;
}

.o-splitter__aside.is-right .o-splitter__aside--line-slider {
  height: 16px;
  width: 2px;
}

.o-splitter__aside.is-top {
  flex-direction: column;
}

.o-splitter__aside.is-top .o-splitter__aside--line {
  width: 100%;
  height: 4px;
}

.o-splitter__aside.is-top .o-splitter__aside--line.is-draggable {
  cursor: ns-resize;
}

.o-splitter__aside.is-top .o-splitter__aside--line-slider {
  width: 16px;
  height: 2px;
}

.o-splitter__aside.is-bottom {
  flex-direction: column-reverse;
}

.o-splitter__aside.is-bottom .o-splitter__aside--line {
  width: 100%;
  height: 4px;
}

.o-splitter__aside.is-bottom .o-splitter__aside--line.is-draggable {
  cursor: ns-resize;
}

.o-splitter__aside.is-bottom .o-splitter__aside--line-slider {
  width: 16px;
  height: 2px;
}

.o-splitter__main {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.o-splitter.is-dragging .o-splitter__aside--line {
  background-color: var(--o-neutral-bg-1-normal);
}

.o-splitter.is-dragging .o-splitter__aside--slider {
  background-color: var(--o-neutral-fg-2-normal);
}

.o-splitter.is-left {
  flex-direction: row;
}

.o-splitter.is-left.is-dragging {
  cursor: ew-resize;
}

.o-splitter.is-right {
  flex-direction: row-reverse;
}

.o-splitter.is-right.is-dragging {
  cursor: ew-resize;
}

.o-splitter.is-top {
  flex-direction: column;
}

.o-splitter.is-top.is-dragging {
  cursor: ns-resize;
}

.o-splitter.is-bottom {
  flex-direction: column-reverse;
}

.o-splitter.is-bottom.is-dragging {
  cursor: ns-resize;
}

.o-context-menu__container {
  width: 240px;
  box-sizing: border-box;
  border: 1px solid var(--o-neutral-stroke-3-normal);
  border-radius: var(--o-radius-l);
  background-color: var(--o-neutral-bg-1-normal);
  box-shadow: var(--o-shadow-2-down);
  cursor: default;
  z-index: 1001;
}

.o-context-menu__item {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  cursor: var(--o-cursor-pointer);
  display: flex;
  flex-direction: row;
  margin: 4px 3px;
  border-radius: var(--o-radius-s);
}

.o-context-menu__item > .content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  color: var(--o-neutral-fg-2-normal);
}

.o-context-menu__item > .prefix {
  flex-basis: 36px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.o-context-menu__item > .suffix {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 16px;
  flex-shrink: 0;
  margin-right: 8px;
}

.o-context-menu__item:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-context-menu__item:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-context-menu__item.has-divider {
  position: relative;
  margin-bottom: 9px;
}

.o-context-menu__item.has-divider:after {
  position: absolute;
  pointer-events: none;
  bottom: -5px;
  content: "";
  height: 1px;
  width: calc(100% + 6px);
  left: -3px;
  background-color: var(--o-neutral-stroke-2-normal);
}

.o-context-menu__group-popover {
  width: 240px;
}

.o-context-menu__group-popover.o-popover.o-popper {
  padding: 0;
}

.o-context-menu__group-popover .o-checkbox__label {
  display: none;
}

.o-context-menu__radio-group.o-radio-group {
  display: block;
}

.o-context-menu__radio-group .o-radio__label {
  display: none;
}

.o-action-bar {
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.o-action-bar.vertical-align-top {
  align-items: flex-start;
  height: 44px;
}

.o-action-bar.vertical-align-bottom {
  align-items: flex-end;
  height: 44px;
}

.o-action-bar__layout-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.o-action-bar__layout-more {
  flex-shrink: 0;
}

.o-action-bar__layout-more--reference {
  padding-right: 12px;
}

.o-action-bar__layout-more--reference.is-hide {
  z-index: -999;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.o-action-bar__layout-more--reference .o-icon {
  margin-left: 4px;
}

.o-action-bar__layout-more--popover.o-popover.o-popper {
  padding: 0;
}

.o-action-bar__layout-more--option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  cursor: var(--o-cursor-pointer);
  padding-left: 12px;
  border-radius: var(--o-radius-s);
  margin: 4px 3px;
}

.o-action-bar__layout-more--option.is-disabled {
  color: var(--o-neutral-fg-disabled);
}

.o-action-bar__layout-more--option.is-activated {
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
  background-color: var(--o-brand-bg-2-selected);
  color: var(--o-neutral-fg-2-normal);
}

.o-action-bar__layout-more--option:not(.is-disabled):not(.is-activated):hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-action-bar__layout-more--option:not(.is-disabled):not(.is-activated):active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-action-bar__layout-right {
  flex-shrink: 0;
}

.o-action-bar.is-hide {
  z-index: -999;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.o-action-item {
  flex-shrink: 0;
  padding-right: 12px;
}

.o-action-item__popover.o-popover.o-popper {
  padding: 0;
}

.o-action-item__popover-container {
  flex-shrink: 0;
  align-self: flex-start;
}

.o-action-item__option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  cursor: var(--o-cursor-pointer);
  padding-left: 12px;
  border-radius: var(--o-radius-s);
  margin: 4px 3px;
}

.o-action-item__option.is-disabled {
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-action-item__option:not(.is-disabled):hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-action-item__option:not(.is-disabled):active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-action-item.is-hide {
  z-index: -999;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.o-time-template {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.o-time-template + .o-period-panel__container {
  margin-top: 20px;
}

.o-time-template__option--input {
  margin: 11px 11px 12px 11px;
}

.o-time-template__option--container {
  margin: 0 3px 3px 3px;
  max-height: 156px;
}

.o-time-template__option--footer {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: var(--o-cursor-pointer);
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
  height: 40px;
  padding: 3px;
}

.o-time-template__option--footer-core {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}

.o-time-template__option--footer-core:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-time-template__option--footer-core:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-time-template__option--footer-core > .o-icon {
  margin-right: 4px;
  flex-shrink: 0;
}

.o-time-template__option--footer-core > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-time-template__option--icon {
  display: flex;
  align-items: center;
  visibility: hidden;
  height: 32px;
}

.o-time-template__option--add {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.o-time-template__option--add:hover {
  cursor: var(--o-cursor-pointer);
}

.o-time-template__option-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  cursor: var(--o-cursor-pointer);
}

.o-time-template__option-text {
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  color: var(--hwfe-color-primary-6);
}

.o-time-template-dialog__container {
  width: 100%;
  height: auto;
  display: flex;
  gap: 20px;
}

.o-time-template-dialog__container .o-transfer-panel__footer {
  padding: 3px;
}

.o-time-template-dialog__sidebar {
  width: 260px;
  height: 413px;
  border: 1px solid var(--o-neutral-stroke-2-normal);
  border-radius: var(--o-radius-m);
  margin-right: 20px;
  box-sizing: border-box;
}

.o-time-template-dialog__sidebar--input-search {
  margin-bottom: 12px;
}

.o-time-template-dialog__sidebar--options {
  height: 206px;
}

.o-time-template-dialog__sidebar--option {
  height: 100%;
}

.o-time-template-dialog__sidebar--add {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--o-radius-s);
  cursor: var(--o-cursor-pointer);
  gap: 4px;
  height: 32px;
  width: 100%;
  color: var(--o-neutral-fg-2-normal);
}

.o-time-template-dialog__sidebar--add.is-disabled {
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-time-template-dialog__sidebar--add.is-disabled, .o-time-template-dialog__sidebar--add.is-disabled:hover, .o-time-template-dialog__sidebar--add.is-disabled:active {
  background-color: unset;
}

.o-time-template-dialog__sidebar--add.is-disabled .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-time-template-dialog__sidebar--add:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-time-template-dialog__sidebar--add:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-time-template-dialog__sidebar--add-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-time-template-dialog__panel {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.o-time-template-dialog__panel--title {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-neutral-fg-1-normal);
  margin-bottom: 20px;
}

.o-time-template-dialog__panel--form .copy {
  display: flex;
  flex-direction: row;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  height: 20px;
  align-items: center;
}

.o-time-template-dialog__panel--form .copy .o-checkbox__label {
  color: var(--o-neutral-fg-6-ss);
}

.o-time-template-view__popper.o-popper.o-popover {
  padding: 11px;
}

.o-time-template-view__popper .o-period-panel__container {
  padding: 0;
  border: none;
  background-color: initial;
}

.o-time-template-link {
  display: inline;
}

.o-time-template-link__popper.o-popper.o-popover {
  padding: 11px;
}

.o-time-template-link__popper .o-period-panel__container {
  padding: 0;
  border: none;
  background-color: initial;
}

.o-tree-modern {
  height: 100%;
}

.o-tree-modern__scrollbar .o-scrollbar__view {
  height: 100%;
}

.o-tree-modern__scrollbar .o-scrollbar__bar.is-vertical {
  display: none;
}

.o-tree-modern__scrollbar > .o-scrollbar__wrap {
  margin-right: 6px;
}

.o-tree-modern.o-tree {
  position: unset;
  box-sizing: border-box;
}

.o-tree-modern .o-vl__wrapper {
  position: unset;
}

.o-tree-modern .o-tree-virtual-list {
  will-change: unset !important;
}

.o-tree-modern .o-tree-node__content {
  white-space: pre;
}

.o-tree-modern .o-tree-node__content .o-radio {
  margin-right: 0;
}

.o-tree-modern .o-tree__empty-block {
  height: 100%;
}

.o-holiday-template-select__container .o-select-dropdown__item:hover .o-holiday-template-select__option--icon, .o-holiday-template-select__container .o-select-dropdown__item.hover .o-holiday-template-select__option--icon, .o-holiday-template-select__container .o-select-dropdown__item.selected .o-holiday-template-select__option--icon {
  display: flex;
}

.o-holiday-template-select__option-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-holiday-template-select__option-container.o-select-dropdown__item {
  padding-right: 4px;
}

.o-holiday-template-select__option {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.o-holiday-template-select__option--icon {
  display: flex;
  align-items: center;
  display: none;
}

.o-holiday-template-select__option--icon .o-button--small + .o-button--small {
  margin: 0;
}

.o-holiday-template-select__option--add {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: var(--o-cursor-pointer);
  border-radius: 2px;
}

.o-holiday-template-select__option--add .o-icon {
  margin-right: 4px;
}

.o-holiday-template-select__option--add:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-holiday-template-select__option--add:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-holiday-template-select__option--add.is-disabled {
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-holiday-template-select__option--add.is-disabled, .o-holiday-template-select__option--add.is-disabled:hover, .o-holiday-template-select__option--add.is-disabled:active {
  background-color: unset;
}

.o-holiday-template-select__option--add-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-holiday-template-select__option-name {
  flex: 1;
  min-width: 0;
}

.o-holiday-template-select__option-name > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-holiday-template-dialog__container {
  width: 100%;
  height: auto;
  display: flex;
  gap: 20px;
}

.o-holiday-template-dialog__container .o-transfer-panel__footer {
  padding: 3px;
}

.o-holiday-template-dialog__list-view {
  height: 100%;
}

.o-holiday-template-dialog__sidebar--add {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--o-radius-s);
  cursor: var(--o-cursor-pointer);
  gap: 4px;
  height: 32px;
  width: 100%;
  color: var(--o-neutral-fg-2-normal);
}

.o-holiday-template-dialog__sidebar--add.is-disabled {
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-holiday-template-dialog__sidebar--add.is-disabled, .o-holiday-template-dialog__sidebar--add.is-disabled:hover, .o-holiday-template-dialog__sidebar--add.is-disabled:active {
  background-color: unset;
}

.o-holiday-template-dialog__sidebar--add.is-disabled .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-holiday-template-dialog__sidebar--add:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-holiday-template-dialog__sidebar--add:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-holiday-template-dialog__sidebar--add-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-holiday-template-dialog__panel {
  width: 620px;
}

.o-holiday-template-dialog__panel--title {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-neutral-fg-1-normal);
  margin-bottom: 20px;
}

.o-holiday-template-dialog__panel--holidays-title {
  margin-bottom: 12px;
}

.o-holiday-template-dialog__panel--holidays-table {
  margin-bottom: 20px;
}

.o-pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: var(--o-neutral-fg-2-normal);
  border-radius: 4px;
}

.o-pagination__layout-left {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
}

.o-pagination__layout-left strong {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
}

.o-pagination__layout-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
}

.o-pagination__minimal-container {
  margin: 0 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-pagination__minimal-container > div:nth-child(1) {
  color: var(--o-neutral-fg-2-normal);
}

.o-pagination__minimal-container > div:nth-child(2),
.o-pagination__minimal-container > div:nth-child(3) {
  color: var(--o-neutral-fg-3-normal);
}

.o-pagination__minimal-container--input-number {
  width: 56px;
}

.o-pagination__minimal-container--line {
  margin: 0 8px;
}

.o-pagination.has-height {
  height: 52px;
}

.o-pagination.is-disabled .o-pagination__minimal-container > div {
  color: var(--o-neutral-fg-disabled);
}

.o-notification {
  --o-notification-width: 330px;
  --o-notification-padding: 14px 26px 14px 13px;
  --o-notification-radius: 8px;
  --o-notification-shadow: var(--o-box-shadow-light);
  --o-notification-border-color: var(--o-border-color-lighter);
  --o-notification-icon-size: 24px;
  --o-notification-close-font-size: var(--o-message-close-size, 16px);
  --o-notification-group-margin-left: 13px;
  --o-notification-group-margin-right: 8px;
  --o-notification-content-font-size: var(--o-font-size-base);
  --o-notification-content-color: var(--o-text-color-regular);
  --o-notification-title-font-size: 16px;
  --o-notification-title-color: var(--o-text-color-primary);
  --o-notification-close-color: var(--o-text-color-secondary);
  --o-notification-close-hover-color: var(--o-text-color-regular);
}

.o-notification {
  display: flex;
  width: 360px;
  padding: 11px 43px 11px 11px;
  border-radius: var(--o-radius-m);
  box-sizing: border-box;
  border: 1px solid var(--o-neutral-stroke-3-normal);
  position: fixed;
  background-color: var(--o-neutral-bg-1-normal);
  box-shadow: var(--o-shadow-3-down);
  transition: opacity var(--o-transition-duration), transform var(--o-transition-duration), left var(--o-transition-duration), right var(--o-transition-duration), top 0.4s, bottom var(--o-transition-duration);
  overflow-wrap: break-word;
  overflow: hidden;
  z-index: 9999;
}

.o-notification.right {
  right: 16px;
}

.o-notification.left {
  left: 16px;
}

.o-notification__group {
  width: 100%;
  margin-left: 8px;
}

.o-notification__title {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-neutral-fg-1-normal);
  margin: 0;
}

.o-notification__content {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  margin-top: 8px;
  color: var(--o-neutral-fg-2-normal);
}

.o-notification__content p {
  margin: 0;
}

.o-notification .o-notification__icon {
  height: 20px;
  width: 20px;
}

.o-notification .o-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 18px;
  color: var(--o-neutral-fg-3-normal);
}

.o-notification .o-notification__closeBtn svg {
  display: none;
}

.o-notification .o-notification__closeBtn:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea03";
  font-size: 12px;
  line-height: 12px;
}

.o-notification .o-notification--success {
  --o-notification-icon-color: var(--o-color-success);
  color: var(--o-notification-icon-color);
}

.o-notification .o-notification--info {
  --o-notification-icon-color: var(--o-color-info);
  color: var(--o-notification-icon-color);
}

.o-notification .o-notification--warning {
  --o-notification-icon-color: var(--o-color-warning);
  color: var(--o-notification-icon-color);
}

.o-notification .o-notification--error {
  --o-notification-icon-color: var(--o-color-error);
  color: var(--o-notification-icon-color);
}

.o-notification__message {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--o-neutral-fg-2-normal);
}

.o-notification__message .o-tooltip-icon {
  margin-left: 4px;
  align-self: flex-start;
}

.o-notification__file {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 12px;
  margin-right: -32px;
}

.o-notification__detail {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 12px;
  margin-right: -32px;
}

.o-notification__detail--content {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  margin: 0;
  padding: 0;
}

.o-notification-fade-enter-from.right {
  right: 0;
  transform: translateX(100%);
}

.o-notification-fade-enter-from.left {
  left: 0;
  transform: translateX(-100%);
}

.o-notification-fade-leave-to {
  opacity: 0;
}

:root {
  --o-popup-modal-bg-color: var(--o-color-black);
  --o-popup-modal-opacity: 0.5;
}

.v-modal-enter {
  animation: v-modal-in var(--o-transition-duration-fast) ease;
}

.v-modal-leave {
  animation: v-modal-out var(--o-transition-duration-fast) ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--o-popup-modal-opacity);
  background: var(--o-popup-modal-bg-color);
}

.o-popup-parent--hidden {
  overflow: hidden;
}

.o-message-box {
  --o-messagebox-title-color: var(--o-text-color-primary);
  --o-messagebox-width: 420px;
  --o-messagebox-border-radius: 4px;
  --o-messagebox-box-shadow: var(--o-box-shadow);
  --o-messagebox-font-size: var(--o-font-size-large);
  --o-messagebox-content-font-size: var(--o-font-size-base);
  --o-messagebox-content-color: var(--o-text-color-regular);
  --o-messagebox-error-font-size: 12px;
  --o-messagebox-padding-primary: 12px;
  --o-messagebox-font-line-height: var(--o-font-line-height-primary);
}

.o-message-box {
  display: inline-block;
  position: relative;
  max-width: var(--o-messagebox-width);
  width: 100%;
  padding: var(--o-messagebox-padding-primary);
  vertical-align: middle;
  background: var(--o-neutral-bg-3-normal);
  border: 1px solid getCsVar("neutral-stroke-3-normal");
  border-radius: var(--o-messagebox-border-radius);
  font-size: var(--o-messagebox-font-size);
  box-shadow: var(--o-messagebox-box-shadow);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

.o-message-box:focus {
  outline: none !important;
}

.o-overlay.is-message-box .o-overlay-message-box {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  overflow: auto;
}

.o-overlay.is-message-box .o-overlay-message-box::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.o-message-box.is-draggable .o-message-box__header {
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-message-box__header {
  padding-bottom: var(--o-messagebox-padding-primary);
}

.o-message-box__header.show-close {
  padding-right: calc(var(--o-messagebox-padding-primary) + var(--o-message-close-size, 16px));
}

.o-message-box__title {
  font-size: var(--o-messagebox-font-size);
  line-height: var(--o-messagebox-font-line-height);
  color: var(--o-messagebox-title-color);
}

.o-message-box__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--o-message-close-size, 16px);
  cursor: var(--o-cursor-pointer);
}

.o-message-box__headerbtn .o-message-box__close {
  color: var(--o-color-info);
  font-size: inherit;
}

.o-message-box__headerbtn:focus .o-message-box__close, .o-message-box__headerbtn:hover .o-message-box__close {
  color: var(--o-color-primary);
}

.o-message-box__content {
  color: var(--o-messagebox-content-color);
  font-size: var(--o-messagebox-content-font-size);
}

.o-message-box__container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.o-message-box__input {
  padding-top: 12px;
}

.o-message-box__input div.invalid > input {
  border-color: var(--o-color-error);
}

.o-message-box__input div.invalid > input:focus {
  border-color: var(--o-color-error);
}

.o-message-box__status {
  font-size: 24px;
}

.o-message-box__status.o-message-box-icon--success {
  --o-messagebox-color: var(--o-color-success);
  color: var(--o-messagebox-color);
}

.o-message-box__status.o-message-box-icon--info {
  --o-messagebox-color: var(--o-color-info);
  color: var(--o-messagebox-color);
}

.o-message-box__status.o-message-box-icon--warning {
  --o-messagebox-color: var(--o-color-warning);
  color: var(--o-messagebox-color);
}

.o-message-box__status.o-message-box-icon--error {
  --o-messagebox-color: var(--o-color-error);
  color: var(--o-messagebox-color);
}

.o-message-box__message {
  margin: 0;
}

.o-message-box__message p {
  margin: 0;
  line-height: var(--o-messagebox-font-line-height);
}

.o-message-box__errormsg {
  color: var(--o-color-error);
  font-size: var(--o-messagebox-error-font-size);
  line-height: var(--o-messagebox-font-line-height);
}

.o-message-box__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--o-messagebox-padding-primary);
}

.o-message-box--center .o-message-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.o-message-box--center .o-message-box__status {
  font-size: inherit;
}

.o-message-box--center .o-message-box__btns {
  justify-content: center;
}

.o-message-box--center .o-message-box__container {
  justify-content: center;
}

.fade-in-linear-enter-active .o-overlay-message-box {
  animation: msgbox-fade-in var(--o-transition-duration);
}

.fade-in-linear-leave-active .o-overlay-message-box {
  animation: msgbox-fade-in var(--o-transition-duration) reverse;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.o-table-column-filter {
  padding: 0 !important;
  min-width: 0 !important;
}

.o-table-column-filter__list {
  margin: 0;
  list-style: none;
  overflow: hidden;
  padding: 0;
}

.o-table-column-filter__list--box {
  width: 100%;
  padding: 3px 4px 4px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  border-radius: var(--o-radius-s);
}

.o-table-column-filter__list--all {
  width: 100%;
  border-radius: var(--o-radius-s);
  padding-left: 10px;
  box-sizing: border-box;
}

.o-table-column-filter__list--all:not(.is-disabled):hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-table-column-filter__list--all:not(.is-disabled):active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-table-column-filter__list--all .o-checkbox {
  display: block;
  line-height: 37px;
}

.o-table-column-filter__list--group {
  max-height: 216px;
  padding: 2px 4px;
  overflow: auto;
}

.o-table-column-filter__list-item {
  line-height: 30px;
  padding: 0 10px;
  cursor: var(--o-cursor-pointer);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.o-table-column-filter__list-item.o-checkbox {
  border-radius: var(--o-radius-s);
  display: flex;
  margin: 2px 0;
}

.o-table-column-filter__list-item.o-checkbox .o-checkbox__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 24px;
}

.o-table-column-filter__list-item:not(.is-disabled):hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-table-column-filter__list-item:not(.is-disabled):active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-table-column-filter__footer {
  display: flex;
  flex-direction: row-reverse;
  height: 48px;
  padding: 12px 12px 12px 12px;
  box-sizing: border-box;
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-table-column-filter__footer--reset {
  margin-left: 12px;
}

.o-table-column-data-filter {
  padding: 0 !important;
  min-width: 0 !important;
}

.o-table-column-data-filter__list {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  padding: 2px 4px;
  margin: 0;
  list-style: none;
  background: var(--o-neutral-bg-1-normal);
  color: var(--o-neutral-fg-2-normal);
  max-height: 302px;
  overflow: auto;
}

.o-table-column-data-filter__list.is-multiple {
  padding: 0;
  overflow: hidden;
}

.o-table-column-data-filter__list-box {
  padding: 3px 4px 4px 4px;
  height: 31px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-table-column-data-filter__list-box .is-all {
  margin-top: -1px;
}

.o-table-column-data-filter__list-group {
  overflow: auto;
  max-height: 216px;
  padding: 2px 4px;
}

.o-table-column-data-filter__list-item {
  height: 32px;
  line-height: 30px;
  padding: 0 10px;
  cursor: var(--o-cursor-pointer);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.o-table-column-data-filter__list-item:not(.is-all) {
  margin-top: 2px;
  margin-bottom: 2px;
}

.o-table-column-data-filter__list-item.is-active {
  border-radius: var(--o-radius-s);
  background-color: var(--o-brand-bg-2-selected);
}

.o-table-column-data-filter__list-item.is-all .o-checkbox {
  display: block;
  line-height: 40px;
}

.o-table-column-data-filter__list-item.o-checkbox {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  border-radius: var(--o-radius-s);
}

.o-table-column-data-filter__list-item.o-checkbox .o-checkbox__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.o-table-column-data-filter__list-item:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-table-column-data-filter__list-item:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-table-column-data-filter__list--single {
  border-radius: var(--o-radius-s);
  border: 1px solid transparent;
  height: 30px;
  line-height: 32px;
}

.o-table-column-data-filter__list--single:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-table-column-data-filter__list--single.is-active {
  border-color: var(--o-brand-stroke-2-selected-ss);
}

.o-table-column-data-filter__list--single.is-active:hover {
  background-color: var(--o-brand-bg-2-selected);
}

.o-table-column-data-filter__column-filter-trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.o-table-column-data-filter__header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  max-width: calc(100% - 16px);
  display: inline-block;
  padding-right: 4px;
  box-sizing: border-box;
}

.o-table-column-data-filter__header-tooltip + .o-button {
  margin-left: 4px;
}

.o-table-column-data-filter__footer {
  display: flex;
  flex-direction: row-reverse;
  height: 47px;
  padding: 11px 12px 12px 12px;
  box-sizing: border-box;
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-table-column-data-filter__footer--reset {
  margin-left: 12px;
}

.o-table-column-reorder {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.o-table-column-reorder__header-title {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
  max-width: calc(100% - 16px);
  display: inline-block;
  line-height: 24px;
  padding-right: 4px;
  box-sizing: border-box;
}

.o-table-column-reorder__header-tooltip + .o-button {
  margin-left: 4px;
}

.o-time-config {
  display: flex;
  flex-direction: row;
  width: 300px;
}

.o-time-config .o-input-number .o-input__inner {
  max-width: unset;
  width: 48px;
}

.o-time-config__colon {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
  flex-shrink: 0;
  width: 12px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
}

.o-time-config.is-disabled .o-time-config__colon {
  color: var(--o-neutral-fg-disabled);
}

.o-time-config.is-ignore-second .o-input-number .o-input__inner {
  width: 100px;
}

.o-batch-loading-tree__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}

.o-batch-loading-tree__container.is-inside-select-dropdown .o-batch-loading-tree__search {
  padding: 8px 8px 0 8px;
}

.o-batch-loading-tree__container .o-tree-modern .o-tree-node.is-disabled {
  color: var(--o-neutral-fg-disabled);
}

.o-batch-loading-tree__container.padding {
  padding: 12px 12px 8px 12px;
}

.o-batch-loading-tree__search {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
  justify-content: space-between;
}

.o-batch-loading-tree__search--component {
  flex-grow: 1;
}

.o-batch-loading-tree__search--tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 12px;
  gap: 8px;
}

.o-batch-loading-tree__search--tab-button.o-button + .o-button {
  margin-left: 0;
}

.o-batch-loading-tree__info {
  margin-bottom: 12px;
}

.o-batch-loading-tree__body {
  display: flex;
  flex: 1;
  overflow: auto;
}

.o-batch-loading-tree__body--tree {
  flex: 1;
}

.o-batch-loading-tree__body--tree .o-radio {
  margin-right: 0;
}

.o-batch-loading-tree__body--tree-node {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.o-batch-loading-tree__body--tree-icon {
  display: flex;
  cursor: default;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  padding: 6px 0;
}

.o-batch-loading-tree__body--tree-label {
  white-space: pre;
  line-height: 32px;
}

.o-batch-loading-tree__body--search {
  width: 100%;
  height: 100%;
}

.o-batch-loading-tree__body--channel-tree {
  height: 100%;
  width: 100%;
}

.o-batch-loading-tree__body--device-tree {
  height: 100%;
  width: 100%;
}

.o-batch-loading-tree__body--organization-tree {
  height: 100%;
  width: 100%;
}

.o-batch-loading-tree__mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-batch-loading-tree__mask--gif {
  width: 72px;
  height: 48px;
  background: url("./img/loading.png") center no-repeat;
}

.o-batch-loading-tree__snapshot-popover--container {
  background-color: var(--o-neutral-bg-1-normal);
  border: 1px solid var(--o-neutral-stroke-3-normal);
  box-shadow: var(--o-shadow-3-down);
  padding: 11px;
  pointer-events: none;
  opacity: 0.8;
  width: 200px;
}

.o-batch-loading-tree__snapshot-popover--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  background-color: var(--o-neutral-bg-5-normal);
}

.o-batch-loading-tree__snapshot-popover--name {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
}

.o-dynamic-tab {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-dynamic-tab__tab-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-grow: 0;
  flex-basis: 52px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-dynamic-tab__tab-list--container {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: 0;
  align-self: flex-end;
}

.o-dynamic-tab__tab-list--slot {
  flex-shrink: 0;
}

.o-dynamic-tab__tab-list--item {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
  align-items: center;
  height: 24px;
  line-height: 24px;
  padding: 14px 20px 12px 20px;
  min-width: 200px;
  max-width: 216px;
  color: var(--o-neutral-fg-6-ss);
  box-sizing: content-box;
  cursor: default;
  border-bottom: 2px solid transparent;
}

.o-dynamic-tab__tab-list--item-title-bar {
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: none;
}

.o-dynamic-tab__tab-list--item-title-bar .o-dynamic-tab__tab-list--item-title {
  width: 100%;
}

.o-dynamic-tab__tab-list--item-title-bar::after {
  display: none;
}

.o-dynamic-tab__tab-list--item-second-level {
  padding: 9px 20px;
}

.o-dynamic-tab__tab-list--item .o-icon__svg {
  color: var(--o-neutral-fg-6-ss);
}

.o-dynamic-tab__tab-list--item.is-active {
  border-color: var(--o-brand-stroke-1-selected);
  color: var(--o-neutral-fg-1-normal);
}

.o-dynamic-tab__tab-list--item.is-active .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-dynamic-tab__tab-list--item.is-active:hover {
  background-color: transparent;
  border-color: var(--o-brand-stroke-1-selected);
}

.o-dynamic-tab__tab-list--item:hover::after, .o-dynamic-tab__tab-list--item.is-active::after, .o-dynamic-tab__tab-list--item.is-active-previous-sibling::after, .o-dynamic-tab__tab-list--item.is-hover-previous-sibling::after {
  display: none;
}

.o-dynamic-tab__tab-list--item:hover {
  background-color: var(--o-neutral-bg-1-hover-3-ss);
  color: var(--o-neutral-fg-1-normal);
}

.o-dynamic-tab__tab-list--item:hover .o-dynamic-tab__tab-list--item-close {
  opacity: 1;
}

.o-dynamic-tab__tab-list--item:hover .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-dynamic-tab__tab-list--item:active {
  background-color: var(--o-neutral-bg-1-active-3-ss);
  color: var(--o-neutral-fg-1-normal);
}

.o-dynamic-tab__tab-list--item:active .o-dynamic-tab__tab-list--item-close {
  opacity: 1;
}

.o-dynamic-tab__tab-list--item:active .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-dynamic-tab__tab-list--item::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 20px;
  background-color: #495061;
}

.o-dynamic-tab__tab-list--item-title {
  display: flex;
  align-items: center;
  width: calc(100% - 24px);
  gap: 4px;
}

.o-dynamic-tab__tab-list--item-title-text {
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
}

.o-dynamic-tab__tab-list--item-close {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--o-radius-s);
}

.o-dynamic-tab__tab-list--item-close:hover {
  opacity: 1;
  border-color: var(--o-neutral-stroke-1-normal);
  background: var(--o-neutral-bg-1-hover-2);
}

.o-dynamic-tab__tab-list--item-close:active {
  border-color: var(--o-neutral-stroke-1-normal);
  background: var(--o-neutral-bg-1-active-2);
}

.o-dynamic-tab__tab-list--more-tab {
  display: flex;
  align-items: center;
}

.o-dynamic-tab__tab-list--add {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
}

.o-dynamic-tab__tab-panel {
  flex: 1;
  min-height: 0;
}

.o-image-cutter {
  width: 144px;
  height: 144px;
  background-color: var(--o-neutral-bg-5-normal);
  border: 1px dashed var(--o-neutral-stroke-3-normal);
  border-radius: 2px;
  position: relative;
}

.o-image-cutter:hover {
  border-style: solid;
  border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

.o-image-cutter:hover .o-image-cutter__image-display--mask {
  display: flex;
}

.o-image-cutter:active {
  border-style: solid;
  border-color: var(--o-brand-fg-comp-active);
}

.o-image-cutter.is-filled, .o-image-cutter.is-filled:hover, .o-image-cutter.is-filled:active {
  border: 1px solid var(--o-neutral-stroke-3-normal);
}

.o-image-cutter__image-display {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.o-image-cutter__image-display--mask {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 5, 15, 0.5);
}

.o-image-cutter__image-display--clear {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--o-status-error-bg-1-normal);
  cursor: var(--o-cursor-pointer);
}

.o-image-cutter__image-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: var(--o-cursor-pointer);
}

.o-image-cutter__image-empty--title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
}

.o-image-cutter__image-empty--title .o-icon {
  margin-right: 4px;
}

.o-image-cutter__image-empty--description {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  margin-top: 4px;
  color: var(--o-neutral-fg-4-normal);
}

.o-image-cutter__input-file {
  display: none;
}

.o-fully-loaded-tree__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 12px 12px 8px 12px;
  box-sizing: border-box;
}

.o-fully-loaded-tree__search {
  margin-bottom: 12px;
}

.o-fully-loaded-tree__body {
  display: flex;
  flex: 1;
  overflow: auto;
}

.o-fully-loaded-tree__body--tree {
  flex: 1;
}

.o-fully-loaded-tree__body--tree-icon {
  display: flex;
  cursor: default;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.o-fully-loaded-tree__body--tree-label {
  white-space: pre;
}

.o-tree-view__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.o-tree-view__container.is-inside-select-dropdown .o-tree-view__search {
  padding: 8px 8px 12px 8px;
}

.o-tree-view__container.padding {
  padding: 12px 12px 8px 12px;
}

.o-tree-view__search {
  padding-bottom: 12px;
}

.o-tree-view__body {
  display: flex;
  flex: 1;
  overflow: auto;
}

.o-tree-view__body--tree {
  flex: 1;
}

.o-tree-view__body--tree-node-icon {
  cursor: default;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-tree-view__body--tree-node-label {
  white-space: pre;
  line-height: 32px;
}

.o-dynamic-tab-more__list {
  margin: 4px;
}

.o-dynamic-tab-more__list--item {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: content-box;
  padding: 6px 8px;
  height: 20px;
  color: var(--o-neutral-fg-2-normal);
}

.o-dynamic-tab-more__list--item:hover {
  background: var(--o-neutral-bg-1-hover-1);
}

.o-dynamic-tab-more__list--item:active {
  background: var(--o-neutral-bg-1-active-1);
}

.o-dynamic-tab-more__icon {
  height: 16px;
  width: 20px;
  padding-left: 12px;
}

:root {
  --o-color-white: #ffffff;
  --o-color-black: #000000;
  --o-color-primary-rgb: 64, 158, 255;
  --o-color-success-rgb: 103, 194, 58;
  --o-color-warning-rgb: 230, 162, 60;
  --o-color-danger-rgb: 245, 108, 108;
  --o-color-error-rgb: 245, 108, 108;
  --o-color-info-rgb: 144, 147, 153;
  --o-font-size-extra-large: 20px;
  --o-font-size-large: 18px;
  --o-font-size-medium: 16px;
  --o-font-size-base: 14px;
  --o-font-size-small: 13px;
  --o-font-size-extra-small: 12px;
  --o-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --o-font-weight-primary: 500;
  --o-font-line-height-primary: 24px;
  --o-index-normal: 1;
  --o-index-top: 1000;
  --o-index-popper: 2000;
  --o-border-radius-base: 4px;
  --o-border-radius-small: 2px;
  --o-border-radius-round: 20px;
  --o-border-radius-circle: 100%;
  --o-component-size-large: 40px;
  --o-component-size: 32px;
  --o-component-size-small: 24px;
}

:root {
  color-scheme: light;
  --o-color-primary: #409eff;
  --o-color-primary-light-3: #79bbff;
  --o-color-primary-light-5: #a0cfff;
  --o-color-primary-light-7: #c6e2ff;
  --o-color-primary-light-8: #d9ecff;
  --o-color-primary-light-9: #ecf5ff;
  --o-color-primary-dark-2: #337ecc;
  --o-color-success: #67c23a;
  --o-color-success-light-3: #95d475;
  --o-color-success-light-5: #b3e19d;
  --o-color-success-light-7: #d1edc4;
  --o-color-success-light-8: #e1f3d8;
  --o-color-success-light-9: #f0f9eb;
  --o-color-success-dark-2: #529b2e;
  --o-color-warning: #e6a23c;
  --o-color-warning-light-3: #eebe77;
  --o-color-warning-light-5: #f3d19e;
  --o-color-warning-light-7: #f8e3c5;
  --o-color-warning-light-8: #faecd8;
  --o-color-warning-light-9: #fdf6ec;
  --o-color-warning-dark-2: #b88230;
  --o-color-danger: #f56c6c;
  --o-color-danger-light-3: #f89898;
  --o-color-danger-light-5: #fab6b6;
  --o-color-danger-light-7: #fcd3d3;
  --o-color-danger-light-8: #fde2e2;
  --o-color-danger-light-9: #fef0f0;
  --o-color-danger-dark-2: #c45656;
  --o-color-error: #f56c6c;
  --o-color-error-light-3: #f89898;
  --o-color-error-light-5: #fab6b6;
  --o-color-error-light-7: #fcd3d3;
  --o-color-error-light-8: #fde2e2;
  --o-color-error-light-9: #fef0f0;
  --o-color-error-dark-2: #c45656;
  --o-color-info: #909399;
  --o-color-info-light-3: #b1b3b8;
  --o-color-info-light-5: #c8c9cc;
  --o-color-info-light-7: #dedfe0;
  --o-color-info-light-8: #e9e9eb;
  --o-color-info-light-9: #f4f4f5;
  --o-color-info-dark-2: #73767a;
  --o-bg-color: #ffffff;
  --o-bg-color-page: #f2f3f5;
  --o-bg-color-overlay: #ffffff;
  --o-text-color-primary: #303133;
  --o-text-color-regular: #606266;
  --o-text-color-secondary: #909399;
  --o-text-color-placeholder: #a8abb2;
  --o-text-color-disabled: #c0c4cc;
  --o-border-color: #dcdfe6;
  --o-border-color-light: #e4e7ed;
  --o-border-color-lighter: #ebeef5;
  --o-border-color-extra-light: #f2f6fc;
  --o-border-color-dark: #d4d7de;
  --o-border-color-darker: #cdd0d6;
  --o-fill-color: #f0f2f5;
  --o-fill-color-light: #f5f7fa;
  --o-fill-color-lighter: #fafafa;
  --o-fill-color-extra-light: #fafcff;
  --o-fill-color-dark: #ebedf0;
  --o-fill-color-darker: #e6e8eb;
  --o-fill-color-blank: #ffffff;
  --o-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  --o-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --o-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --o-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --o-disabled-bg-color: var(--o-fill-color-light);
  --o-disabled-text-color: var(--o-text-color-placeholder);
  --o-disabled-border-color: var(--o-border-color-light);
  --o-overlay-color: rgba(0, 0, 0, 0.8);
  --o-overlay-color-light: rgba(0, 0, 0, 0.7);
  --o-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --o-mask-color: rgba(255, 255, 255, 0.9);
  --o-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --o-border-width: 1px;
  --o-border-style: solid;
  --o-border-color-hover: var(--o-text-color-disabled);
  --o-border: var(--o-border-width) var(--o-border-style) var(--o-border-color);
  --o-svg-monochrome-grey: var(--o-border-color);
}

.o-icon-loading {
  animation: rotating 2s linear infinite;
}

.o-icon--right {
  margin-left: 5px;
}

.o-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.o-icon {
  --color: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.o-icon.is-loading {
  animation: rotating 2s linear infinite;
}

.o-affix--fixed {
  position: fixed;
}

.o-alert {
  --o-alert-padding: 8px 16px;
  --o-alert-border-radius-base: var(--o-border-radius-base);
  --o-alert-title-font-size: 14px;
  --o-alert-title-with-description-font-size: 16px;
  --o-alert-description-font-size: 14px;
  --o-alert-close-font-size: 16px;
  --o-alert-close-customed-font-size: 14px;
  --o-alert-icon-size: 16px;
  --o-alert-icon-large-size: 28px;
  max-width: 720px;
  padding: var(--o-alert-padding);
  margin: 0;
  box-sizing: border-box;
  border-radius: var(--o-alert-border-radius-base);
  position: relative;
  overflow: hidden;
  opacity: 1;
  display: inline-flex;
  align-items: flex-start;
  transition: opacity var(--o-transition-duration-fast);
}

.o-alert.is-light .o-alert__close-btn {
  color: var(--o-text-color-placeholder);
}

.o-alert.is-dark .o-alert__close-btn {
  color: var(--o-color-white);
}

.o-alert.is-dark .o-alert__description {
  color: var(--o-color-white);
}

.o-alert.is-center {
  justify-content: center;
}

.o-alert.is-closable .o-alert__content {
  padding-right: 24px;
}

.o-alert--success {
  --o-alert-bg-color: var(--o-color-success-light-9);
}

.o-alert--success.is-light {
  background-color: var(--o-alert-bg-color-success);
  color: var(--o-alert-text-color);
  border: 1px solid var(--o-alert-border-color-success);
}

.o-alert--success.is-light .o-alert__description {
  color: var(--o-color-success);
}

.o-alert--success.is-dark {
  background-color: var(--o-color-success);
  color: var(--o-color-white);
}

.o-alert--success .o-alert__icon {
  font-size: var(--o-alert-icon-size);
  width: var(--o-alert-icon-size);
}

.o-alert--success .o-alert__icon svg {
  display: none;
}

.o-alert--success .o-alert__icon:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: var(--o-alert-icon-type-success);
  font-size: 12px;
  line-height: 12px;
}

.o-alert--success .o-alert__icon:before {
  font-size: 18px;
  line-height: 20px;
  color: var(--o-alert-icon-bg-success);
}

.o-alert--info {
  --o-alert-bg-color: var(--o-color-info-light-9);
}

.o-alert--info.is-light {
  background-color: var(--o-alert-bg-color-info);
  color: var(--o-alert-text-color);
  border: 1px solid var(--o-alert-border-color-info);
}

.o-alert--info.is-light .o-alert__description {
  color: var(--o-color-info);
}

.o-alert--info.is-dark {
  background-color: var(--o-color-info);
  color: var(--o-color-white);
}

.o-alert--info .o-alert__icon {
  font-size: var(--o-alert-icon-size);
  width: var(--o-alert-icon-size);
}

.o-alert--info .o-alert__icon svg {
  display: none;
}

.o-alert--info .o-alert__icon:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: var(--o-alert-icon-type-info);
  font-size: 12px;
  line-height: 12px;
}

.o-alert--info .o-alert__icon:before {
  font-size: 18px;
  line-height: 20px;
  color: var(--o-alert-icon-bg-info);
}

.o-alert--warning {
  --o-alert-bg-color: var(--o-color-warning-light-9);
}

.o-alert--warning.is-light {
  background-color: var(--o-alert-bg-color-warning);
  color: var(--o-alert-text-color);
  border: 1px solid var(--o-alert-border-color-warning);
}

.o-alert--warning.is-light .o-alert__description {
  color: var(--o-color-warning);
}

.o-alert--warning.is-dark {
  background-color: var(--o-color-warning);
  color: var(--o-color-white);
}

.o-alert--warning .o-alert__icon {
  font-size: var(--o-alert-icon-size);
  width: var(--o-alert-icon-size);
}

.o-alert--warning .o-alert__icon svg {
  display: none;
}

.o-alert--warning .o-alert__icon:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: var(--o-alert-icon-type-warning);
  font-size: 12px;
  line-height: 12px;
}

.o-alert--warning .o-alert__icon:before {
  font-size: 18px;
  line-height: 20px;
  color: var(--o-alert-icon-bg-warning);
}

.o-alert--error {
  --o-alert-bg-color: var(--o-color-error-light-9);
}

.o-alert--error.is-light {
  background-color: var(--o-alert-bg-color-error);
  color: var(--o-alert-text-color);
  border: 1px solid var(--o-alert-border-color-error);
}

.o-alert--error.is-light .o-alert__description {
  color: var(--o-color-error);
}

.o-alert--error.is-dark {
  background-color: var(--o-color-error);
  color: var(--o-color-white);
}

.o-alert--error .o-alert__icon {
  font-size: var(--o-alert-icon-size);
  width: var(--o-alert-icon-size);
}

.o-alert--error .o-alert__icon svg {
  display: none;
}

.o-alert--error .o-alert__icon:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: var(--o-alert-icon-type-error);
  font-size: 12px;
  line-height: 12px;
}

.o-alert--error .o-alert__icon:before {
  font-size: 18px;
  line-height: 20px;
  color: var(--o-alert-icon-bg-error);
}

.o-alert__content {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: block;
  padding-left: 4px;
}

.o-alert .o-alert__icon {
  font-size: var(--o-alert-icon-size);
  width: 20px;
}

.o-alert .o-alert__icon svg {
  display: none;
}

.o-alert__title {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: block;
  vertical-align: text-top;
}

.o-alert .o-alert__description {
  font-size: var(--o-alert-description-font-size);
  margin: 5px 0 0 0;
}

.o-alert .o-alert__close-btn {
  font-size: var(--o-alert-close-font-size);
  opacity: 1;
  position: absolute;
  top: 3px;
  right: 4px;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border-radius: var(--o-radius-s);
  cursor: var(--o-cursor-pointer);
}

.o-alert .o-alert__close-btn svg {
  display: none;
}

.o-alert .o-alert__close-btn:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea03";
  font-size: 12px;
  line-height: 12px;
}

.o-alert .o-alert__close-btn:hover {
  background-color: var(--o-neutral-bg-1-hover-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-alert .o-alert__close-btn:active {
  background-color: var(--o-neutral-bg-1-active-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-alert .o-alert__close-btn.is-customed {
  font-style: normal;
  font-size: var(--o-alert-close-customed-font-size);
  line-height: 24px;
  top: 8px;
}

.o-alert-fade-enter-from,
.o-alert-fade-leave-active {
  opacity: 0;
}

.o-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
  width: var(--o-aside-width, 300px);
}

.o-autocomplete {
  --o-input-text-color: var(--o-text-color-regular);
  --o-input-border: var(--o-border);
  --o-input-hover-border: var(--o-border-color-hover);
  --o-input-focus-border: var(--o-color-primary);
  --o-input-transparent-border: 0 0 0 1px transparent inset;
  --o-input-border-color: var(--o-border-color);
  --o-input-border-radius: var(--o-border-radius-base);
  --o-input-bg-color: var(--o-fill-color-blank);
  --o-input-icon-color: var(--o-text-color-placeholder);
  --o-input-placeholder-color: var(--o-text-color-placeholder);
  --o-input-hover-border-color: var(--o-border-color-hover);
  --o-input-clear-hover-color: var(--o-text-color-secondary);
  --o-input-focus-border-color: var(--o-color-primary);
  --o-input-width: 100%;
}

.o-autocomplete {
  width: var(--o-input-width);
  position: relative;
  display: inline-block;
}

.o-autocomplete__popper.o-popper {
  background: var(--o-bg-color-overlay);
  border: 1px solid var(--o-border-color-light);
  box-shadow: var(--o-box-shadow-light);
}

.o-autocomplete__popper.o-popper .o-popper__arrow {
  display: none;
}

.o-autocomplete__popper.o-popper .o-popper__arrow::before {
  border: 1px solid var(--o-border-color-light);
}

.o-autocomplete__popper.o-popper[data-popper-placement^=top] .o-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}

.o-autocomplete__popper.o-popper[data-popper-placement^=bottom] .o-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.o-autocomplete__popper.o-popper[data-popper-placement^=left] .o-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.o-autocomplete__popper.o-popper[data-popper-placement^=right] .o-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.o-autocomplete-suggestion {
  border-radius: var(--o-border-radius-base);
  box-sizing: border-box;
}

.o-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box;
}

.o-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.o-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: var(--o-cursor-pointer);
  color: var(--o-text-color-regular);
  font-size: var(--o-font-size-base);
  list-style: none;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.o-autocomplete-suggestion li:hover {
  background-color: var(--o-fill-color-light);
}

.o-autocomplete-suggestion li.highlighted {
  background-color: var(--o-fill-color-light);
}

.o-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid var(--o-color-black);
}

.o-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}

.o-autocomplete-suggestion.is-loading li {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  color: var(--o-text-color-secondary);
}

.o-autocomplete-suggestion.is-loading li::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.o-autocomplete-suggestion.is-loading li:hover {
  background-color: var(--o-bg-color-overlay);
}

.o-autocomplete-suggestion.is-loading .o-icon-loading {
  vertical-align: middle;
}

.o-avatar {
  --o-avatar-text-color: var(--o-color-white);
  --o-avatar-bg-color: var(--o-text-color-disabled);
  --o-avatar-text-size: 14px;
  --o-avatar-icon-size: 18px;
  --o-avatar-border-radius: var(--o-border-radius-base);
  --o-avatar-size-large: 56px;
  --o-avatar-size: 40px;
  --o-avatar-size-small: 24px;
  --o-avatar-size: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  color: var(--o-avatar-text-color);
  background: var(--o-avatar-bg-color);
  width: var(--o-avatar-size);
  height: var(--o-avatar-size);
  font-size: var(--o-avatar-text-size);
}

.o-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
}

.o-avatar--circle {
  border-radius: 50%;
}

.o-avatar--square {
  border-radius: var(--o-avatar-border-radius);
}

.o-avatar--icon {
  font-size: var(--o-avatar-icon-size);
}

.o-avatar--small {
  --o-avatar-size: 24px;
}

.o-avatar--large {
  --o-avatar-size: 56px;
}

.o-backtop {
  --o-backtop-bg-color: var(--o-bg-color-overlay);
  --o-backtop-text-color: var(--o-color-primary);
  --o-backtop-hover-bg-color: var(--o-border-color-extra-light);
  position: fixed;
  background-color: var(--o-neutral-bg-transparent-normal);
  border: 1px solid var(--o-neutral-stroke-accessible);
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: var(--o-radius-circle);
  color: var(--o-backtop-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: var(--o-box-shadow-lighter);
  cursor: var(--o-cursor-pointer);
  z-index: 5;
}

.o-backtop:hover {
  background-color: var(--o-neutral-bg-transparent-hover);
}

.o-backtop:active {
  background-color: var(--o-neutral-bg-transparent-active);
}

.o-backtop .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-backtop .o-icon .o-icon__svg:hover, .o-backtop .o-icon .o-icon__svg:active {
  color: var(--o-neutral-fg-1-normal);
}

.o-icon__icon {
  font-size: 20px;
}

.o-badge {
  --o-badge-bg-color: var(--o-color-danger);
  --o-badge-radius: 50px;
  --o-badge-font-size: 12px;
  --o-badge-padding: 4px;
  --o-badge-size: 16px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
}

.o-badge-hide-num .o-badge__content {
  opacity: 0;
}

.o-badge__content {
  background-color: var(--o-status-error-bg-1-normal);
  border-radius: var(--o-badge-radius);
  color: var(--o-color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: var(--o-badge-size);
  min-width: var(--o-badge-size);
  padding: 0 var(--o-badge-padding);
  white-space: nowrap;
  box-sizing: border-box;
  font-family: D-DIN-PRO;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.o-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: calc(1px + var(--o-badge-size) / 2);
  transform: translateY(-50%) translateX(100%);
  z-index: var(--o-index-normal);
}

.o-badge__content.is-fixed.is-dot {
  right: 3px;
}

.o-badge__content.is-dot {
  height: 6px;
  width: 6px;
  min-width: 6px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.o-breadcrumb {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.o-breadcrumb__item {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
  line-height: 24px;
  max-width: 256px;
  box-sizing: border-box;
  border: 1px solid transparent;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  color: var(--o-neutral-fg-3-normal);
}

.o-breadcrumb__item.is-hide {
  z-index: -999;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.o-breadcrumb__item.is-activated {
  color: var(--o-neutral-fg-2-normal);
}

.o-breadcrumb__item:hover {
  color: var(--o-neutral-fg-2-normal);
  border: 1px solid var(--o-neutral-stroke-1-normal);
  border-radius: var(--o-radius-s);
  background-color: var(--o-neutral-bg-1-hover-2);
}

.o-breadcrumb__separator {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--o-neutral-fg-3-normal);
}

.o-breadcrumb__separator.is-hide {
  z-index: -999;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.o-breadcrumb__ellipsis--reference {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.o-breadcrumb__ellipsis--popover.o-popover.o-popper {
  padding: 3px;
}

.o-breadcrumb__ellipsis--popover .o-scrollbar__bar {
  right: 0;
}

.o-breadcrumb__ellipsis--popover .o-scrollbar__wrap {
  max-height: 248px;
}

.o-breadcrumb__ellipsis--popover .o-scrollbar__view {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.o-breadcrumb__ellipsis--option {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--o-neutral-fg-2-normal);
  cursor: default;
  height: 32px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: var(--o-radius-s);
}

.o-breadcrumb__ellipsis--option:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-breadcrumb__ellipsis--option:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-breadcrumb__ellipsis--option.is-activated {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
}

.o-button-group {
  display: inline-block;
  vertical-align: middle;
}

.o-button-group::before,
.o-button-group::after {
  display: table;
  content: "";
}

.o-button-group::after {
  clear: both;
}

.o-button-group > .o-button {
  float: left;
  position: relative;
}

.o-button-group > .o-button + .o-button {
  margin-left: 0;
}

.o-button-group > .o-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.o-button-group > .o-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.o-button-group > .o-button:first-child:last-child {
  border-top-right-radius: var(--o-radius-m);
  border-bottom-right-radius: var(--o-radius-m);
  border-top-left-radius: var(--o-radius-m);
  border-bottom-left-radius: var(--o-radius-m);
}

.o-button-group > .o-button:first-child:last-child.is-round {
  border-radius: var(--o-border-radius-round);
}

.o-button-group > .o-button:first-child:last-child.is-circle {
  border-radius: 50%;
}

.o-button-group > .o-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.o-button-group > .o-button:not(:last-child) {
  margin-right: -1px;
}

.o-button-group > .o-button:hover, .o-button-group > .o-button:focus, .o-button-group > .o-button:active {
  z-index: 1;
}

.o-button-group > .o-button.is-active {
  z-index: 1;
}

.o-button-group > .o-dropdown > .o-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--primary:first-child {
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--primary:last-child {
  border-left-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--primary:not(:first-child):not(:last-child) {
  border-left-color: var(--o-button-divide-border-color);
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--success:first-child {
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--success:last-child {
  border-left-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--success:not(:first-child):not(:last-child) {
  border-left-color: var(--o-button-divide-border-color);
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--warning:first-child {
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--warning:last-child {
  border-left-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--warning:not(:first-child):not(:last-child) {
  border-left-color: var(--o-button-divide-border-color);
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--danger:first-child {
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--danger:last-child {
  border-left-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--danger:not(:first-child):not(:last-child) {
  border-left-color: var(--o-button-divide-border-color);
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--info:first-child {
  border-right-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--info:last-child {
  border-left-color: var(--o-button-divide-border-color);
}

.o-button-group .o-button--info:not(:first-child):not(:last-child) {
  border-left-color: var(--o-button-divide-border-color);
  border-right-color: var(--o-button-divide-border-color);
}

.o-button {
  --o-button-font-weight: var(--o-font-weight-primary);
  --o-button-border-color: var(--o-border-color);
  --o-button-bg-color: var(--o-fill-color-blank);
  --o-button-text-color: var(--o-text-color-regular);
  --o-button-disabled-text-color: var(--o-disabled-text-color);
  --o-button-disabled-bg-color: var(--o-fill-color-blank);
  --o-button-disabled-border-color: var(--o-border-color-light);
  --o-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --o-button-hover-text-color: var(--o-color-primary);
  --o-button-hover-bg-color: var(--o-color-primary-light-9);
  --o-button-hover-border-color: var(--o-color-primary-light-7);
  --o-button-active-text-color: var(--o-button-hover-text-color);
  --o-button-active-border-color: var(--o-color-primary);
  --o-button-active-bg-color: var(--o-button-hover-bg-color);
  --o-button-outline-color: var(--o-color-primary-light-5);
  --o-button-hover-link-text-color: var(--o-color-info);
  --o-button-active-color: var(--o-text-color-primary);
}

.o-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  white-space: nowrap;
  cursor: var(--o-cursor-pointer);
  color: var(--o-button-text-color);
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: var(--o-button-bg-color);
  border: var(--o-border);
  border-color: var(--o-button-border-color);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  padding: 5px 11px;
  font-size: var(--o-font-size-base);
  border-radius: var(--o-radius-m);
}

.o-button .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-button:hover {
  color: var(--o-button-hover-text-color);
  border-color: var(--o-button-hover-border-color);
  background-color: var(--o-button-hover-bg-color);
  outline: none;
}

.o-button:hover .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-button:active {
  color: var(--o-button-active-text-color);
  border-color: var(--o-button-active-border-color);
  background-color: var(--o-button-active-bg-color);
  outline: none;
}

.o-button:active .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-button:focus-visible {
  outline: none;
}

.o-button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  min-width: 0;
}

.o-button + .o-button {
  margin-left: 12px;
}

.o-button.is-round {
  padding: 5px 11px;
}

.o-button::-moz-focus-inner {
  border: 0;
}

.o-button [class*=o-icon] + span {
  margin-left: 6px;
}

.o-button [class*=o-icon] svg {
  vertical-align: bottom;
}

.o-button.is-restrict-width {
  min-width: 80px;
  max-width: 256px;
}

.o-button.is-plain {
  --o-button-hover-text-color: var(--o-color-primary);
  --o-button-hover-bg-color: var(--o-fill-color-blank);
  --o-button-hover-border-color: var(--o-color-primary);
}

.o-button.is-active {
  color: var(--o-button-active-text-color);
  border-color: var(--o-button-active-border-color);
  background-color: var(--o-button-active-bg-color);
  outline: none;
}

.o-button.is-disabled, .o-button.is-disabled:hover {
  color: var(--o-button-disabled-text-color);
  cursor: var(--o-cursor-not-allowed);
  background-image: none;
  background-color: var(--o-button-disabled-bg-color);
  border-color: var(--o-button-disabled-border-color);
}

.o-button.is-disabled .o-icon__svg, .o-button.is-disabled:hover .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-button.is-loading {
  position: relative;
  pointer-events: none;
}

.o-button.is-loading.o-button {
  background-color: var(--o-neutral-bg-2-hover);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-button.is-loading.o-button.is-text {
  background-color: var(--o-neutral-bg-1-hover-2);
}

.o-button.is-loading.o-button.is-activated {
  background-color: var(--o-brand-bg-4-hover-ss);
  border-color: var(--o-brand-stroke-3-selected-ss);
}

.o-button.is-loading.o-button--primary {
  background-color: var(--o-brand-bg-1-hover);
  border-color: var(--o-brand-bg-1-hover);
}

.o-button.is-loading.o-button--danger {
  background-color: var(--o-status-error-bg-1-hover);
  border-color: var(--o-status-error-bg-1-hover);
}

.o-button.is-loading:before {
  z-index: 1;
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
}

.o-button.is-round {
  border-radius: var(--o-border-radius-round);
}

.o-button.is-circle {
  width: 32px;
  border-radius: 50%;
  padding: 5px;
}

.o-button.is-text {
  color: var(--o-button-text-color);
  border: 1px solid transparent;
  background-color: transparent;
}

.o-button.is-text.is-disabled {
  color: var(--o-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent;
}

.o-button.is-text.is-icon-only {
  padding: 5px 5px;
  font-size: var(--o-font-size-base);
  border-radius: var(--o-radius-m);
}

.o-button.is-text.is-icon-only.is-round {
  padding: 5px 5px;
}

.o-button.is-text:not(.is-disabled):hover {
  border-width: 1px;
  border-color: var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-1-hover-2);
}

.o-button.is-text:not(.is-disabled):focus-visible {
  outline: none;
}

.o-button.is-text:not(.is-disabled):active {
  border-color: var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-1-active-2);
}

.o-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--o-fill-color-light);
}

.o-button.is-text:not(.is-disabled).is-has-bg:hover {
  background-color: var(--o-fill-color);
}

.o-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--o-fill-color-dark);
}

.o-button.is-icon-only {
  padding: 5px 9px;
  font-size: var(--o-font-size-base);
  border-radius: var(--o-radius-m);
}

.o-button.is-icon-only.is-round {
  padding: 5px 9px;
}

.o-button__text--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.o-button.is-link {
  border-color: transparent;
  color: var(--o-button-text-color);
  background: transparent;
  padding: 2px;
  height: auto;
}

.o-button.is-link:hover {
  color: var(--o-button-hover-link-text-color);
}

.o-button.is-link.is-disabled {
  color: var(--o-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.o-button.is-link:not(.is-disabled):hover {
  border-color: transparent;
  background-color: transparent;
}

.o-button.is-link:not(.is-disabled):active {
  color: var(--o-button-active-color);
  border-color: transparent;
  background-color: transparent;
}

.o-button.is-activated:not(.is-disabled) {
  border-color: var(--o-brand-stroke-3-selected-ss);
  color: var(--o-neutral-fg-2-normal);
  background: var(--o-brand-bg-4-selected-ss);
}

.o-button.is-activated:not(.is-disabled):hover {
  color: var(--o-neutral-fg-1-normal);
  border-color: var(--o-brand-stroke-3-selected-ss);
  background-color: var(--o-brand-bg-4-hover-ss);
}

.o-button.is-activated:not(.is-disabled):active {
  color: var(--o-neutral-fg-1-normal);
  border-color: var(--o-brand-stroke-3-selected-ss);
  background-color: var(--o-brand-bg-4-active-ss);
}

.o-button--text {
  border-color: transparent;
  background: transparent;
  color: var(--o-color-primary);
  padding-left: 0;
  padding-right: 0;
}

.o-button--text.is-disabled {
  color: var(--o-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.o-button--text:not(.is-disabled):hover {
  color: var(--o-color-primary-light-3);
  border-color: transparent;
  background-color: transparent;
}

.o-button--text:not(.is-disabled):active {
  color: var(--o-color-primary-dark-2);
  border-color: transparent;
  background-color: transparent;
}

.o-button__link--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.o-button--primary {
  --o-button-text-color: var(--o-color-white);
  --o-button-bg-color: var(--o-color-primary);
  --o-button-border-color: var(--o-color-primary);
  --o-button-outline-color: var(--o-color-primary-light-5);
  --o-button-active-color: var(--o-color-primary-dark-2);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-link-text-color: var(--o-color-primary-light-5);
  --o-button-hover-bg-color: var(--o-color-primary-light-3);
  --o-button-hover-border-color: var(--o-color-primary-light-3);
  --o-button-active-bg-color: var(--o-color-primary-dark-2);
  --o-button-active-border-color: var(--o-color-primary-dark-2);
  --o-button-disabled-text-color: var(--o-color-white);
  --o-button-disabled-bg-color: var(--o-color-primary-light-5);
  --o-button-disabled-border-color: var(--o-color-primary-light-5);
}

.o-button--primary.is-plain, .o-button--primary.is-text, .o-button--primary.is-link {
  --o-button-text-color: var(--o-color-primary);
  --o-button-bg-color: var(--o-color-primary-light-9);
  --o-button-border-color: var(--o-color-primary-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-primary);
  --o-button-hover-border-color: var(--o-color-primary);
  --o-button-active-text-color: var(--o-color-white);
}

.o-button--primary.is-plain.is-disabled, .o-button--primary.is-plain.is-disabled:hover, .o-button--primary.is-plain.is-disabled:focus, .o-button--primary.is-plain.is-disabled:active, .o-button--primary.is-text.is-disabled, .o-button--primary.is-text.is-disabled:hover, .o-button--primary.is-text.is-disabled:focus, .o-button--primary.is-text.is-disabled:active, .o-button--primary.is-link.is-disabled, .o-button--primary.is-link.is-disabled:hover, .o-button--primary.is-link.is-disabled:focus, .o-button--primary.is-link.is-disabled:active {
  color: var(--o-color-primary-light-5);
  background-color: var(--o-color-primary-light-9);
  border-color: var(--o-color-primary-light-8);
}

.o-button--success {
  --o-button-text-color: var(--o-color-white);
  --o-button-bg-color: var(--o-color-success);
  --o-button-border-color: var(--o-color-success);
  --o-button-outline-color: var(--o-color-success-light-5);
  --o-button-active-color: var(--o-color-success-dark-2);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-link-text-color: var(--o-color-success-light-5);
  --o-button-hover-bg-color: var(--o-color-success-light-3);
  --o-button-hover-border-color: var(--o-color-success-light-3);
  --o-button-active-bg-color: var(--o-color-success-dark-2);
  --o-button-active-border-color: var(--o-color-success-dark-2);
  --o-button-disabled-text-color: var(--o-color-white);
  --o-button-disabled-bg-color: var(--o-color-success-light-5);
  --o-button-disabled-border-color: var(--o-color-success-light-5);
}

.o-button--success.is-plain, .o-button--success.is-text, .o-button--success.is-link {
  --o-button-text-color: var(--o-color-success);
  --o-button-bg-color: var(--o-color-success-light-9);
  --o-button-border-color: var(--o-color-success-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-success);
  --o-button-hover-border-color: var(--o-color-success);
  --o-button-active-text-color: var(--o-color-white);
}

.o-button--success.is-plain.is-disabled, .o-button--success.is-plain.is-disabled:hover, .o-button--success.is-plain.is-disabled:focus, .o-button--success.is-plain.is-disabled:active, .o-button--success.is-text.is-disabled, .o-button--success.is-text.is-disabled:hover, .o-button--success.is-text.is-disabled:focus, .o-button--success.is-text.is-disabled:active, .o-button--success.is-link.is-disabled, .o-button--success.is-link.is-disabled:hover, .o-button--success.is-link.is-disabled:focus, .o-button--success.is-link.is-disabled:active {
  color: var(--o-color-success-light-5);
  background-color: var(--o-color-success-light-9);
  border-color: var(--o-color-success-light-8);
}

.o-button--warning {
  --o-button-text-color: var(--o-color-white);
  --o-button-bg-color: var(--o-color-warning);
  --o-button-border-color: var(--o-color-warning);
  --o-button-outline-color: var(--o-color-warning-light-5);
  --o-button-active-color: var(--o-color-warning-dark-2);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-link-text-color: var(--o-color-warning-light-5);
  --o-button-hover-bg-color: var(--o-color-warning-light-3);
  --o-button-hover-border-color: var(--o-color-warning-light-3);
  --o-button-active-bg-color: var(--o-color-warning-dark-2);
  --o-button-active-border-color: var(--o-color-warning-dark-2);
  --o-button-disabled-text-color: var(--o-color-white);
  --o-button-disabled-bg-color: var(--o-color-warning-light-5);
  --o-button-disabled-border-color: var(--o-color-warning-light-5);
}

.o-button--warning.is-plain, .o-button--warning.is-text, .o-button--warning.is-link {
  --o-button-text-color: var(--o-color-warning);
  --o-button-bg-color: var(--o-color-warning-light-9);
  --o-button-border-color: var(--o-color-warning-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-warning);
  --o-button-hover-border-color: var(--o-color-warning);
  --o-button-active-text-color: var(--o-color-white);
}

.o-button--warning.is-plain.is-disabled, .o-button--warning.is-plain.is-disabled:hover, .o-button--warning.is-plain.is-disabled:focus, .o-button--warning.is-plain.is-disabled:active, .o-button--warning.is-text.is-disabled, .o-button--warning.is-text.is-disabled:hover, .o-button--warning.is-text.is-disabled:focus, .o-button--warning.is-text.is-disabled:active, .o-button--warning.is-link.is-disabled, .o-button--warning.is-link.is-disabled:hover, .o-button--warning.is-link.is-disabled:focus, .o-button--warning.is-link.is-disabled:active {
  color: var(--o-color-warning-light-5);
  background-color: var(--o-color-warning-light-9);
  border-color: var(--o-color-warning-light-8);
}

.o-button--danger {
  --o-button-text-color: var(--o-color-white);
  --o-button-bg-color: var(--o-color-danger);
  --o-button-border-color: var(--o-color-danger);
  --o-button-outline-color: var(--o-color-danger-light-5);
  --o-button-active-color: var(--o-color-danger-dark-2);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-link-text-color: var(--o-color-danger-light-5);
  --o-button-hover-bg-color: var(--o-color-danger-light-3);
  --o-button-hover-border-color: var(--o-color-danger-light-3);
  --o-button-active-bg-color: var(--o-color-danger-dark-2);
  --o-button-active-border-color: var(--o-color-danger-dark-2);
  --o-button-disabled-text-color: var(--o-color-white);
  --o-button-disabled-bg-color: var(--o-color-danger-light-5);
  --o-button-disabled-border-color: var(--o-color-danger-light-5);
}

.o-button--danger.is-plain, .o-button--danger.is-text, .o-button--danger.is-link {
  --o-button-text-color: var(--o-color-danger);
  --o-button-bg-color: var(--o-color-danger-light-9);
  --o-button-border-color: var(--o-color-danger-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-danger);
  --o-button-hover-border-color: var(--o-color-danger);
  --o-button-active-text-color: var(--o-color-white);
}

.o-button--danger.is-plain.is-disabled, .o-button--danger.is-plain.is-disabled:hover, .o-button--danger.is-plain.is-disabled:focus, .o-button--danger.is-plain.is-disabled:active, .o-button--danger.is-text.is-disabled, .o-button--danger.is-text.is-disabled:hover, .o-button--danger.is-text.is-disabled:focus, .o-button--danger.is-text.is-disabled:active, .o-button--danger.is-link.is-disabled, .o-button--danger.is-link.is-disabled:hover, .o-button--danger.is-link.is-disabled:focus, .o-button--danger.is-link.is-disabled:active {
  color: var(--o-color-danger-light-5);
  background-color: var(--o-color-danger-light-9);
  border-color: var(--o-color-danger-light-8);
}

.o-button--info {
  --o-button-text-color: var(--o-color-white);
  --o-button-bg-color: var(--o-color-info);
  --o-button-border-color: var(--o-color-info);
  --o-button-outline-color: var(--o-color-info-light-5);
  --o-button-active-color: var(--o-color-info-dark-2);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-link-text-color: var(--o-color-info-light-5);
  --o-button-hover-bg-color: var(--o-color-info-light-3);
  --o-button-hover-border-color: var(--o-color-info-light-3);
  --o-button-active-bg-color: var(--o-color-info-dark-2);
  --o-button-active-border-color: var(--o-color-info-dark-2);
  --o-button-disabled-text-color: var(--o-color-white);
  --o-button-disabled-bg-color: var(--o-color-info-light-5);
  --o-button-disabled-border-color: var(--o-color-info-light-5);
}

.o-button--info.is-plain, .o-button--info.is-text, .o-button--info.is-link {
  --o-button-text-color: var(--o-color-info);
  --o-button-bg-color: var(--o-color-info-light-9);
  --o-button-border-color: var(--o-color-info-light-5);
  --o-button-hover-text-color: var(--o-color-white);
  --o-button-hover-bg-color: var(--o-color-info);
  --o-button-hover-border-color: var(--o-color-info);
  --o-button-active-text-color: var(--o-color-white);
}

.o-button--info.is-plain.is-disabled, .o-button--info.is-plain.is-disabled:hover, .o-button--info.is-plain.is-disabled:focus, .o-button--info.is-plain.is-disabled:active, .o-button--info.is-text.is-disabled, .o-button--info.is-text.is-disabled:hover, .o-button--info.is-text.is-disabled:focus, .o-button--info.is-text.is-disabled:active, .o-button--info.is-link.is-disabled, .o-button--info.is-link.is-disabled:hover, .o-button--info.is-link.is-disabled:focus, .o-button--info.is-link.is-disabled:active {
  color: var(--o-color-info-light-5);
  background-color: var(--o-color-info-light-9);
  border-color: var(--o-color-info-light-8);
}

.o-button--large {
  --o-button-size: 40px;
  height: var(--o-button-size);
  padding: 9px 15px;
  font-size: var(--o-font-size-base);
  border-radius: var(--o-radius-l);
}

.o-button--large [class*=o-icon] + span {
  margin-left: 8px;
}

.o-button--large.is-round {
  padding: 9px 15px;
}

.o-button--large.is-circle {
  width: var(--o-button-size);
  padding: 9px;
}

.o-button--large.is-restrict-width {
  min-width: 100px;
  max-width: 320px;
}

.o-button--small {
  --o-button-size: 24px;
  height: var(--o-button-size);
  padding: 3px 7px;
  font-size: var(--o-font-size-base);
  border-radius: var(--o-radius-m);
}

.o-button--small [class*=o-icon] + span {
  margin-left: 4px;
}

.o-button--small.is-round {
  padding: 3px 7px;
}

.o-button--small.is-circle {
  width: var(--o-button-size);
  padding: 3px;
}

.o-button--small.is-restrict-width {
  min-width: 60px;
  max-width: 192px;
}

.o-button--small + .o-button--small {
  margin-left: 8px;
}

.o-button--small.is-text.is-icon-only {
  padding: 3px 3px;
}

.o-button--small.is-text.is-icon-only.is-round {
  padding: 3px 3px;
}

.o-button--small.o-button--ghost-1.is-icon-only, .o-button--small.o-button--ghost-2.is-icon-only {
  padding: 3px 3px;
}

.o-button--small.o-button--ghost-1.is-icon-only.is-round, .o-button--small.o-button--ghost-2.is-icon-only.is-round {
  padding: 3px 3px;
}

.o-button--primary .o-icon__svg, .o-button--primary:hover .o-icon__svg, .o-button--primary:active .o-icon__svg {
  color: var(--o-neutral-fg-oncolor);
}

.o-button--danger .o-icon__svg, .o-button--danger:hover .o-icon__svg, .o-button--danger:active .o-icon__svg {
  color: var(--o-neutral-fg-oncolor);
}

.o-button--ghost-1.is-icon-only {
  padding: 5px 5px;
  font-size: var(--o-font-size-base);
  border-radius: var(--o-radius-m);
}

.o-button--ghost-1.is-icon-only.is-round {
  padding: 5px 5px;
}

.o-button--ghost-2.is-icon-only {
  padding: 5px 5px;
  font-size: var(--o-font-size-base);
  border-radius: var(--o-radius-m);
}

.o-button--ghost-2.is-icon-only.is-round {
  padding: 5px 5px;
}

.o-button--ghost-2.is-activated .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-button--ghost-2 .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-button--ghost-2:hover .o-icon__svg, .o-button--ghost-2:active .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-button--loading-icon {
  width: 20px;
  height: 20px;
  animation: loading-rotate 1s linear infinite;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE5SURBVDhPjZA/KIVRGMY/KQxKUVIo5Q50b0mWW5ab7ZZbIoUyyMBkUHeQyMB4NxkMJhaLyWC6o43NaLMZTBb1Hb/n3kf593W+p36dc573ed9zvi/5rRBCBY7SNG2yBtv5pEY1fZdLcXHjoXuCb6+49EP4HdDpY1s07ME7fGQ1folMN5le6LHVMl8x3lj3bWVKt5Prh0H2XWrehReoOxMV2QEYYUCfDlfwDGXXo9LzyRc0RAOehGu5RU8RSto8woP93OIVM0IDzuAepl2LSt9OfhaKGrABTWi4HhXZcZhj0JgOU3AHt1ByJlNkJqEGVVstcw1umHjNumj7j6gPUV+BJfYTttvCWKZwCRcwDwWXdMEo9QXWTViH/1/q0DmcQgNO4ADqsANbEP/ZhKqwDcegAatQhmFHrCT5BAaIYcnrVBtUAAAAAElFTkSuQmCC");
}

.o-button--loading-icon + * {
  margin-left: 4px;
}

@keyframes loading-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.o-calendar {
  --o-calendar-border: var(--o-table-border, 1px solid var(--o-border-color-lighter));
  --o-calendar-header-border-bottom: var(--o-calendar-border);
  --o-calendar-selected-bg-color: var(--o-color-primary-light-9);
  --o-calendar-cell-width: 85px;
  background-color: var(--o-fill-color-blank);
}

.o-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: var(--o-calendar-header-border-bottom);
}

.o-calendar__title {
  color: var(--o-text-color);
  align-self: center;
}

.o-calendar__body {
  padding: 12px 20px 35px;
}

.o-calendar-table {
  table-layout: fixed;
  width: 100%;
}

.o-calendar-table thead th {
  padding: 12px 0;
  color: var(--o-text-color-regular);
  font-weight: normal;
}

.o-calendar-table:not(.is-range) td.prev,
.o-calendar-table:not(.is-range) td.next {
  color: var(--o-text-color-placeholder);
}

.o-calendar-table td {
  border-bottom: var(--o-calendar-border);
  border-right: var(--o-calendar-border);
  vertical-align: top;
  transition: background-color var(--o-transition-duration-fast) ease;
}

.o-calendar-table td.is-selected {
  background-color: var(--o-calendar-selected-bg-color);
}

.o-calendar-table td.is-today {
  color: var(--o-color-primary);
}

.o-calendar-table tr:first-child td {
  border-top: var(--o-calendar-border);
}

.o-calendar-table tr td:first-child {
  border-left: var(--o-calendar-border);
}

.o-calendar-table tr.o-calendar-table__row--hide-border td {
  border-top: none;
}

.o-calendar-table .o-calendar-day {
  box-sizing: border-box;
  padding: 8px;
  height: var(--o-calendar-cell-width);
}

.o-calendar-table .o-calendar-day:hover {
  cursor: var(--o-cursor-pointer);
  background-color: var(--o-calendar-selected-bg-color);
}

.o-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: calc(var(--o-index-normal) - 1);
}

.o-carousel__item.is-active {
  z-index: calc(var(--o-index-normal) - 1);
}

.o-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.o-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}

.o-carousel__item--card.is-in-stage {
  cursor: var(--o-cursor-pointer);
  z-index: var(--o-index-normal);
}

.o-carousel__item--card.is-in-stage:hover .o-carousel__mask, .o-carousel__item--card.is-in-stage.is-hover .o-carousel__mask {
  opacity: 0.12;
}

.o-carousel__item--card.is-active {
  z-index: calc(var(--o-index-normal) + 1);
}

.o-carousel__item--card-vertical {
  width: 100%;
  height: 50%;
}

.o-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--o-color-white);
  opacity: 0.24;
  transition: var(--o-transition-duration-fast);
}

.o-carousel {
  --o-carousel-arrow-font-size: 12px;
  --o-carousel-arrow-size: 36px;
  --o-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  --o-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  --o-carousel-indicator-width: 30px;
  --o-carousel-indicator-height: 2px;
  --o-carousel-indicator-padding-horizontal: 4px;
  --o-carousel-indicator-padding-vertical: 12px;
  --o-carousel-indicator-out-color: var(--o-border-color-hover);
  position: relative;
}

.o-carousel--horizontal {
  overflow: hidden;
}

.o-carousel--vertical {
  overflow: hidden;
}

.o-carousel__container {
  position: relative;
  height: 300px;
}

.o-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: var(--o-carousel-arrow-size);
  width: var(--o-carousel-arrow-size);
  cursor: var(--o-cursor-pointer);
  transition: var(--o-transition-duration);
  border-radius: 50%;
  background-color: var(--o-carousel-arrow-background);
  color: #ffffff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: var(--o-carousel-arrow-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.o-carousel__arrow--left {
  left: 16px;
}

.o-carousel__arrow--right {
  right: 16px;
}

.o-carousel__arrow:hover {
  background-color: var(--o-carousel-arrow-hover-background);
}

.o-carousel__arrow i {
  cursor: var(--o-cursor-pointer);
}

.o-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: calc(var(--o-index-normal) + 1);
}

.o-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.o-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.o-carousel__indicators--outside {
  bottom: calc(var(--o-carousel-indicator-height) + var(--o-carousel-indicator-padding-vertical) * 2);
  text-align: center;
  position: static;
  transform: none;
}

.o-carousel__indicators--outside .o-carousel__indicator:hover button {
  opacity: 0.64;
}

.o-carousel__indicators--outside button {
  background-color: var(--o-carousel-indicator-out-color);
  opacity: 0.24;
}

.o-carousel__indicators--right {
  right: 0;
}

.o-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center;
}

.o-carousel__indicators--labels .o-carousel__button {
  height: auto;
  width: auto;
  padding: 2px 18px;
  font-size: 12px;
  color: #000000;
}

.o-carousel__indicators--labels .o-carousel__indicator {
  padding: 6px 4px;
}

.o-carousel__indicator {
  background-color: transparent;
  cursor: var(--o-cursor-pointer);
}

.o-carousel__indicator:hover button {
  opacity: 0.72;
}

.o-carousel__indicator--horizontal {
  display: inline-block;
  padding: var(--o-carousel-indicator-padding-vertical) var(--o-carousel-indicator-padding-horizontal);
}

.o-carousel__indicator--vertical {
  padding: var(--o-carousel-indicator-padding-horizontal) var(--o-carousel-indicator-padding-vertical);
}

.o-carousel__indicator--vertical .o-carousel__button {
  width: var(--o-carousel-indicator-height);
  height: calc(var(--o-carousel-indicator-width) / 2);
}

.o-carousel__indicator.is-active button {
  opacity: 1;
}

.o-carousel__button {
  display: block;
  opacity: 0.48;
  width: var(--o-carousel-indicator-width);
  height: var(--o-carousel-indicator-height);
  background-color: #ffffff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: var(--o-cursor-pointer);
  transition: var(--o-transition-duration);
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

.o-transitioning {
  filter: url("#elCarouselHorizontal");
}

.o-transitioning-vertical {
  filter: url("#elCarouselVertical");
}

.o-cascader-panel {
  --o-cascader-menu-text-color: var(--o-text-color-regular);
  --o-cascader-menu-selected-text-color: var(--o-color-primary);
  --o-cascader-menu-fill: var(--o-bg-color-overlay);
  --o-cascader-menu-font-size: var(--o-font-size-base);
  --o-cascader-menu-radius: var(--o-border-radius-base);
  --o-cascader-menu-border: solid 1px var(--o-border-color-light);
  --o-cascader-menu-shadow: var(--o-box-shadow-light);
  --o-cascader-node-background-hover: var(--o-fill-color-light);
  --o-cascader-node-color-disabled: var(--o-text-color-placeholder);
  --o-cascader-color-empty: var(--o-text-color-placeholder);
  --o-cascader-tag-background: var(--o-fill-color);
}

.o-cascader-panel {
  display: flex;
  border-radius: var(--o-radius-m);
  font-size: var(--o-cascader-menu-font-size);
  background-color: var(--o-neutral-bg-1-normal);
  box-shadow: var(--o-shadow-2-down);
}

.o-cascader-panel.is-bordered {
  border: var(--o-cascader-menu-border);
  border-radius: var(--o-radius-m);
}

.o-cascader-menu {
  width: 200px;
  border-right: 1px solid var(--o-neutral-stroke-2-normal);
  box-sizing: border-box;
  color: var(--o-cascader-menu-text-color);
}

.o-cascader-menu:last-child {
  border-right: none;
}

.o-cascader-menu .o-cascader-node {
  padding-right: 20px;
}

.o-cascader-menu__wrap.o-scrollbar__wrap {
  height: 256px;
}

.o-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

.o-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.o-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  color: var(--o-cascader-color-empty);
}

.o-cascader-menu__empty-text .is-loading {
  margin-right: 2px;
}

.o-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
  margin: 4px;
  border-radius: var(--o-radius-s);
  color: var(--o-neutral-fg-2-normal);
  background-color: transparent;
  border: 1px solid transparent;
  outline: none;
}

.o-cascader-node.is-selectable.in-active-path {
  color: var(--o-cascader-menu-text-color);
}

.o-cascader-node.in-active-path, .o-cascader-node.is-selectable.in-checked-path, .o-cascader-node.is-active {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
  border-radius: var(--o-radius-s);
}

.o-cascader-node:not(.is-disabled) {
  cursor: var(--o-cursor-pointer);
}

.o-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):hover {
  background: var(--o-neutral-bg-1-hover-1);
}

.o-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):hover .o-cascader-node__postfix {
  color: var(--o-neutral-fg-2-normal);
}

.o-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):active {
  background: var(--o-neutral-bg-1-active-1);
}

.o-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):active .o-cascader-node__postfix {
  color: var(--o-neutral-fg-2-normal);
}

.o-cascader-node.is-disabled {
  color: var(--o-neutral-fg-disabled);
  cursor: var(--o-cursor-not-allowed);
}

.o-cascader-node.is-disabled .o-cascader-node__postfix {
  color: var(--o-neutral-fg-disabled);
}

.o-cascader-node__prefix {
  position: absolute;
  left: 10px;
  display: none;
}

.o-cascader-node__postfix {
  position: absolute;
  color: var(--o-neutral-fg-3-normal);
  right: 10px;
}

.o-cascader-node__postfix svg {
  display: none;
}

.o-cascader-node__postfix:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea14";
  font-size: 16px;
  line-height: 16px;
}

.o-cascader-node__label {
  flex: 1;
  text-align: left;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-cascader-node > .o-checkbox {
  margin-right: 0;
}

.o-cascader-node > .o-radio {
  margin-right: 0;
}

.o-cascader-node > .o-radio .o-radio__label {
  padding-left: 0;
}

.o-cascader {
  --o-cascader-menu-text-color: var(--o-text-color-regular);
  --o-cascader-menu-selected-text-color: var(--o-color-primary);
  --o-cascader-menu-fill: var(--o-bg-color-overlay);
  --o-cascader-menu-font-size: var(--o-font-size-base);
  --o-cascader-menu-radius: var(--o-border-radius-base);
  --o-cascader-menu-border: solid 1px var(--o-border-color-light);
  --o-cascader-menu-shadow: var(--o-box-shadow-light);
  --o-cascader-node-background-hover: var(--o-fill-color-light);
  --o-cascader-node-color-disabled: var(--o-text-color-placeholder);
  --o-cascader-color-empty: var(--o-text-color-placeholder);
  --o-cascader-tag-background: var(--o-fill-color);
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: var(--o-font-size-base);
  line-height: 32px;
  outline: none;
}

.o-cascader .o-input__wrapper .o-input__suffix-inner .o-icon {
  color: var(--o-neutral-fg-3-normal);
}

.o-cascader .o-input__wrapper .o-input__suffix-inner .o-icon svg {
  display: none;
}

.o-cascader .o-input__wrapper .o-input__suffix-inner .o-icon:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea15";
  font-size: 16px;
  line-height: 16px;
}

.o-cascader:not(.is-disabled):hover .o-input__wrapper {
  cursor: var(--o-cursor-pointer);
  border-color: var(--o-input-hover-border-color);
}

.o-cascader:not(.is-disabled):hover .o-input__wrapper .o-input__suffix-inner .o-icon {
  color: var(--o-neutral-fg-2-normal);
}

.o-cascader .o-input {
  display: flex;
  cursor: var(--o-cursor-pointer);
}

.o-cascader .o-input .o-input__inner {
  text-overflow: ellipsis;
  cursor: var(--o-cursor-pointer);
}

.o-cascader .o-input .o-input__suffix-inner .o-icon {
  height: calc(100% - 2px);
}

.o-cascader .o-input .o-input__suffix-inner .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
  vertical-align: middle;
}

.o-cascader .o-input .icon-arrow-down {
  font-size: 14px;
}

.o-cascader .o-input .icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.o-cascader .o-input .icon-circle-close:hover {
  color: var(--o-input-clear-hover-color, var(--o-text-color-secondary));
}

.o-cascader .o-input.is-focus .o-input__wrapper {
  border-color: var(--o-input-focus-border-color);
}

.o-cascader .o-input.is-focus .o-input__wrapper .o-input__suffix-inner .o-icon {
  color: var(--o-neutral-fg-2-normal);
}

.o-cascader--large {
  font-size: 14px;
  line-height: 40px;
}

.o-cascader--small {
  font-size: 12px;
  line-height: 24px;
}

.o-cascader.is-disabled .o-cascader__label {
  z-index: calc(var(--o-index-normal) + 1);
  color: var(--o-disabled-text-color);
}

.o-cascader.is-disabled .o-input__suffix-inner .o-icon {
  color: var(--o-neutral-fg-disabled);
}

.o-cascader__dropdown {
  --o-cascader-menu-text-color: var(--o-text-color-regular);
  --o-cascader-menu-selected-text-color: var(--o-color-primary);
  --o-cascader-menu-fill: var(--o-bg-color-overlay);
  --o-cascader-menu-font-size: var(--o-font-size-base);
  --o-cascader-menu-radius: var(--o-border-radius-base);
  --o-cascader-menu-border: solid 1px var(--o-border-color-light);
  --o-cascader-menu-shadow: var(--o-box-shadow-light);
  --o-cascader-node-background-hover: var(--o-fill-color-light);
  --o-cascader-node-color-disabled: var(--o-text-color-placeholder);
  --o-cascader-color-empty: var(--o-text-color-placeholder);
  --o-cascader-tag-background: var(--o-fill-color);
}

.o-cascader__dropdown {
  font-size: var(--o-cascader-menu-font-size);
  border-radius: var(--o-cascader-menu-radius);
}

.o-cascader__dropdown.o-popper {
  background: var(--o-cascader-menu-fill);
  border: var(--o-cascader-menu-border);
  box-shadow: var(--o-cascader-menu-shadow);
}

.o-cascader__dropdown.o-popper .o-popper__arrow {
  display: none;
}

.o-cascader__dropdown.o-popper .o-popper__arrow::before {
  border: var(--o-cascader-menu-border);
}

.o-cascader__dropdown.o-popper[data-popper-placement^=top] .o-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}

.o-cascader__dropdown.o-popper[data-popper-placement^=bottom] .o-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.o-cascader__dropdown.o-popper[data-popper-placement^=left] .o-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.o-cascader__dropdown.o-popper[data-popper-placement^=right] .o-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.o-cascader__dropdown.o-popper {
  box-shadow: var(--o-cascader-menu-shadow);
  transform: translateY(-8px);
}

.o-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}

.o-cascader__tags .o-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: var(--o-cascader-tag-background);
}

.o-cascader__tags .o-tag:not(.is-hit) {
  border-color: transparent;
}

.o-cascader__tags .o-tag > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.o-cascader__tags .o-tag .o-icon-close {
  flex: none;
  background-color: var(--o-text-color-placeholder);
  color: var(--o-color-white);
}

.o-cascader__tags .o-tag .o-icon-close:hover {
  background-color: var(--o-text-color-secondary);
}

.o-cascader__collapse-tags {
  white-space: normal;
  z-index: var(--o-index-normal);
}

.o-cascader__collapse-tags .o-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: var(--o-fill-color);
}

.o-cascader__collapse-tags .o-tag:not(.is-hit) {
  border-color: transparent;
}

.o-cascader__collapse-tags .o-tag > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.o-cascader__collapse-tags .o-tag .o-icon-close {
  flex: none;
  background-color: var(--o-text-color-placeholder);
  color: var(--o-color-white);
}

.o-cascader__collapse-tags .o-tag .o-icon-close:hover {
  background-color: var(--o-text-color-secondary);
}

.o-cascader__suggestion-panel {
  border-radius: var(--o-cascader-menu-radius);
}

.o-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 6px 0;
  font-size: var(--o-font-size-base);
  color: var(--o-cascader-menu-text-color);
  text-align: center;
}

.o-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: none;
  cursor: var(--o-cursor-pointer);
}

.o-cascader__suggestion-item:hover, .o-cascader__suggestion-item:focus {
  background: var(--o-cascader-node-background-hover);
}

.o-cascader__suggestion-item.is-checked {
  color: var(--o-cascader-menu-selected-text-color);
  font-weight: bold;
}

.o-cascader__suggestion-item > span {
  margin-right: 10px;
}

.o-cascader__empty-text {
  margin: 10px 0;
  color: var(--o-cascader-color-empty);
}

.o-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin: 2px 0 2px 11px;
  padding: 0;
  color: var(--o-cascader-menu-text-color);
  border: none;
  outline: none;
  box-sizing: border-box;
  background: transparent;
}

.o-cascader__search-input::-moz-placeholder {
  color: transparent;
}

.o-cascader__search-input::placeholder {
  color: transparent;
}

.o-check-tag {
  background-color: var(--o-neutral-bg-disabled);
  border-radius: var(--o-border-radius-base);
  color: var(--o-neutral-fg-1-normal);
  cursor: var(--o-cursor-pointer);
  display: inline-block;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  line-height: 15px;
  height: 24px;
  padding: 2px 8px;
  transition: var(--o-transition-all);
  border: 2px solid transparent;
  box-sizing: border-box;
  max-width: 192px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-check-tag__selected-icon {
  position: absolute;
}

.o-check-tag:hover {
  background-color: var(--o-neutral-bg-2-hover);
}

.o-check-tag:active {
  background-color: var(--o-neutral-bg-2-active);
}

.o-check-tag.is-checked {
  background-color: var(--o-brand-bg-2-selected);
  border: 2px solid var(--o-brand-stroke-3-selected-ss);
  color: var(--o-neutral-fg-2-normal);
}

.o-check-tag.is-checked:hover {
  background-color: var(--o-brand-bg-4-hover-ss);
}

.o-check-tag.is-checked:active {
  background-color: var(--o-brand-bg-4-active-ss);
}

.o-checkbox-button {
  --o-checkbox-button-checked-bg-color: var(--o-color-primary);
  --o-checkbox-button-checked-text-color: var(--o-color-white);
  --o-checkbox-button-checked-border-color: var(--o-color-primary);
}

.o-checkbox-button {
  position: relative;
  display: inline-block;
}

.o-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: var(--o-checkbox-font-weight);
  white-space: nowrap;
  vertical-align: middle;
  cursor: var(--o-cursor-pointer);
  background: var(--o-button-bg-color, var(--o-fill-color-blank));
  border: var(--o-border);
  border-left-color: transparent;
  color: var(--o-button-text-color, var(--o-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: var(--o-transition-all);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 5px 11px;
  font-size: var(--o-font-size-base);
  border-radius: 0;
}

.o-checkbox-button__inner.is-round {
  padding: 5px 11px;
}

.o-checkbox-button__inner:hover {
  color: var(--o-color-primary);
}

.o-checkbox-button__inner [class*=o-icon-] {
  line-height: 0.9;
}

.o-checkbox-button__inner [class*=o-icon-] + span {
  margin-left: 5px;
}

.o-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.o-checkbox-button.is-checked .o-checkbox-button__inner {
  color: var(--o-checkbox-button-checked-text-color);
  background-color: var(--o-checkbox-button-checked-bg-color);
  border-color: var(--o-checkbox-button-checked-border-color);
  box-shadow: -1px 0 0 0 var(--o-color-primary-light-7);
}

.o-checkbox-button.is-checked:first-child .o-checkbox-button__inner {
  border-left-color: var(--o-checkbox-button-checked-border-color);
}

.o-checkbox-button.is-disabled .o-checkbox-button__inner {
  color: var(--o-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--o-button-disabled-bg-color, var(--o-fill-color-blank));
  border-color: var(--o-button-disabled-border-color, var(--o-border-color-light));
  box-shadow: none;
}

.o-checkbox-button.is-disabled:first-child .o-checkbox-button__inner {
  border-left-color: var(--o-button-disabled-border-color, var(--o-border-color-light));
}

.o-checkbox-button:first-child .o-checkbox-button__inner {
  border-left: var(--o-border);
  border-top-left-radius: var(--o-border-radius-base);
  border-bottom-left-radius: var(--o-border-radius-base);
  box-shadow: none !important;
}

.o-checkbox-button.is-focus .o-checkbox-button__inner {
  border-color: var(--o-checkbox-button-checked-border-color);
}

.o-checkbox-button:last-child .o-checkbox-button__inner {
  border-top-right-radius: var(--o-border-radius-base);
  border-bottom-right-radius: var(--o-border-radius-base);
}

.o-checkbox-button--large .o-checkbox-button__inner {
  padding: 9px 15px;
  font-size: var(--o-font-size-base);
  border-radius: 0;
}

.o-checkbox-button--large .o-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.o-checkbox-button--small .o-checkbox-button__inner {
  padding: 3px 7px;
  font-size: var(--o-font-size-base);
  border-radius: 0;
}

.o-checkbox-button--small .o-checkbox-button__inner.is-round {
  padding: 3px 7px;
}

.o-checkbox-group {
  font-size: 0;
  line-height: 0;
}

.o-checkbox-group.is-vertical {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}

.o-checkbox-group.is-vertical .o-additional-message + .o-checkbox {
  margin-top: 6px;
}

.o-checkbox-group li {
  display: flex;
  align-items: center;
}

.o-checkbox {
  --o-checkbox-font-size: 14px;
  --o-checkbox-font-weight: var(--o-font-weight-primary);
  --o-checkbox-text-color: var(--o-text-color-regular);
  --o-checkbox-input-height: 14px;
  --o-checkbox-input-width: 14px;
  --o-checkbox-border-radius: var(--o-border-radius-small);
  --o-checkbox-bg-color: var(--o-fill-color-blank);
  --o-checkbox-input-border: var(--o-border);
  --o-checkbox-disabled-border-color: var(--o-border-color);
  --o-checkbox-disabled-input-fill: var(--o-fill-color-light);
  --o-checkbox-disabled-icon-color: var(--o-text-color-placeholder);
  --o-checkbox-disabled-checked-input-fill: var(--o-border-color-extra-light);
  --o-checkbox-disabled-checked-input-border-color: var(--o-border-color);
  --o-checkbox-disabled-checked-icon-color: var(--o-text-color-placeholder);
  --o-checkbox-checked-text-color: var(--o-color-primary);
  --o-checkbox-checked-input-border-color: var(--o-color-primary);
  --o-checkbox-checked-bg-color: var(--o-color-primary);
  --o-checkbox-checked-icon-color: var(--o-color-white);
  --o-checkbox-input-border-color-hover: var(--o-color-primary);
}

.o-checkbox {
  color: var(--o-neutral-fg-2-normal);
  font-weight: var(--o-checkbox-font-weight);
  font-size: var(--o-font-size-base);
  position: relative;
  cursor: var(--o-cursor-pointer);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-right: var(--o-spacing-08);
  height: var(--o-checkbox-height, 32px);
}

.o-checkbox:not(.is-disabled):hover .o-checkbox__input .o-checkbox__inner {
  border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

.o-checkbox:not(.is-disabled):hover .o-checkbox__input.is-checked .o-checkbox__inner {
  background-color: var(--o-brand-fg-comp-hover);
  border-color: var(--o-brand-fg-comp-hover);
}

.o-checkbox:not(.is-disabled):hover .o-checkbox__input.is-indeterminate .o-checkbox__inner {
  border-color: var(--o-brand-fg-comp-hover);
}

.o-checkbox:not(.is-disabled):hover .o-checkbox__input.is-indeterminate .o-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--o-brand-fg-comp-hover);
  border-radius: 1px;
  height: 8px;
  width: 8px;
  left: 3px;
  top: 3px;
}

.o-checkbox:not(.is-disabled):active .o-checkbox__input .o-checkbox__inner {
  border-color: var(--o-brand-fg-comp-active);
}

.o-checkbox:not(.is-disabled):active .o-checkbox__input.is-checked .o-checkbox__inner {
  background-color: var(--o-brand-fg-comp-active);
  border-color: var(--o-brand-fg-comp-active);
}

.o-checkbox:not(.is-disabled):active .o-checkbox__input.is-indeterminate .o-checkbox__inner {
  border-color: var(--o-brand-fg-comp-active);
}

.o-checkbox:not(.is-disabled):active .o-checkbox__input.is-indeterminate .o-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--o-brand-fg-comp-active);
  border-radius: 1px;
  height: 8px;
  width: 8px;
  left: 3px;
  top: 3px;
}

.o-checkbox.is-disabled {
  cursor: var(--o-cursor-not-allowed);
}

.o-checkbox.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--o-border-radius-base);
  border: var(--o-border);
  box-sizing: border-box;
}

.o-checkbox.is-bordered.is-checked {
  border-color: var(--o-color-primary);
}

.o-checkbox.is-bordered.is-disabled {
  border-color: var(--o-border-color-lighter);
}

.o-checkbox.is-bordered.o-checkbox--large {
  padding: 0 19px 0 11px;
  border-radius: var(--o-radius-l);
}

.o-checkbox.is-bordered.o-checkbox--large .o-checkbox__label {
  font-size: var(--o-font-size-base);
}

.o-checkbox.is-bordered.o-checkbox--large .o-checkbox__inner {
  height: 14px;
  width: 14px;
}

.o-checkbox.is-bordered.o-checkbox--small {
  padding: 0 11px 0 7px;
  border-radius: var(--o-radius-m);
}

.o-checkbox.is-bordered.o-checkbox--small .o-checkbox__label {
  font-size: var(--o-font-size-base);
}

.o-checkbox.is-bordered.o-checkbox--small .o-checkbox__inner {
  height: 12px;
  width: 12px;
}

.o-checkbox.is-bordered.o-checkbox--small .o-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.o-checkbox input:focus-visible + .o-checkbox__inner {
  outline: 2px solid var(--o-checkbox-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--o-checkbox-border-radius);
}

.o-checkbox__input {
  white-space: nowrap;
  cursor: var(--o-cursor-pointer);
  outline: none;
  display: inline-flex;
  position: relative;
  margin: 2px;
}

.o-checkbox__input .o-checkbox__inner {
  background-color: var(--o-neutral-bg-5-normal);
  border-color: var(--o-neutral-stroke-accessible);
}

.o-checkbox__input.is-disabled .o-checkbox__inner {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-bg-disabled);
  cursor: var(--o-cursor-not-allowed);
}

.o-checkbox__input.is-disabled .o-checkbox__inner::after {
  cursor: var(--o-cursor-not-allowed);
  border-color: var(--o-checkbox-disabled-icon-color);
}

.o-checkbox__input.is-disabled.is-checked .o-checkbox__inner {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-bg-disabled);
}

.o-checkbox__input.is-disabled.is-checked .o-checkbox__inner:hover {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-bg-disabled);
}

.o-checkbox__input.is-disabled.is-checked .o-checkbox__inner::after {
  border-color: var(--o-neutral-fg-disabled);
}

.o-checkbox__input.is-disabled.is-indeterminate .o-checkbox__inner {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-bg-disabled);
}

.o-checkbox__input.is-disabled.is-indeterminate .o-checkbox__inner:hover {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-bg-disabled);
}

.o-checkbox__input.is-disabled.is-indeterminate .o-checkbox__inner:hover::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--o-neutral-fg-disabled);
  border-radius: 1px;
  height: 8px;
  width: 8px;
  left: 3px;
  top: 3px;
}

.o-checkbox__input.is-disabled.is-indeterminate .o-checkbox__inner::before {
  background-color: var(--o-neutral-fg-disabled);
}

.o-checkbox__input.is-disabled + span.o-checkbox__label {
  color: var(--o-neutral-fg-disabled);
  cursor: var(--o-cursor-not-allowed);
}

.o-checkbox__input.is-checked .o-checkbox__inner {
  background-color: var(--o-brand-fg-comp-normal);
  border-color: var(--o-brand-fg-comp-normal);
}

.o-checkbox__input.is-checked .o-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1) translateX(1px);
  border-color: var(--o-neutral-fg-oncolor);
}

.o-checkbox__input.is-checked + .o-checkbox__label {
  color: var(--o-neutral-fg-2-normal);
}

.o-checkbox__input.is-focus:not(.is-checked) .o-checkbox__original:not(:focus-visible) {
  border-color: var(--o-checkbox-input-border-color-hover);
}

.o-checkbox__input.is-indeterminate .o-checkbox__inner {
  background-color: rgba(0, 0, 0, 0);
  border-color: var(--o-brand-fg-comp-normal);
}

.o-checkbox__input.is-indeterminate .o-checkbox__inner:active {
  border-color: var(--o-brand-fg-comp-active);
}

.o-checkbox__input.is-indeterminate .o-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--o-brand-fg-comp-normal);
  border-radius: 1px;
  height: 8px;
  width: 8px;
  left: 3px;
  top: 3px;
}

.o-checkbox__input.is-indeterminate .o-checkbox__inner:active::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--o-brand-fg-comp-active);
  border-radius: 1px;
  height: 8px;
  width: 8px;
  left: 3px;
  top: 3px;
}

.o-checkbox__input.is-indeterminate .o-checkbox__inner::after {
  display: none;
}

.o-checkbox__inner {
  display: inline-block;
  position: relative;
  border: var(--o-checkbox-input-border);
  border-radius: var(--o-radius-s);
  box-sizing: border-box;
  width: var(--o-checkbox-input-width);
  height: var(--o-checkbox-input-height);
  background-color: var(--o-checkbox-bg-color);
  z-index: var(--o-index-normal);
}

.o-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1.5px solid transparent;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transform-origin: center;
}

.o-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.o-checkbox__label {
  display: inline-block;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  padding-left: var(--o-spacing-03);
  font-size: var(--o-font-size-base);
}

.o-checkbox.o-checkbox--large {
  height: 40px;
}

.o-checkbox.o-checkbox--large .o-checkbox__label {
  font-size: 14px;
}

.o-checkbox.o-checkbox--large .o-checkbox__inner {
  width: 14px;
  height: 14px;
}

.o-checkbox.o-checkbox--small {
  height: 24px;
}

.o-checkbox.o-checkbox--small .o-checkbox__label {
  font-size: 12px;
}

.o-checkbox.o-checkbox--small .o-checkbox__inner {
  width: 12px;
  height: 12px;
}

.o-checkbox.o-checkbox--small .o-checkbox__input.is-indeterminate .o-checkbox__inner::before {
  top: 4px;
}

.o-checkbox.o-checkbox--small .o-checkbox__inner::after {
  width: 2px;
  height: 6px;
}

.o-checkbox:last-of-type {
  margin-right: 0;
}

.o-checkbox__description.o-additional-message {
  margin-left: 28px;
  margin-top: -2px;
}

.o-checkbox__description .o-additional-message__body {
  max-width: 620px;
  width: auto;
}

.o-col + .o-col {
  margin-left: 20px;
}

.o-collapse {
  --o-collapse-border-color: var(--o-border-color-lighter);
  --o-collapse-header-height: 48px;
  --o-collapse-header-bg-color: var(--o-fill-color-blank);
  --o-collapse-header-text-color: var(--o-text-color-primary);
  --o-collapse-header-font-size: 13px;
  --o-collapse-content-bg-color: var(--o-fill-color-blank);
  --o-collapse-content-font-size: 13px;
  --o-collapse-content-text-color: var(--o-text-color-primary);
}

.o-collapse:not(.is-transparent) {
  background-color: var(--o-neutral-bg-4-normal);
  border-radius: var(--o-radius-m);
  width: 600px;
}

.o-collapse:not(.is-transparent) .o-collapse-item:not(:first-child) .o-collapse-item__header {
  border-top: 1px solid var(--o-neutral-stroke-2-subtle-ss);
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header:hover:not(:active) {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-collapse:not(.is-transparent) .o-collapse-item:first-child .o-collapse-item__header:active {
  background-color: var(--o-neutral-bg-1-active-1);
  border-top-left-radius: var(--o-radius-m);
  border-top-right-radius: var(--o-radius-m);
}

.o-collapse:not(.is-transparent) .o-collapse-item:first-child .o-collapse-item__header:hover:not(:active) {
  background-color: var(--o-neutral-bg-1-hover-1);
  border-top-left-radius: var(--o-radius-m);
  border-top-right-radius: var(--o-radius-m);
}

.o-collapse:not(.is-transparent) .o-collapse-item:last-child .o-collapse-item__header:active:not(.is-active) {
  background-color: var(--o-neutral-bg-1-active-1);
  border-bottom-left-radius: var(--o-radius-m);
  border-bottom-right-radius: var(--o-radius-m);
}

.o-collapse:not(.is-transparent) .o-collapse-item:last-child .o-collapse-item__header:hover:not(:active):not(.is-active) {
  background-color: var(--o-neutral-bg-1-hover-1);
  border-bottom-left-radius: var(--o-radius-m);
  border-bottom-right-radius: var(--o-radius-m);
}

.o-collapse:not(.is-transparent) .o-collapse-item:last-child .o-collapse-item__header.is-active:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-collapse:not(.is-transparent) .o-collapse-item:last-child .o-collapse-item__header.is-active:hover:not(:active) {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-collapse:not(.is-transparent) .o-collapse-item.is-disabled .o-collapse-item__header {
  color: var(--o-text-color-disabled);
  cursor: not-allowed;
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header {
  position: relative;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  height: var(--o-collapse-header-height);
  background-color: var(--o-collapse-header-bg-color);
  padding-left: 20px;
  border: none;
  box-sizing: border-box;
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-collapse-header-text-color);
  cursor: var(--o-cursor-pointer);
  outline: none;
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea0d";
  font-size: 16px;
  line-height: 16px;
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header::before {
  transform: translateX(-4px);
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header .o-collapse-item__arrow {
  margin: 0 8px 0 auto;
  transition: transform var(--o-transition-duration);
  font-weight: 300;
  display: none;
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header .o-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header.is-active {
  border-bottom-color: transparent;
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__header.is-active:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea0c";
  font-size: 16px;
  line-height: 16px;
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__wrap {
  will-change: height;
  overflow: hidden;
  box-sizing: border-box;
}

.o-collapse:not(.is-transparent) .o-collapse-item .o-collapse-item__content {
  padding: 0 20px 20px 40px;
  font-size: var(--o-collapse-content-font-size);
  font-weight: var(--o-collapse-content-font-weight);
  line-height: 1.7692307692;
}

.o-collapse:not(.is-transparent) .o-collapse-item:last-child {
  margin-bottom: -1px;
}

.o-collapse.is-transparent {
  width: 400px;
}

.o-collapse.is-transparent .o-collapse-item:not(:last-child) .o-collapse-item__header {
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__header:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__header:hover:not(:active) {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-collapse.is-transparent .o-collapse-item.is-disabled .o-collapse-item__header {
  color: var(--o-text-color-disabled);
  cursor: not-allowed;
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__header {
  position: relative;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  height: 52px;
  background-color: var(--o-collapse-header-bg-color);
  padding-left: 24px;
  border: none;
  box-sizing: border-box;
  color: var(--o-collapse-header-text-color);
  cursor: var(--o-cursor-pointer);
  outline: none;
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__header:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea0d";
  font-size: 16px;
  line-height: 16px;
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__header::before {
  transform: translateX(-4px);
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__header .o-collapse-item__arrow {
  margin: 0 8px 0 auto;
  transition: transform var(--o-transition-duration);
  font-weight: 300;
  display: none;
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__header .o-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__header.is-active:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea0c";
  font-size: 16px;
  line-height: 16px;
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__wrap {
  will-change: height;
  overflow: hidden;
  box-sizing: border-box;
}

.o-collapse.is-transparent .o-collapse-item .o-collapse-item__content {
  padding: 20px 20px 20px 24px;
  font-size: var(--o-collapse-content-font-size);
  font-weight: var(--o-collapse-content-font-weight);
  line-height: 1.7692307692;
}

.o-collapse.is-transparent .o-collapse-item:last-child {
  margin-bottom: -1px;
}

.o-color-predefine {
  display: flex;
  font-size: 12px;
  margin-top: 8px;
  width: 280px;
}

.o-color-predefine__colors {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.o-color-predefine__color-selector {
  margin: 0 0 8px 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  cursor: var(--o-cursor-pointer);
}

.o-color-predefine__color-selector:nth-child(10n+1) {
  margin-left: 0;
}

.o-color-predefine__color-selector.selected {
  box-shadow: 0 0 3px 2px var(--o-color-primary);
}

.o-color-predefine__color-selector > div {
  display: flex;
  height: 100%;
  border-radius: var(--o-radius-m);
}

.o-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.o-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: #f00;
  padding: 0 2px;
  float: right;
}

.o-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  height: 100%;
}

.o-color-hue-slider__thumb {
  position: absolute;
  cursor: var(--o-cursor-pointer);
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid var(--o-border-color-lighter);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.o-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0;
}

.o-color-hue-slider.is-vertical .o-color-hue-slider__bar {
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}

.o-color-hue-slider.is-vertical .o-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.o-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px;
}

.o-color-svpanel__white, .o-color-svpanel__black {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.o-color-svpanel__white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.o-color-svpanel__black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.o-color-svpanel__cursor {
  position: absolute;
}

.o-color-svpanel__cursor > div {
  cursor: head;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}

.o-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-image: linear-gradient(45deg, var(--o-color-picker-alpha-bg-a) 25%, var(--o-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--o-color-picker-alpha-bg-a) 25%, var(--o-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--o-color-picker-alpha-bg-b) 75%, var(--o-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--o-color-picker-alpha-bg-b) 75%, var(--o-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}

.o-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--o-bg-color) 100%);
  height: 100%;
}

.o-color-alpha-slider__thumb {
  position: absolute;
  cursor: var(--o-cursor-pointer);
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid var(--o-border-color-lighter);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.o-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px;
}

.o-color-alpha-slider.is-vertical .o-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.o-color-alpha-slider.is-vertical .o-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.o-color-dropdown {
  width: 300px;
}

.o-color-dropdown__main-wrapper {
  margin-bottom: 6px;
}

.o-color-dropdown__main-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.o-color-dropdown__btns {
  margin-top: 12px;
  text-align: right;
}

.o-color-dropdown__value {
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #000000;
  width: 160px;
}

.o-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  outline: none;
}

.o-color-picker:hover:not(.is-disabled, .is-focused) .o-color-picker__trigger {
  border-color: var(--o-border-color-hover);
}

.o-color-picker:focus-visible:not(.is-disabled) .o-color-picker__trigger {
  outline: 2px solid var(--o-color-primary);
  outline-offset: 1px;
}

.o-color-picker.is-focused .o-color-picker__trigger {
  border-color: var(--o-color-primary);
}

.o-color-picker.is-disabled .o-color-picker__trigger {
  cursor: not-allowed;
}

.o-color-picker--large {
  height: 40px;
}

.o-color-picker--large .o-color-picker__trigger {
  height: 40px;
  width: 40px;
}

.o-color-picker--large .o-color-picker__mask {
  height: 38px;
  width: 38px;
}

.o-color-picker--small {
  height: 24px;
}

.o-color-picker--small .o-color-picker__trigger {
  height: 24px;
  width: 24px;
}

.o-color-picker--small .o-color-picker__mask {
  height: 22px;
  width: 22px;
}

.o-color-picker--small .o-color-picker__icon,
.o-color-picker--small .o-color-picker__empty {
  transform: scale(0.8);
}

.o-color-picker__mask {
  height: 30px;
  width: 30px;
  border-radius: 4px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, 0.7);
}

.o-color-picker__trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 32px;
  width: 32px;
  padding: 4px;
  border: 1px solid var(--o-border-color);
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: var(--o-cursor-pointer);
}

.o-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--o-text-color-secondary);
  border-radius: var(--o-border-radius-small);
  width: 100%;
  height: 100%;
  text-align: center;
}

.o-color-picker__color.is-alpha {
  background-image: linear-gradient(45deg, var(--o-color-picker-alpha-bg-a) 25%, var(--o-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--o-color-picker-alpha-bg-a) 25%, var(--o-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--o-color-picker-alpha-bg-b) 75%, var(--o-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--o-color-picker-alpha-bg-b) 75%, var(--o-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}

.o-color-picker__color-inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.o-color-picker .o-color-picker__empty {
  font-size: 12px;
  color: var(--o-text-color-secondary);
}

.o-color-picker .o-color-picker__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
}

.o-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: 6px;
  box-sizing: content-box;
  background-color: #ffffff;
  border-radius: var(--o-border-radius-base);
  box-shadow: var(--o-box-shadow-light);
}

.o-color-picker__panel.o-popper {
  border: 1px solid var(--o-border-color-lighter);
}

.o-color-picker,
.o-color-picker__panel {
  --o-color-picker-alpha-bg-a: #ccc;
  --o-color-picker-alpha-bg-b: transparent;
}

.dark .o-color-picker,
.dark .o-color-picker__panel {
  --o-color-picker-alpha-bg-a: #333333;
}

.o-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}

.o-container.is-vertical {
  flex-direction: column;
}

.o-descriptions {
  --o-descriptions-table-border: 1px solid var(--o-border-color-lighter);
  --o-descriptions-item-bordered-label-background: var(--o-fill-color-light);
  box-sizing: border-box;
  font-size: var(--o-font-size-base);
  color: var(--o-text-color-primary);
}

.o-descriptions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.o-descriptions__title {
  color: var(--o-text-color-primary);
  font-size: 16px;
  font-weight: bold;
}

.o-descriptions__body {
  background-color: transparent;
}

.o-descriptions__body table, .o-descriptions__body tbody, .o-descriptions__body tr, .o-descriptions__body th, .o-descriptions__body td {
  padding: 0;
  margin: 0;
}

.o-descriptions__body .o-descriptions__table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.o-descriptions__body .o-descriptions__table .o-descriptions__cell {
  box-sizing: border-box;
  text-align: left;
  line-height: 24px;
}

.o-descriptions__body .o-descriptions__table .o-descriptions__cell.is-left {
  text-align: left;
}

.o-descriptions__body .o-descriptions__table .o-descriptions__cell.is-center {
  text-align: center;
}

.o-descriptions__body .o-descriptions__table .o-descriptions__cell.is-right {
  text-align: right;
}

.o-descriptions__body .o-descriptions__table.is-bordered .o-descriptions__cell {
  border: var(--o-descriptions-table-border);
}

.o-descriptions.is-vertical tr {
  display: flex;
  gap: 20px;
  padding: 0;
}

.o-descriptions.is-vertical tr:nth-child(even) > div {
  margin-bottom: 20px;
}

.o-descriptions.is-vertical tr:nth-child(odd) > div {
  margin-bottom: 4px;
}

.o-descriptions.is-horizontal tr {
  display: flex;
  gap: 20px;
  padding: 0;
}

.o-descriptions.is-horizontal .o-descriptions__table {
  width: 100%;
}

.o-descriptions.is-horizontal .o-descriptions__cell {
  display: flex;
  flex-direction: row;
  gap: 20px;
  min-width: 100%;
}

.o-descriptions.is-horizontal .o-descriptions__cell > div {
  line-height: 24px;
  margin-bottom: 12px;
}

.o-descriptions.is-horizontal .o-descriptions__cell .o-descriptions__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-descriptions.is-horizontal .o-descriptions__cell .o-descriptions__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.o-descriptions.is-horizontal tr:last-child .o-descriptions__cell > div {
  margin-bottom: 0;
}

.o-descriptions__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 !important;
  background-color: transparent !important;
  display: inline-block;
}

.o-descriptions__label.o-descriptions__cell.is-bordered-label {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-6-ss);
}

.o-descriptions__label:not(.is-bordered-label) {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-6-ss);
}

.o-descriptions__label.o-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-6-ss);
}

.o-descriptions__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 !important;
  background-color: transparent !important;
  display: inline-block;
  white-space: pre;
}

.o-descriptions__content.is-without-margin-bottom {
  margin-bottom: 0 !important;
}

.o-descriptions__content.o-descriptions__cell.is-bordered-content {
  color: var(--o-neutral-fg-2-normal);
}

.o-descriptions__content:not(.is-bordered-label) {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
}

.o-dialog {
  --o-dialog-width: 50%;
  --o-dialog-margin-top: 15vh;
  --o-dialog-bg-color: var(--o-bg-color);
  --o-dialog-box-shadow: var(--o-box-shadow);
  --o-dialog-title-font-size: var(--o-font-size-large);
  --o-dialog-content-font-size: 14px;
  --o-dialog-font-line-height: var(--o-font-line-height-primary);
  --o-dialog-padding-primary: 20px;
  --o-dialog-border-radius: var(--o-border-radius-small);
  position: relative;
  margin: var(--o-dialog-margin-top, 15vh) auto 50px;
  background: var(--o-dialog-bg-color);
  border-radius: var(--o-dialog-border-radius);
  border: 1px solid var(--o-neutral-stroke-3-normal);
  box-shadow: var(--o-shadow-3-down);
  box-sizing: border-box;
  width: var(--o-dialog-width, 50%);
}

.o-dialog:focus {
  outline: none !important;
}

.o-dialog.is-align-center {
  margin: auto;
}

.o-dialog.is-fullscreen {
  --o-dialog-width: 100%;
  --o-dialog-margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
}

.o-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.o-dialog.is-draggable .o-dialog__header {
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-dialog__header {
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  padding: 10px 56px 10px 20px;
  width: 100%;
  box-sizing: border-box;
  color: var(--o-neutral-fg-1-normal);
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.o-dialog__header .o-header.is-small {
  padding: 0;
  border-bottom: 0;
}

.o-dialog__headerbtn {
  position: absolute;
  top: 10px;
  right: 12px;
  padding: 0;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  outline: none;
  cursor: var(--o-cursor-pointer);
  font-size: var(--o-message-close-size, 16px);
}

.o-dialog__headerbtn:hover {
  background-color: var(--o-neutral-bg-1-hover-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
  box-sizing: border-box;
  border-radius: var(--o-radius-s);
}

.o-dialog__headerbtn:hover::before {
  color: var(--o-neutral-fg-2-normal);
  top: 9px;
  right: 9px;
}

.o-dialog__headerbtn:active {
  background-color: var(--o-neutral-bg-1-active-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
  box-sizing: border-box;
  border-radius: var(--o-radius-s);
}

.o-dialog__headerbtn:active::before {
  color: var(--o-neutral-fg-2-normal);
  top: 9px;
  right: 9px;
}

.o-dialog__headerbtn svg {
  display: none;
}

.o-dialog__headerbtn:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea03";
  font-size: 12px;
  line-height: 12px;
}

.o-dialog__headerbtn::before {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--o-neutral-fg-3-normal);
}

.o-dialog__headerbtn .o-dialog__close {
  color: var(--o-color-info);
  font-size: inherit;
}

.o-dialog__headerbtn:focus .o-dialog__close, .o-dialog__headerbtn:hover .o-dialog__close {
  color: var(--o-color-primary);
}

.o-dialog__title {
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-neutral-fg-1-normal);
}

.o-dialog__body {
  padding: 20px 31px;
  color: var(--o-text-color-regular);
  font-size: var(--o-dialog-content-font-size);
}

.o-dialog__footer {
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
  padding: 11px;
  box-sizing: border-box;
  text-align: right;
  box-sizing: border-box;
}

.o-dialog--center {
  text-align: center;
}

.o-dialog--center .o-dialog__body {
  text-align: initial;
  padding: 25px calc(var(--o-dialog-padding-primary) + 5px) 30px;
}

.o-dialog--center .o-dialog__footer {
  text-align: inherit;
}

.o-overlay-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.dialog-fade-enter-active {
  animation: modal-fade-in var(--o-transition-duration);
}

.dialog-fade-enter-active .o-overlay-dialog {
  animation: dialog-fade-in var(--o-transition-duration);
}

.dialog-fade-leave-active {
  animation: modal-fade-out var(--o-transition-duration);
}

.dialog-fade-leave-active .o-overlay-dialog {
  animation: dialog-fade-out var(--o-transition-duration);
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.o-divider {
  position: relative;
}

.o-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  border-top: 1px var(--o-border-color) var(--o-border-style);
}

.o-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
  border-left: 1px var(--o-border-color) var(--o-border-style);
}

.o-divider__text {
  position: absolute;
  background-color: var(--o-bg-color);
  padding: 0 20px;
  font-weight: 500;
  color: var(--o-text-color-primary);
  font-size: 14px;
}

.o-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}

.o-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.o-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}

.o-drawer {
  --o-drawer-bg-color: var(--o-dialog-bg-color, var(--o-bg-color));
  --o-drawer-padding-primary: var(--o-dialog-padding-primary, 20px);
}

.o-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: var(--o-neutral-bg-3-normal);
  display: flex;
  flex-direction: column;
  box-shadow: var(--o-box-shadow-dark);
  overflow: hidden;
  transition: all var(--o-transition-duration);
  border: 0 solid var(--o-neutral-stroke-3-normal);
}

.o-drawer .rtl {
  transform: translate(0, 0);
}

.o-drawer .ltr {
  transform: translate(0, 0);
}

.o-drawer .ttb {
  transform: translate(0, 0);
}

.o-drawer .btt {
  transform: translate(0, 0);
}

.o-drawer__sr-focus:focus {
  outline: none !important;
}

.o-drawer__header {
  align-items: center;
  color: rgb(114, 118, 123);
  display: flex;
  margin-bottom: 32px;
  padding: var(--o-drawer-padding-primary);
  padding-bottom: 0;
}

.o-drawer__header > :first-child {
  flex: 1;
}

.o-drawer__header .o-header {
  width: 100%;
}

.o-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 1rem;
}

.o-drawer__header {
  flex-direction: column;
  align-items: start;
  color: var(--o-neutral-fg-oncolor);
  margin-bottom: 0;
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  padding: 10px 56px 9px 19px;
  width: 100%;
  box-sizing: border-box;
}

.o-drawer__header .o-header.is-small {
  padding: 0;
  border-bottom: 0;
}

.o-drawer__close-btn {
  position: absolute;
  top: 10px;
  right: 12px;
  padding: 0;
  width: 32px;
  height: 32px;
  background: transparent;
  border: 1px solid transparent;
  box-sizing: border-box;
  outline: none;
  border-radius: var(--o-radius-m);
  overflow: hidden;
  cursor: var(--o-cursor-pointer);
  transition: all var(--o-transition-duration);
  font-size: var(--o-message-close-size, 16px);
}

.o-drawer__close-btn:hover {
  transition: all var(--o-transition-duration);
  border-color: var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-1-hover-2);
}

.o-drawer__close-btn:active {
  transition: all var(--o-transition-duration);
  border-color: var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-1-active-2);
}

.o-drawer__close-btn svg {
  display: none;
}

.o-drawer__close-btn:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea03";
  font-size: 12px;
  line-height: 12px;
}

.o-drawer__close-btn::before {
  position: absolute;
  top: 9px;
  right: 9px;
  color: var(--o-neutral-fg-3-normal);
}

.o-drawer__close-btn .o-dialog__close {
  color: var(--o-color-info);
  font-size: inherit;
}

.o-drawer__close-btn:focus .o-dialog__close, .o-drawer__close-btn:hover .o-dialog__close {
  color: var(--o-color-primary);
}

.o-drawer__body {
  flex: 1;
  padding: 20px 32px 20px 31px;
  overflow: auto;
}

.o-drawer__body > * {
  box-sizing: border-box;
}

.o-drawer__footer {
  padding: 12px;
  text-align: right;
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-drawer.ltr, .o-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}

.o-drawer.ttb, .o-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}

.o-drawer.ltr {
  left: 0;
  border-right-width: 1px;
}

.o-drawer.rtl {
  right: 0;
  border-left-width: 1px;
}

.o-drawer.ttb {
  top: 0;
  border-bottom-width: 1px;
}

.o-drawer.btt {
  bottom: 0;
  border-top-width: 1px;
}

.o-drawer-fade-enter-active, .o-drawer-fade-leave-active {
  transition: all var(--o-transition-duration);
}

.o-drawer-fade-enter-from, .o-drawer-fade-enter-active, .o-drawer-fade-enter-to, .o-drawer-fade-leave-from, .o-drawer-fade-leave-active, .o-drawer-fade-leave-to {
  overflow: hidden !important;
}

.o-drawer-fade-enter-from, .o-drawer-fade-leave-to {
  opacity: 0;
}

.o-drawer-fade-enter-to, .o-drawer-fade-leave-from {
  opacity: 1;
}

.o-drawer-fade-enter-from .rtl, .o-drawer-fade-leave-to .rtl {
  transform: translateX(100%);
}

.o-drawer-fade-enter-from .ltr, .o-drawer-fade-leave-to .ltr {
  transform: translateX(-100%);
}

.o-drawer-fade-enter-from .ttb, .o-drawer-fade-leave-to .ttb {
  transform: translateY(-100%);
}

.o-drawer-fade-enter-from .btt, .o-drawer-fade-leave-to .btt {
  transform: translateY(100%);
}

.o-dropdown {
  --o-dropdown-menu-box-shadow: var(--o-box-shadow-light);
  --o-dropdown-menuItem-hover-fill: var(--o-color-primary-light-9);
  --o-dropdown-menuItem-hover-color: var(--o-color-primary);
  --o-dropdown-menu-index: 10;
  display: inline-flex;
  position: relative;
  color: var(--o-text-color-regular);
  font-size: var(--o-font-size-base);
  line-height: 1;
  vertical-align: top;
}

.o-dropdown.is-disabled {
  color: var(--o-text-color-placeholder);
  cursor: not-allowed;
}

.o-dropdown__popper {
  --o-dropdown-menu-box-shadow: var(--o-box-shadow-light);
  --o-dropdown-menuItem-hover-fill: var(--o-color-primary-light-9);
  --o-dropdown-menuItem-hover-color: var(--o-color-primary);
  --o-dropdown-menu-index: 10;
}

.o-dropdown__popper.o-popper {
  background: var(--o-bg-color-overlay);
  border: 1px solid var(--o-neutral-stroke-3-normal) !important;
  box-shadow: var(--o-dropdown-menu-box-shadow);
}

.o-dropdown__popper.o-popper .o-popper__arrow {
  display: none;
}

.o-dropdown__popper.o-popper .o-popper__arrow::before {
  border: 1px solid var(--o-neutral-stroke-3-normal) !important;
}

.o-dropdown__popper.o-popper[data-popper-placement^=top] .o-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}

.o-dropdown__popper.o-popper[data-popper-placement^=bottom] .o-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.o-dropdown__popper.o-popper[data-popper-placement^=left] .o-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.o-dropdown__popper.o-popper[data-popper-placement^=right] .o-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.o-dropdown__popper .o-dropdown-menu {
  border: none;
}

.o-dropdown__popper .o-dropdown__popper-selfdefine {
  outline: none;
}

.o-dropdown__popper .o-scrollbar__bar {
  z-index: calc(var(--o-dropdown-menu-index) + 1);
}

.o-dropdown__popper .o-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.o-dropdown .o-dropdown__caret-button {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  border-left: none;
}

.o-dropdown .o-dropdown__caret-button > span {
  display: inline-flex;
}

.o-dropdown .o-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: -1px;
  bottom: -1px;
  left: 0;
  background: var(--o-overlay-color-lighter);
}

.o-dropdown .o-dropdown__caret-button.o-button::before {
  background: var(--o-border-color);
  opacity: 0.5;
}

.o-dropdown .o-dropdown__caret-button .o-dropdown__icon {
  font-size: inherit;
  padding-left: 0;
}

.o-dropdown .o-dropdown-selfdefine {
  outline: none;
}

.o-dropdown--large .o-dropdown__caret-button {
  width: 40px;
}

.o-dropdown--small .o-dropdown__caret-button {
  width: 24px;
}

.o-dropdown-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: var(--o-dropdown-menu-index);
  padding: 3px;
  margin: 0;
  width: 240px;
  box-sizing: border-box;
  background-color: var(--o-neutral-bg-1-normal);
  border: none;
  border-radius: var(--o-border-radius-base);
  box-shadow: none;
  list-style: none;
}

.o-dropdown-menu__item {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--o-neutral-fg-2-normal);
  box-sizing: border-box;
  width: 234px;
  height: 32px;
  padding: 6px 8px;
  margin: 0 0 4px 0;
  border: 1px solid transparent;
  border-radius: var(--o-radius-s);
  align-items: center;
  white-space: nowrap;
  list-style: none;
  cursor: var(--o-cursor-pointer);
  outline: none;
}

.o-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-dropdown-menu__item:not(.is-disabled):active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-dropdown-menu__item:last-of-type {
  margin-bottom: 0;
}

.o-dropdown-menu__item i {
  margin-right: 5px;
}

.o-dropdown-menu__item--divided {
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
  margin-bottom: 4px;
}

.o-dropdown-menu__item.is-disabled {
  cursor: var(--o-cursor-not-allowed);
  color: var(--o-neutral-fg-disabled);
}

.o-dropdown-menu__item.is-activated, .o-dropdown-menu__item.is-activated:hover, .o-dropdown-menu__item.is-activated:active {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
  border-radius: var(--o-radius-s);
}

.o-dropdown-menu--large {
  padding: 7px 0;
}

.o-dropdown-menu--large .o-dropdown-menu__item {
  padding: 7px 20px;
  line-height: 22px;
  font-size: 14px;
}

.o-dropdown-menu--large .o-dropdown-menu__item--divided {
  margin: 8px 0;
}

.o-dropdown-menu--small {
  padding: 3px 0;
}

.o-dropdown-menu--small .o-dropdown-menu__item {
  padding: 2px 12px;
  line-height: 20px;
  font-size: 12px;
}

.o-dropdown-menu--small .o-dropdown-menu__item--divided {
  margin: 4px 0;
}

.o-dropdown-group__label {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;
  color: var(--o-neutral-fg-6-ss);
  height: 32px;
  line-height: 32px;
  padding: 0 11px;
}

.o-dropdown-group__menu .o-dropdown-menu__item {
  padding-left: 28px;
}

.o-footer {
  --o-footer-padding: 0 20px;
  --o-footer-height: 60px;
  padding: var(--o-footer-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--o-footer-height);
}

.o-form {
  --o-form-label-font-size: var(--o-font-size-base);
  --o-form-inline-content-width: 220px;
}

.o-form--label-left .o-form-item__label {
  justify-content: flex-start;
  align-items: center;
  white-space: pre-wrap;
  overflow: visible;
  padding-right: 12px;
  max-height: 40px;
}

.o-form--label-left .o-form-item__label .o-form-item__label--text {
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.o-form--label-right .o-form-item__label {
  justify-content: flex-end;
  align-items: center;
  white-space: pre-wrap;
  overflow: visible;
  padding-right: 12px;
  max-height: 40px;
}

.o-form--label-right .o-form-item__label .o-form-item__label--text {
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.o-form--label-top .o-form-item {
  display: block;
}

.o-form--label-top .o-form-item .o-form-item__label {
  display: inline-flex;
  max-width: 100%;
  margin-bottom: 4px;
}

.o-form--inline .o-form-item {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 32px;
}

.o-form--inline.o-form--label-top {
  display: flex;
  flex-wrap: wrap;
}

.o-form--inline.o-form--label-top .o-form-item {
  display: block;
}

.o-form--large.o-form--label-top .o-form-item .o-form-item__label {
  margin-bottom: 12px;
}

.o-form--default.o-form--label-top .o-form-item .o-form-item__label {
  margin-bottom: 4px;
}

.o-form--small.o-form--label-top .o-form-item .o-form-item__label {
  margin-bottom: 4px;
}

.o-form-item {
  display: flex;
  --font-size: 14px;
  margin-bottom: 20px;
}

.o-form-item .o-form-item {
  margin-bottom: 0;
}

.o-form-item .o-input__validateIcon {
  display: none;
}

.o-form-item--large {
  --font-size: 14px;
  --o-form-label-font-size: var(--font-size);
  margin-bottom: 22px;
}

.o-form-item--large .o-form-item__label {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-form-item--default {
  --font-size: 14px;
  --o-form-label-font-size: var(--font-size);
  margin-bottom: 20px;
}

.o-form-item--default .o-form-item__label {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-form-item--small {
  --font-size: 12px;
  --o-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}

.o-form-item--small .o-form-item__label {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-form-item__label-wrap {
  display: flex;
}

.o-form-item__label {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 auto;
  gap: 4px;
  color: var(--o-neutral-fg-6-ss);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  box-sizing: border-box;
}

.o-form-item__label--text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-form-item__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  position: relative;
  font-size: var(--font-size);
  min-width: 0;
}

.o-form-item__content .o-input-group {
  vertical-align: top;
}

.o-form-item__error {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  padding: 5px 7px 5px 31px;
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  background-color: #761619;
  border: 1px solid var(--o-status-error-bg-1-normal);
  border-radius: var(--o-radius-m);
  width: 100%;
  box-sizing: border-box;
  z-index: 9;
  white-space: pre-wrap;
}

.o-form-item__error:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #761619;
  border: 1px solid var(--o-status-error-bg-1-normal);
  border-width: 0 1px 1px 0;
  transform: rotate(225deg);
  left: 10px;
  top: -4px;
}

.o-form-item__error:before {
  font-family: "icon-font";
  content: "\ea06";
  position: absolute;
  font-size: 18px;
  left: 8px;
  color: #EC6F73;
}

.o-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.o-form-item.is-required:not(.is-no-asterisk).asterisk-left > .o-form-item__label:before,
.o-form-item.is-required:not(.is-no-asterisk).asterisk-left > .o-form-item__label-wrap > .o-form-item__label:before {
  content: "\ea05";
  display: inline-flex;
  font-style: normal;
  font-family: "icon-font";
  font-size: 12px;
  transform: scale(0.6666666667);
  color: var(--o-status-error-fg-1-normal);
  vertical-align: top;
}

.o-form-item.is-required:not(.is-no-asterisk).asterisk-right > .o-form-item__label:after,
.o-form-item.is-required:not(.is-no-asterisk).asterisk-right > .o-form-item__label-wrap > .o-form-item__label:after {
  content: "\ea05";
  display: inline-flex;
  font-style: normal;
  font-family: "icon-font";
  font-size: 12px;
  transform: scale(0.6666666667);
  color: var(--o-status-error-fg-1-normal);
  vertical-align: top;
}

.o-form-item.is-error .o-select-v2__wrapper.is-focused {
  border-color: transparent;
}

.o-form-item.is-error .o-select-v2__wrapper, .o-form-item.is-error .o-select-v2__wrapper:focus,
.o-form-item.is-error .o-textarea__inner,
.o-form-item.is-error .o-textarea__inner:focus {
  border-color: var(--o-color-danger);
}

.o-form-item.is-error .o-input__wrapper {
  border-color: var(--o-form-color-danger);
}

.o-form-item.is-error .o-input__wrapper:hover {
  border-color: var(--o-form-color-danger);
}

.o-form-item.is-error .o-input__wrapper.is-focus {
  border-color: var(--o-form-color-danger);
}

.o-form-item.is-error .o-email-recipient__input-wrapper {
  border-color: var(--o-form-color-danger);
}

.o-form-item.is-error .o-email-recipient__input-wrapper:hover {
  border-color: var(--o-form-color-danger);
}

.o-form-item.is-error .o-email-recipient__input-wrapper.is-focus {
  border-color: var(--o-form-color-danger);
}

.o-form-item.is-error .o-select:not(.is-not-validate-event):hover {
  box-shadow: 0 0 0 1px transparent;
}

.o-form-item.is-error .o-select:not(.is-not-validate-event) .o-input .o-input__wrapper:hover {
  border-color: var(--o-color-danger);
}

.o-form-item.is-error .o-select:not(.is-not-validate-event) .o-input.is-focus .o-input__wrapper {
  border-color: var(--o-color-danger);
}

.o-form-item.is-error .o-input-group__append .o-input__wrapper,
.o-form-item.is-error .o-input-group__prepend .o-input__wrapper {
  box-shadow: 0 0 0 1px transparent inset;
}

.o-form-item.is-error .o-input__validateIcon {
  display: none;
}

.o-form-item.is-without-margin-bottom {
  margin-bottom: 0;
}

.o-form-item--feedback .o-input__validateIcon {
  display: none !important;
}

.o-header {
  padding: 10px 24px 9px 24px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-header__main-title {
  display: flex;
  align-items: center;
  color: var(--o-neutral-fg-1-normal);
  height: 32px;
  font-family: LatoBold;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.o-header__main-title--icon {
  display: inline-flex;
  margin-right: 12px;
}

.o-header__main-title--content {
  display: inline-flex;
  align-items: center;
  flex: 1;
  gap: 8px;
  min-width: 0;
}

.o-header__main-title--text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.o-header__main-title--action-bar {
  display: inline-flex;
}

.o-header__sub-title {
  margin-top: 4px;
  color: var(--o-neutral-fg-4-normal);
  max-width: 720px;
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-header.is-small .o-header__main-title {
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.o-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.o-image-viewer__btn {
  width: 40px;
  height: 32px;
  background-color: var(--o-neutral-bg-transparent-normal);
  border: 1px solid var(--o-neutral-stroke-accessible);
  border-radius: var(--o-radius-l);
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: var(--o-cursor-pointer);
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-image-viewer__btn .o-icon {
  font-size: inherit;
  cursor: var(--o-cursor-pointer);
}

.o-image-viewer__close {
  top: 20px;
  right: 24px;
  font-size: 40px;
}

.o-image-viewer__canvas {
  position: static;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-image-viewer__canvas img {
  display: block;
}

.o-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 282px;
  padding: 0 23px;
  height: 48px;
  box-shadow: var(--o-box-shadow-3-down);
  background-color: var(--o-neutral-bg-3-normal);
}

.o-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.o-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  font-size: 24px;
}

.o-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  text-indent: 2px;
  font-size: 24px;
}

.o-image-viewer__close {
  font-size: 24px;
}

.o-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in var(--o-transition-duration);
}

.viewer-fade-leave-active {
  animation: viewer-fade-out var(--o-transition-duration);
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
.o-image__error, .o-image__placeholder, .o-image__wrapper, .o-image__inner {
  width: 100%;
  height: 100%;
}

.o-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.o-image__inner {
  vertical-align: top;
  opacity: 1;
}

.o-image__inner.is-loading {
  opacity: 0;
}

.o-image__wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.o-image__placeholder {
  background: var(--o-fill-color-light);
}

.o-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: var(--o-fill-color-light);
  color: var(--o-text-color-placeholder);
  vertical-align: middle;
}

.o-image__preview {
  cursor: var(--o-cursor-pointer);
}

.o-textarea {
  --o-input-text-color: var(--o-text-color-regular);
  --o-input-border: var(--o-border);
  --o-input-hover-border: var(--o-border-color-hover);
  --o-input-focus-border: var(--o-color-primary);
  --o-input-transparent-border: 0 0 0 1px transparent inset;
  --o-input-border-color: var(--o-border-color);
  --o-input-border-radius: var(--o-border-radius-base);
  --o-input-bg-color: var(--o-fill-color-blank);
  --o-input-icon-color: var(--o-text-color-placeholder);
  --o-input-placeholder-color: var(--o-text-color-placeholder);
  --o-input-hover-border-color: var(--o-border-color-hover);
  --o-input-clear-hover-color: var(--o-text-color-secondary);
  --o-input-focus-border-color: var(--o-color-primary);
  --o-input-width: 100%;
  --o-input-disabled-fill: var(--o-disabled-bg-color);
  --o-input-disabled-border: var(--o-disabled-border-color);
  --o-input-disabled-text-color: var(--o-disabled-text-color);
  --o-input-disabled-placeholder-color: var(--o-text-color-placeholder);
}

.o-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: var(--o-font-size-base);
}

.o-textarea__inner {
  position: relative;
  display: block;
  resize: vertical;
  padding: 5px 7px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  color: var(--o-input-text-color, var(--o-text-color-regular));
  background-color: var(--o-input-bg-color, var(--o-fill-color-blank));
  background-image: none;
  -webkit-appearance: none;
  border: 1px solid var(--o-input-border-color);
  border-bottom-color: var(--o-input-border-bottom-color);
  border-radius: var(--o-input-border-radius, var(--o-border-radius-base));
}

.o-textarea__inner::-moz-placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-input-placeholder-color, var(--o-text-color-placeholder));
}

.o-textarea__inner::placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-input-placeholder-color, var(--o-text-color-placeholder));
}

.o-textarea__inner:hover {
  border: 1px solid var(--o-input-hover-border-color);
  border-bottom-color: var(--o-input-hover-border-color);
}

.o-textarea__inner:focus {
  outline: none;
  border: 1px solid var(--o-input-focus-border-color);
  border-bottom-color: var(--o-input-focus-border-color);
}

.o-textarea .o-input__count {
  color: var(--o-color-info);
  background: var(--o-fill-color-blank);
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 5px;
  right: 10px;
}

.o-textarea.is-disabled .o-textarea__inner {
  border: 1px solid var(--o-input-disabled-border);
  border-bottom-color: var(--o-input-disabled-border);
  background-color: var(--o-input-disabled-fill);
  color: var(--o-input-disabled-text-color);
  cursor: var(--o-cursor-not-allowed);
}

.o-textarea.is-disabled .o-textarea__inner::-moz-placeholder {
  color: var(--o-input-disabled-placeholder-color);
}

.o-textarea.is-disabled .o-textarea__inner::placeholder {
  color: var(--o-input-disabled-placeholder-color);
}

.o-textarea.is-readonly .o-textarea__inner {
  background-color: unset;
  cursor: var(--o-cursor-not-allowed);
  color: var(--o-neutral-fg-2-normal);
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-textarea.is-exceed .o-textarea__inner {
  box-shadow: 0 0 0 1px var(--o-color-danger) inset;
}

.o-textarea.is-exceed .o-input__count {
  color: var(--o-color-danger);
}

.o-input {
  --o-input-text-color: var(--o-text-color-regular);
  --o-input-border: var(--o-border);
  --o-input-hover-border: var(--o-border-color-hover);
  --o-input-focus-border: var(--o-color-primary);
  --o-input-transparent-border: 0 0 0 1px transparent inset;
  --o-input-border-color: var(--o-border-color);
  --o-input-border-radius: var(--o-border-radius-base);
  --o-input-bg-color: var(--o-fill-color-blank);
  --o-input-icon-color: var(--o-text-color-placeholder);
  --o-input-placeholder-color: var(--o-text-color-placeholder);
  --o-input-hover-border-color: var(--o-border-color-hover);
  --o-input-clear-hover-color: var(--o-text-color-secondary);
  --o-input-focus-border-color: var(--o-color-primary);
  --o-input-width: 100%;
  --o-input-disabled-fill: var(--o-disabled-bg-color);
  --o-input-disabled-border: var(--o-disabled-border-color);
  --o-input-disabled-text-color: var(--o-disabled-text-color);
  --o-input-disabled-placeholder-color: var(--o-text-color-placeholder);
}

.o-input {
  --o-input-height: var(--o-component-size);
  position: relative;
  font-size: var(--o-font-size-base);
  display: inline-flex;
  width: var(--o-input-width);
  line-height: var(--o-input-height);
  box-sizing: border-box;
  vertical-align: middle;
  height: var(--o-component-size);
}

.o-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}

.o-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.o-input::-webkit-scrollbar-thumb {
  border-radius: var(--o-radius-s);
  background-color: var(--o-neutral-bg-scrollbar-normal-ss);
}

.o-input::-webkit-scrollbar-thumb:hover {
  background-color: var(--o-neutral-bg-scrollbar-hover-ss);
}

.o-input::-webkit-scrollbar-corner {
  background-color: transparent;
}

.o-input::-webkit-scrollbar-track {
  background-color: transparent;
}

.o-input::-webkit-scrollbar-track-piece {
  background: transparent;
}

.o-input .o-input__clear, .o-input .o-input__password {
  color: var(--o-input-icon-color);
  font-size: 14px;
  cursor: var(--o-cursor-pointer);
}

.o-input .o-input__clear:hover, .o-input .o-input__password:hover {
  color: var(--o-input-clear-hover-color);
}

.o-input .o-input__clear {
  display: block;
  width: 24px;
  height: 24px !important;
  margin-right: -4px;
  border-radius: var(--o-radius-s);
  color: var(--o-neutral-fg-3-normal);
}

.o-input .o-input__clear:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea03";
  font-size: 12px;
  line-height: 12px;
}

.o-input .o-input__clear svg {
  display: none;
}

.o-input .o-input__clear:hover {
  background-color: var(--o-neutral-bg-1-hover-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
}

.o-input .o-input__clear:active {
  background-color: var(--o-neutral-bg-1-active-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
}

.o-input .o-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--o-color-info);
  font-size: 12px;
}

.o-input .o-input__count .o-input__count-inner {
  background: var(--o-fill-color-blank);
  line-height: initial;
  display: inline-block;
  padding-left: 8px;
}

.o-input__wrapper {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 0 calc(var(--o-spacing-03) - 1px);
  background-color: var(--o-input-bg-color, var(--o-fill-color-blank));
  background-image: none;
  border-radius: var(--o-input-border-radius, var(--o-border-radius-base));
  cursor: text;
  border: 1px solid var(--o-input-border-color);
  border-bottom-color: var(--o-input-border-bottom-color);
}

.o-input__wrapper:hover {
  border: 1px solid var(--o-input-hover-border-color);
  border-bottom-color: var(--o-input-hover-border-color);
}

.o-input__wrapper.is-focus {
  border: 1px solid var(--o-input-focus-border-color);
  border-bottom-color: var(--o-input-focus-border-color);
}

.o-input__inner {
  --o-input-inner-height: var(--o-input-height, 32px);
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  color: var(--o-input-text-color, var(--o-text-color-regular));
  font-size: inherit;
  height: var(--o-input-inner-height);
  line-height: var(--o-input-inner-height);
  padding: 0;
  outline: none;
  border: none;
  background: none;
  box-sizing: border-box;
  text-overflow: ellipsis;
}

.o-input__inner:focus {
  outline: none;
}

.o-input__inner::-moz-placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-input-placeholder-color, var(--o-text-color-placeholder));
}

.o-input__inner::placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-input-placeholder-color, var(--o-text-color-placeholder));
}

.o-input__inner[type=password]::-ms-reveal {
  display: none;
}

.o-input__inner[type=number] {
  line-height: 1;
}

.o-input__prefix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  text-align: center;
  color: var(--o-input-icon-color, var(--o-text-color-placeholder));
  pointer-events: none;
}

.o-input__prefix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.o-input__prefix-inner > :last-child {
  margin-right: 8px;
}

.o-input__prefix-inner > :first-child, .o-input__prefix-inner > :first-child.o-input__icon {
  margin-left: 0;
}

.o-input__suffix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  text-align: center;
  color: var(--o-input-icon-color, var(--o-text-color-placeholder));
  pointer-events: none;
}

.o-input__suffix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.o-input__suffix-inner > :first-child {
  margin-left: 8px;
}

.o-input .o-input__icon {
  height: inherit;
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
}

.o-input__validateIcon {
  pointer-events: none;
}

.o-input.is-active .o-input__wrapper {
  box-shadow: 0 0 0 1px var(--o-input-focus-color, ) inset;
}

.o-input.is-disabled {
  cursor: var(--o-cursor-not-allowed);
}

.o-input.is-disabled .o-input__wrapper {
  background-color: var(--o-input-disabled-fill);
  border: 1px solid var(--o-input-disabled-border);
  border-bottom-color: var(--o-input-disabled-border);
  cursor: var(--o-cursor-not-allowed);
}

.o-input.is-disabled .o-input__inner {
  color: var(--o-input-disabled-text-color);
  cursor: var(--o-cursor-not-allowed);
}

.o-input.is-disabled .o-input__inner::-moz-placeholder {
  color: var(--o-input-disabled-placeholder-color);
}

.o-input.is-disabled .o-input__inner::placeholder {
  color: var(--o-input-disabled-placeholder-color);
}

.o-input.is-disabled .o-input__icon {
  cursor: var(--o-cursor-not-allowed);
}

.o-input.is-readonly {
  cursor: var(--o-cursor-not-allowed);
}

.o-input.is-readonly .o-input__wrapper {
  background-color: unset;
  cursor: var(--o-cursor-not-allowed);
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-input.is-readonly .o-input__inner {
  cursor: var(--o-cursor-not-allowed);
  color: var(--o-neutral-fg-2-normal);
}

.o-input.is-readonly .o-input__icon {
  cursor: var(--o-cursor-not-allowed);
}

.o-input.is-exceed .o-input__wrapper {
  box-shadow: 0 0 0 1px var(--o-color-danger) inset;
}

.o-input.is-exceed .o-input__suffix .o-input__count {
  color: var(--o-color-danger);
}

.o-input--large {
  --o-input-height: var(--o-component-size-large);
  font-size: 14px;
}

.o-input--large .o-input__wrapper {
  padding: 1px 15px;
}

.o-input--large .o-input__inner {
  --o-input-inner-height: calc(var(--o-input-height, 40px) - 2px);
}

.o-input--small {
  --o-input-height: var(--o-component-size-small);
  font-size: 12px;
}

.o-input--small .o-input__wrapper {
  padding: 1px 7px;
}

.o-input--small .o-input__inner {
  --o-input-inner-height: calc(var(--o-input-height, 24px) - 2px);
}

.o-input-group {
  display: inline-flex;
  width: 100%;
  align-items: stretch;
}

.o-input-group__append, .o-input-group__prepend {
  background-color: var(--o-neutral-bg-8-normal-ss);
  color: var(--o-neutral-fg-3-normal);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  border-radius: var(--o-input-border-radius);
  padding: 0 20px;
  white-space: nowrap;
}

.o-input-group__append:focus, .o-input-group__prepend:focus {
  outline: none;
}

.o-input-group__append .o-select,
.o-input-group__append .o-button, .o-input-group__prepend .o-select,
.o-input-group__prepend .o-button {
  display: inline-block;
  margin: 0 -20px;
}

.o-input-group__append button.o-button,
.o-input-group__append button.o-button:hover,
.o-input-group__append div.o-select .o-select__wrapper,
.o-input-group__append div.o-select:hover .o-select__wrapper, .o-input-group__prepend button.o-button,
.o-input-group__prepend button.o-button:hover,
.o-input-group__prepend div.o-select .o-select__wrapper,
.o-input-group__prepend div.o-select:hover .o-select__wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
}

.o-input-group__append .o-button,
.o-input-group__append .o-input, .o-input-group__prepend .o-button,
.o-input-group__prepend .o-input {
  font-size: inherit;
}

.o-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--o-input-border-color) inset, 0 1px 0 0 var(--o-input-border-color) inset, 0 -1px 0 0 var(--o-input-border-color) inset;
}

.o-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--o-input-border-color) inset, 0 -1px 0 0 var(--o-input-border-color) inset, -1px 0 0 0 var(--o-input-border-color) inset;
}

.o-input-group--prepend > .o-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.o-input-group--prepend .o-input-group__prepend .o-select .o-select__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--o-input-border-color) inset, 0 1px 0 0 var(--o-input-border-color) inset, 0 -1px 0 0 var(--o-input-border-color) inset;
}

.o-input-group--append > .o-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.o-input-group--append .o-input-group__append .o-select .o-select__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--o-input-border-color) inset, 0 -1px 0 0 var(--o-input-border-color) inset, -1px 0 0 0 var(--o-input-border-color) inset;
}

.o-input-hidden {
  display: none !important;
}

.o-link {
  --o-link-font-size: var(--o-font-size-base);
  --o-link-font-weight: var(--o-font-weight-primary);
  --o-link-text-color: var(--o-text-color-regular);
  --o-link-hover-text-color: var(--o-color-primary);
  --o-link-disabled-text-color: var(--o-text-color-placeholder);
}

.o-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  outline: none;
  cursor: default;
  padding: 0;
}

.o-link.is-large {
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-brand-fg-1-normal);
  text-decoration: none;
}

.o-link.is-large:hover {
  color: var(--o-brand-fg-1-hover);
}

.o-link.is-large:active {
  color: var(--o-brand-fg-1-active);
}

.o-link.is-large > .o-link__inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 256px;
}

.o-link.is-middle {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-brand-fg-1-normal);
  text-decoration: none;
}

.o-link.is-middle:hover {
  color: var(--o-brand-fg-1-hover);
}

.o-link.is-middle:active {
  color: var(--o-brand-fg-1-active);
}

.o-link.is-middle > .o-link__inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 256px;
}

.o-link.is-small {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--o-brand-fg-1-normal);
  text-decoration: none;
}

.o-link.is-small:hover {
  color: var(--o-brand-fg-1-hover);
}

.o-link.is-small:active {
  color: var(--o-brand-fg-1-active);
}

.o-link.is-small > .o-link__inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 192px;
}

.o-link.is-force-underline {
  text-decoration: underline;
}

.o-link.is-disabled, .o-link.is-disabled:hover, .o-link.is-disabled:active {
  color: var(--o-neutral-fg-disabled);
  cursor: var(--o-cursor-not-allowed);
}

.o-link [class*=o-icon-] + span {
  margin-left: 5px;
}

.o-link__inner {
  display: inline;
  margin: 0 2px;
}

.o-link.is-underline {
  cursor: pointer;
}

:root {
  --o-loading-spinner-size: 42px;
  --o-loading-fullscreen-spinner-size: 50px;
}

.o-loading-parent--relative {
  position: relative !important;
}

.o-loading-parent--hidden {
  overflow: hidden !important;
}

.o-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: var(--o-mask-color);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity var(--o-transition-duration);
}

.o-loading-mask.is-fullscreen {
  position: fixed;
}

.o-loading-mask.is-fullscreen .o-loading-spinner {
  margin-top: calc((0px - var(--o-loading-fullscreen-spinner-size)) / 2);
}

.o-loading-mask.is-fullscreen .o-loading-spinner .circular {
  height: var(--o-loading-fullscreen-spinner-size);
  width: var(--o-loading-fullscreen-spinner-size);
}

.o-loading-spinner {
  top: 50%;
  margin-top: calc((0px - var(--o-loading-spinner-size)) / 2);
  width: 100%;
  text-align: center;
  position: absolute;
}

.o-loading-spinner .o-loading-text {
  color: var(--o-color-primary);
  margin: 3px 0;
  font-size: 14px;
}

.o-loading-spinner .circular {
  display: inline;
  height: var(--o-loading-spinner-size);
  width: var(--o-loading-spinner-size);
  animation: loading-rotate 2s linear infinite;
}

.o-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--o-color-primary);
  stroke-linecap: round;
}

.o-loading-spinner i {
  color: var(--o-color-primary);
}

.o-loading-fade-enter-from,
.o-loading-fade-leave-to {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.o-main {
  --o-main-padding: 20px;
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: var(--o-main-padding);
}

:root {
  --o-menu-active-color: var(--o-color-primary);
  --o-menu-text-color: var(--o-text-color-primary);
  --o-menu-hover-text-color: var(--o-color-primary);
  --o-menu-bg-color: var(--o-fill-color-blank);
  --o-menu-hover-bg-color: var(--o-color-primary-light-9);
  --o-menu-item-height: 56px;
  --o-menu-sub-item-height: calc(var(--o-menu-item-height) - 6px);
  --o-menu-horizontal-height: 60px;
  --o-menu-horizontal-sub-item-height: 36px;
  --o-menu-item-font-size: var(--o-font-size-base);
  --o-menu-item-hover-fill: var(--o-color-primary-light-9);
  --o-menu-border-color: var(--o-border-color);
  --o-menu-base-level-padding: 20px;
  --o-menu-level-padding: 20px;
  --o-menu-icon-width: 24px;
}

.o-menu {
  border-right: solid 1px var(--o-neutral-stroke-2-normal);
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  box-sizing: border-box;
  height: 100%;
  width: 248px;
  flex-shrink: 0;
}

.o-menu--vertical:not(.o-menu--collapse):not(.o-menu--popup-container) .o-menu-item, .o-menu--vertical:not(.o-menu--collapse):not(.o-menu--popup-container) .o-sub-menu__title, .o-menu--vertical:not(.o-menu--collapse):not(.o-menu--popup-container) .o-menu-item-group__title {
  white-space: nowrap;
  padding-left: 16px;
}

.o-menu:not(.o-menu--collapse) .o-sub-menu__title {
  padding-right: 11px;
}

.o-menu--horizontal {
  display: flex;
  flex-wrap: nowrap;
  border-right: none;
  height: var(--o-menu-horizontal-height);
}

.o-menu--horizontal.o-menu--popup-container {
  height: unset;
}

.o-menu--horizontal.o-menu {
  border-bottom: solid 1px var(--o-menu-border-color);
}

.o-menu--horizontal > .o-menu-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: var(--o-menu-text-color);
}

.o-menu--horizontal > .o-menu-item a,
.o-menu--horizontal > .o-menu-item a:hover {
  color: inherit;
}

.o-menu--horizontal > .o-sub-menu:focus, .o-menu--horizontal > .o-sub-menu:hover {
  outline: none;
}

.o-menu--horizontal > .o-sub-menu:hover .o-sub-menu__title {
  color: var(--o-menu-hover-text-color);
}

.o-menu--horizontal > .o-sub-menu.is-active .o-sub-menu__title {
  border-bottom: 2px solid var(--o-menu-active-color);
  color: var(--o-menu-active-color);
}

.o-menu--horizontal > .o-sub-menu .o-sub-menu__title {
  height: 100%;
  border-bottom: 2px solid transparent;
  color: var(--o-menu-text-color);
}

.o-menu--horizontal > .o-sub-menu .o-sub-menu__title:hover {
  background-color: var(--o-menu-bg-color);
}

.o-menu--horizontal .o-menu .o-menu-item, .o-menu--horizontal .o-menu .o-sub-menu__title {
  background-color: var(--o-menu-bg-color);
  display: flex;
  align-items: center;
  height: var(--o-menu-horizontal-sub-item-height);
  line-height: var(--o-menu-horizontal-sub-item-height);
  padding: 0 10px;
  color: var(--o-menu-text-color);
}

.o-menu--horizontal .o-menu .o-sub-menu__title {
  padding-right: 40px;
}

.o-menu--horizontal .o-menu .o-menu-item.is-active, .o-menu--horizontal .o-menu .o-sub-menu.is-active > .o-sub-menu__title {
  color: var(--o-menu-active-color);
}

.o-menu--horizontal .o-menu-item:not(.is-disabled):hover, .o-menu--horizontal .o-menu-item:not(.is-disabled):focus {
  outline: none;
  color: var(--o-menu-hover-text-color);
  background-color: var(--o-menu-hover-bg-color);
}

.o-menu--horizontal > .o-menu-item.is-active {
  border-bottom: 2px solid var(--o-menu-active-color);
  color: var(--o-menu-active-color) !important;
}

.o-menu--collapse {
  width: 56px;
}

.o-menu--collapse > .o-menu-item [class^=o-icon],
.o-menu--collapse > .o-sub-menu > .o-sub-menu__title [class^=o-icon],
.o-menu--collapse > .o-menu-item-group > ul > .o-sub-menu > .o-sub-menu__title [class^=o-icon] {
  margin: 0;
  vertical-align: middle;
  width: var(--o-menu-icon-width);
  text-align: center;
}

.o-menu--collapse > .o-menu-item .o-sub-menu__icon-arrow,
.o-menu--collapse > .o-sub-menu > .o-sub-menu__title .o-sub-menu__icon-arrow,
.o-menu--collapse > .o-menu-item-group > ul > .o-sub-menu > .o-sub-menu__title .o-sub-menu__icon-arrow {
  display: none;
}

.o-menu--collapse > .o-menu-item > span,
.o-menu--collapse > .o-sub-menu > .o-sub-menu__title > span,
.o-menu--collapse > .o-menu-item-group > ul > .o-sub-menu > .o-sub-menu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}

.o-menu--collapse > .o-menu-item.is-active i {
  color: inherit;
}

.o-menu--collapse .o-menu .o-sub-menu {
  min-width: 200px;
}

.o-menu--collapse .o-sub-menu.is-active {
  background-color: var(--o-neutral-bg-1-selected-3-ss);
}

.o-menu--collapse .o-sub-menu.is-active .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-menu--collapse .o-sub-menu__title--arrow {
  display: none;
}

.o-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none !important;
  padding: 3px !important;
  border-radius: var(--o-border-radius-small);
  box-shadow: var(--o-box-shadow-light);
}

.o-menu--popup .o-menu-item {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  border-radius: var(--o-radius-s);
  height: 32px;
}

.o-menu--popup .o-menu-item.is-active {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
}

.o-menu--popup .o-menu-item + .o-menu-item {
  margin-top: 4px;
}

.o-menu .o-icon {
  flex-shrink: 0;
}

.o-menu__collapse {
  display: flex;
  flex-direction: row;
  align-content: center;
  height: 52px;
  padding-left: 16px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  cursor: var(--o-cursor-pointer);
}

.o-menu__collapse .o-icon__svg {
  color: var(--o-neutral-fg-6-ss);
}

.o-menu__collapse.is-disabled .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-menu__collapse:not(.is-disabled):hover {
  background-color: var(--o-neutral-bg-1-hover-3-ss);
}

.o-menu__collapse:not(.is-disabled):hover .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-menu__collapse:not(.is-disabled):active {
  background-color: var(--o-neutral-bg-1-active-3-ss);
}

.o-menu__collapse:not(.is-disabled):active .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-menu__footer {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.o-menu-item {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  height: 52px;
  color: var(--o-neutral-fg-6-ss);
  padding: 0 15px 0 16px;
  list-style: none;
  cursor: var(--o-cursor-pointer);
  position: relative;
  transition: border-color var(--o-transition-duration), background-color var(--o-transition-duration), color var(--o-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}

.o-menu-item * {
  vertical-align: bottom;
}

.o-menu-item i {
  color: inherit;
}

.o-menu-item:hover, .o-menu-item:focus {
  outline: none;
}

.o-menu-item:hover {
  background-color: var(--o-neutral-bg-1-hover-3-ss);
  color: var(--o-neutral-fg-1-normal);
}

.o-menu-item:hover .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-menu-item:active {
  background-color: var(--o-neutral-bg-1-active-3-ss);
  color: var(--o-neutral-fg-1-normal);
}

.o-menu-item:active .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-menu-item.is-active .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.o-menu-item .o-icon {
  margin-right: 8px;
}

.o-menu-item .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-6-ss);
}

.o-menu-item.is-active {
  color: var(--o-neutral-fg-1-normal);
  background-color: var(--o-neutral-bg-1-selected-3-ss);
}

.o-menu-item.is-active i {
  color: inherit;
}

.o-menu-item.is-pure, .o-menu-item.is-pure:hover, .o-menu-item.is-pure:active {
  background-color: unset;
  color: var(--o-neutral-fg-6-ss);
}

.o-menu-item.is-pure .o-icon .o-icon__svg, .o-menu-item.is-pure:hover .o-icon .o-icon__svg, .o-menu-item.is-pure:active .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-6-ss);
}

.o-menu-item .o-menu-tooltip__trigger {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 15px 0 16px;
}

.o-menu-item__title--content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.o-sub-menu__title {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  height: 52px;
  color: var(--o-neutral-fg-6-ss);
  padding: 0 15px 0 16px;
  list-style: none;
  cursor: var(--o-cursor-pointer);
  position: relative;
  transition: border-color var(--o-transition-duration), background-color var(--o-transition-duration), color var(--o-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}

.o-sub-menu__title * {
  vertical-align: bottom;
}

.o-sub-menu__title i {
  color: inherit;
}

.o-sub-menu__title:hover, .o-sub-menu__title:focus {
  outline: none;
}

.o-sub-menu__title:hover {
  background-color: var(--o-neutral-bg-1-hover-3-ss);
  color: var(--o-neutral-fg-1-normal);
}

.o-sub-menu__title:hover .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-sub-menu__title:active {
  background-color: var(--o-neutral-bg-1-active-3-ss);
  color: var(--o-neutral-fg-1-normal);
}

.o-sub-menu__title:active .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-sub-menu__title.is-active .o-icon .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-sub-menu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.o-sub-menu__title:hover {
  background-color: var(--o-neutral-bg-1-hover-3-ss);
}

.o-sub-menu__title:active {
  background-color: var(--o-neutral-bg-1-active-3-ss);
}

.o-sub-menu__title--icon {
  margin-right: 8px;
}

.o-sub-menu__title--icon .o-icon__svg {
  color: var(--o-neutral-fg-6-ss);
}

.o-sub-menu__title--content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.o-sub-menu__title--arrow {
  margin-left: 8px;
}

.o-sub-menu .o-menu {
  border: none;
}

.o-sub-menu .o-menu-item {
  height: 52px;
  line-height: 52px;
  padding-left: 48px !important;
}

.o-sub-menu__hide-arrow .o-sub-menu__icon-arrow {
  display: none !important;
}

.o-sub-menu.is-disabled .o-sub-menu__title,
.o-sub-menu.is-disabled .o-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.o-sub-menu.is-opened .o-sub-menu__title--arrow {
  transform: rotate(90deg);
}

.o-sub-menu .o-sub-menu__icon-arrow {
  display: none;
  position: absolute;
  top: 50%;
  right: var(--o-menu-base-level-padding);
  margin-top: -6px;
  transition: transform var(--o-transition-duration);
  font-size: 12px;
  margin-right: 0;
  width: inherit;
}

.o-menu-item-group > ul {
  padding: 0;
}

.o-menu-item-group__title {
  padding: 7px 0 7px var(--o-menu-base-level-padding);
  line-height: normal;
  font-size: 12px;
  color: var(--o-text-color-secondary);
}

.horizontal-collapse-transition .o-sub-menu__title .o-sub-menu__icon-arrow {
  transition: var(--o-transition-duration-fast);
  opacity: 0;
}

.o-message-box {
  --o-messagebox-title-color: var(--o-text-color-primary);
  --o-messagebox-width: 420px;
  --o-messagebox-border-radius: 4px;
  --o-messagebox-box-shadow: var(--o-box-shadow);
  --o-messagebox-font-size: var(--o-font-size-large);
  --o-messagebox-content-font-size: var(--o-font-size-base);
  --o-messagebox-content-color: var(--o-text-color-regular);
  --o-messagebox-error-font-size: 12px;
  --o-messagebox-padding-primary: 12px;
  --o-messagebox-font-line-height: var(--o-font-line-height-primary);
}

.o-message-box {
  display: inline-block;
  position: relative;
  max-width: var(--o-messagebox-width);
  width: 100%;
  padding: var(--o-messagebox-padding-primary);
  vertical-align: middle;
  background-color: var(--o-neutral-bg-3-normal);
  border-radius: var(--o-messagebox-border-radius);
  border: 1px solid var(--o-neutral-stroke-3-normal);
  font-size: var(--o-messagebox-font-size);
  box-shadow: var(--o-messagebox-box-shadow);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

.o-message-box:focus {
  outline: none !important;
}

.o-overlay.is-message-box .o-overlay-message-box {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  overflow: auto;
}

.o-overlay.is-message-box .o-overlay-message-box::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.o-message-box.is-draggable .o-message-box__header {
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-message-box__header {
  position: relative;
  /* padding: var(--o-messagebox-padding-primary); */
  padding: 10px 12px;
  font-size: 16px;
  color: var(--o-neutral-fg-1-normal);
  height: 32px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(217, 227, 255, 0.16);
}

.o-message-box__title {
  font-size: var(--o-messagebox-font-size);
  line-height: var(--o-messagebox-font-line-height);
  color: var(--o-neutral-fg-1-normal);
  font-weight: 700;
}

.o-message-box__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--o-message-close-size, 16px);
  cursor: var(--o-cursor-pointer);
}

.o-message-box__headerbtn .o-message-box__close {
  color: var(--o-color-info);
  font-size: inherit;
}

.o-message-box__headerbtn:focus .o-message-box__close, .o-message-box__headerbtn:hover .o-message-box__close {
  color: var(--o-color-primary);
}

.o-message-box__content {
  color: var(--o-messagebox-content-color);
  font-size: var(--o-messagebox-content-font-size);
}

.o-message-box__container {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  color: var(--o-neutral-fg-2-normal);
}

.o-message-box__input {
  padding-top: 12px;
}

.o-message-box__input div.invalid > input {
  border-color: var(--o-color-error);
}

.o-message-box__input div.invalid > input:focus {
  border-color: var(--o-color-error);
}

.o-message-box__status {
  font-size: 24px;
}

.o-message-box__status.o-message-box-icon--success {
  --o-messagebox-color: var(--o-color-success);
  color: var(--o-messagebox-color);
}

.o-message-box__status.o-message-box-icon--info {
  --o-messagebox-color: var(--o-color-info);
  color: var(--o-messagebox-color);
}

.o-message-box__status.o-message-box-icon--warning {
  --o-messagebox-color: var(--o-color-warning);
  color: var(--o-messagebox-color);
}

.o-message-box__status.o-message-box-icon--error {
  --o-messagebox-color: var(--o-color-error);
  color: var(--o-messagebox-color);
}

.o-message-box__message {
  margin: 0;
}

.o-message-box__message p {
  margin: 0;
  line-height: var(--o-messagebox-font-line-height);
}

.o-message-box__errormsg {
  color: var(--o-color-error);
  font-size: var(--o-messagebox-error-font-size);
  line-height: var(--o-messagebox-font-line-height);
}

.o-message-box__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--o-messagebox-padding-primary);
}

.o-message-box--center .o-message-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.o-message-box--center .o-message-box__status {
  font-size: inherit;
}

.o-message-box--center .o-message-box__btns {
  justify-content: center;
}

.o-message-box--center .o-message-box__container {
  justify-content: center;
}

.fade-in-linear-enter-active .o-overlay-message-box {
  animation: msgbox-fade-in var(--o-transition-duration);
}

.fade-in-linear-leave-active .o-overlay-message-box {
  animation: msgbox-fade-in var(--o-transition-duration) reverse;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.o-message {
  --o-message-bg-color: var(--o-color-info-light-9);
  --o-message-border-color: var(--o-border-color-lighter);
  --o-message-padding: 11px 15px;
  --o-message-close-size: 16px;
  --o-message-close-icon-color: var(--o-text-color-placeholder);
  --o-message-close-hover-color: var(--o-text-color-secondary);
}

.o-message {
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: var(--o-border-radius-base);
  border-width: var(--o-border-width);
  border-style: var(--o-border-style);
  border-color: var(--o-message-border-color);
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: var(--o-message-bg-color);
  transition: opacity var(--o-transition-duration), transform 0.4s, top 0.4s;
  padding: var(--o-message-padding);
  display: flex;
  align-items: center;
  gap: 8px;
}

.o-message.is-center {
  justify-content: center;
}

.o-message.is-plain {
  background-color: var(--o-bg-color-overlay);
  border-color: var(--o-bg-color-overlay);
  box-shadow: var(--o-box-shadow-light);
}

.o-message p {
  margin: 0;
}

.o-message--success {
  --o-message-bg-color: var(--o-color-success-light-9);
  --o-message-border-color: var(--o-color-success-light-8);
  --o-message-text-color: var(--o-color-success);
}

.o-message--success .o-message__content {
  color: var(--o-message-text-color);
  overflow-wrap: break-word;
}

.o-message .o-message-icon--success {
  color: var(--o-message-text-color);
}

.o-message--info {
  --o-message-bg-color: var(--o-color-info-light-9);
  --o-message-border-color: var(--o-color-info-light-8);
  --o-message-text-color: var(--o-color-info);
}

.o-message--info .o-message__content {
  color: var(--o-message-text-color);
  overflow-wrap: break-word;
}

.o-message .o-message-icon--info {
  color: var(--o-message-text-color);
}

.o-message--warning {
  --o-message-bg-color: var(--o-color-warning-light-9);
  --o-message-border-color: var(--o-color-warning-light-8);
  --o-message-text-color: var(--o-color-warning);
}

.o-message--warning .o-message__content {
  color: var(--o-message-text-color);
  overflow-wrap: break-word;
}

.o-message .o-message-icon--warning {
  color: var(--o-message-text-color);
}

.o-message--error {
  --o-message-bg-color: var(--o-color-error-light-9);
  --o-message-border-color: var(--o-color-error-light-8);
  --o-message-text-color: var(--o-color-error);
}

.o-message--error .o-message__content {
  color: var(--o-message-text-color);
  overflow-wrap: break-word;
}

.o-message .o-message-icon--error {
  color: var(--o-message-text-color);
}

.o-message .o-message__badge {
  position: absolute;
  top: -8px;
  right: -8px;
}

.o-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}

.o-message__content:focus {
  outline-width: 0;
}

.o-message .o-message__closeBtn {
  cursor: var(--o-cursor-pointer);
  color: var(--o-message-close-icon-color);
  font-size: var(--o-message-close-size);
}

.o-message .o-message__closeBtn:focus {
  outline-width: 0;
}

.o-message .o-message__closeBtn:hover {
  color: var(--o-message-close-hover-color);
}

.o-message-fade-enter-from,
.o-message-fade-leave-to {
  opacity: 0;
  transform: translate(-50%, -100%);
}

.o-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  height: 100%;
  overflow: auto;
}

.o-overlay .o-overlay-root {
  height: 0;
}

.o-page-header.is-contentful .o-page-header__main {
  border-top: 1px solid var(--o-border-color-light);
  margin-top: 16px;
}

.o-page-header__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 24px;
}

.o-page-header__left {
  display: flex;
  align-items: center;
  margin-right: 40px;
  position: relative;
}

.o-page-header__back {
  display: flex;
  align-items: center;
  cursor: var(--o-cursor-pointer);
}

.o-page-header__left .o-divider--vertical {
  margin: 0 16px;
}

.o-page-header__icon {
  font-size: 16px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.o-page-header__icon .o-icon {
  font-size: inherit;
}

.o-page-header__title {
  font-size: 14px;
  font-weight: 500;
}

.o-page-header__content {
  font-size: 18px;
  color: var(--o-text-color-primary);
}

.o-page-header__breadcrumb {
  margin-bottom: 16px;
}

.o-pagination {
  --o-pagination-font-size: 14px;
  --o-pagination-bg-color: var(--o-fill-color-blank);
  --o-pagination-text-color: var(--o-text-color-primary);
  --o-pagination-border-radius: 2px;
  --o-pagination-button-color: var(--o-text-color-primary);
  --o-pagination-button-width: 32px;
  --o-pagination-button-height: 32px;
  --o-pagination-button-disabled-color: var(--o-text-color-placeholder);
  --o-pagination-button-disabled-bg-color: var(--o-fill-color-blank);
  --o-pagination-button-bg-color: var(--o-fill-color);
  --o-pagination-hover-color: var(--o-color-primary);
  --o-pagination-font-size-small: 12px;
  --o-pagination-button-width-small: 24px;
  --o-pagination-button-height-small: 24px;
  --o-pagination-button-width-large: 40px;
  --o-pagination-button-height-large: 40px;
  --o-pagination-item-gap: 16px;
  white-space: nowrap;
  color: var(--o-pagination-text-color);
  font-size: var(--o-pagination-font-size);
  font-weight: normal;
  display: flex;
  align-items: center;
}

.o-pagination .o-input__inner {
  text-align: center;
  -moz-appearance: textfield;
}

.o-pagination .o-select .o-input {
  width: 120px;
}

.o-pagination button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--o-pagination-button-width);
  height: var(--o-pagination-button-height);
  color: var(--o-neutral-fg-2-normal);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  background: var(--o-neutral-bg-2-normal);
  padding: 0 4px;
  border: none;
  border-radius: var(--o-pagination-border-radius);
  cursor: var(--o-cursor-pointer);
  text-align: center;
  box-sizing: border-box;
}

.o-pagination button * {
  pointer-events: none;
}

.o-pagination button:focus {
  outline: none;
}

.o-pagination button:hover {
  color: var(--o-pagination-hover-color);
}

.o-pagination button.is-active {
  color: var(--o-pagination-hover-color);
  cursor: default;
}

.o-pagination button.is-active.is-disabled {
  color: var(--o-pagination-button-disabled-color);
}

.o-pagination button:disabled, .o-pagination button.is-disabled {
  color: var(--o-pagination-button-disabled-color);
  background-color: var(--o-pagination-button-disabled-bg-color);
  cursor: var(--o-cursor-not-allowed);
}

.o-pagination button:focus-visible {
  outline: 1px solid var(--o-pagination-hover-color);
  outline-offset: -1px;
}

.o-pagination > *.is-first {
  margin-left: 0 !important;
}

.o-pagination > *.is-last {
  margin-right: 0 !important;
}

.o-pagination .btn-prev {
  margin-left: var(--o-pagination-item-gap);
}

.o-pagination__sizes {
  margin-left: var(--o-pagination-item-gap);
  font-weight: normal;
  color: var(--o-text-color-regular);
}

.o-pagination__total {
  margin-left: var(--o-pagination-item-gap);
  font-weight: normal;
  color: var(--o-text-color-regular);
}

.o-pagination__total[disabled=true] {
  color: var(--o-text-color-placeholder);
}

.o-pagination__jump {
  display: flex;
  align-items: center;
  margin-left: var(--o-pagination-item-gap);
  font-weight: normal;
  color: var(--o-text-color-regular);
}

.o-pagination__jump[disabled=true] {
  color: var(--o-text-color-placeholder);
}

.o-pagination__goto {
  margin-right: 8px;
}

.o-pagination__editor {
  text-align: center;
  box-sizing: border-box;
}

.o-pagination__editor.o-input {
  width: 56px;
}

.o-pagination__editor .o-input__inner::-webkit-inner-spin-button,
.o-pagination__editor .o-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.o-pagination__classifier {
  margin-left: 8px;
}

.o-pagination__rightwrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.o-pagination.is-background .btn-prev,
.o-pagination.is-background .btn-next,
.o-pagination.is-background .o-pager li {
  margin: 0 4px;
  background-color: var(--o-neutral-bg-2-normal);
  border: 1px solid var(--o-neutral-stroke-1-normal);
}

.o-pagination.is-background .btn-prev.is-active,
.o-pagination.is-background .btn-next.is-active,
.o-pagination.is-background .o-pager li.is-active {
  background-color: var(--o-brand-bg-4-selected-ss);
  color: var(--o-neutral-fg-2-normal);
  border-color: var(--o-brand-stroke-3-selected-ss);
}

.o-pagination.is-background .btn-prev.is-active:focus-visible,
.o-pagination.is-background .btn-next.is-active:focus-visible,
.o-pagination.is-background .o-pager li.is-active:focus-visible {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-bg-1-normal);
  color: var(--o-neutral-fg-1-normal);
}

.o-pagination.is-background .btn-prev.is-active:hover, .o-pagination.is-background .btn-prev.is-active:active,
.o-pagination.is-background .btn-next.is-active:hover,
.o-pagination.is-background .btn-next.is-active:active,
.o-pagination.is-background .o-pager li.is-active:hover,
.o-pagination.is-background .o-pager li.is-active:active {
  background-color: var(--o-brand-bg-2-selected);
  color: var(--o-neutral-fg-1-normal);
}

.o-pagination.is-background .btn-prev.is-active:disabled, .o-pagination.is-background .btn-prev.is-active.is-disabled,
.o-pagination.is-background .btn-next.is-active:disabled,
.o-pagination.is-background .btn-next.is-active.is-disabled,
.o-pagination.is-background .o-pager li.is-active:disabled,
.o-pagination.is-background .o-pager li.is-active.is-disabled {
  border-color: var(--o-neutral-stroke-disabled);
}

.o-pagination.is-background .btn-prev:hover,
.o-pagination.is-background .btn-next:hover,
.o-pagination.is-background .o-pager li:hover {
  background-color: var(--o-pagination-button-hover-bg-color);
  color: var(--o-neutral-fg-1-normal);
}

.o-pagination.is-background .btn-prev:focus-visible,
.o-pagination.is-background .btn-next:focus-visible,
.o-pagination.is-background .o-pager li:focus-visible {
  background-color: var(--o-pagination-button-hover-bg-color);
  color: var(--o-neutral-fg-1-normal);
  border: 2px solid var(--o-neutral-fg-1-normal);
}

.o-pagination.is-background .btn-prev:active,
.o-pagination.is-background .btn-next:active,
.o-pagination.is-background .o-pager li:active {
  color: var(--o-neutral-fg-1-normal);
  background-color: var(--o-pagination-button-active-bg-color);
}

.o-pagination.is-background .btn-prev:disabled, .o-pagination.is-background .btn-prev.is-disabled,
.o-pagination.is-background .btn-next:disabled,
.o-pagination.is-background .btn-next.is-disabled,
.o-pagination.is-background .o-pager li:disabled,
.o-pagination.is-background .o-pager li.is-disabled {
  color: var(--o-pagination-button-disabled-color);
  background-color: var(--o-pagination-button-disabled-bg-color);
  border-color: var(--o-neutral-stroke-disabled);
}

.o-pagination.is-background .btn-prev:disabled .o-icon__svg, .o-pagination.is-background .btn-prev.is-disabled .o-icon__svg,
.o-pagination.is-background .btn-next:disabled .o-icon__svg,
.o-pagination.is-background .btn-next.is-disabled .o-icon__svg,
.o-pagination.is-background .o-pager li:disabled .o-icon__svg,
.o-pagination.is-background .o-pager li.is-disabled .o-icon__svg {
  color: var(--o-pagination-button-disabled-color);
}

.o-pagination.is-background .btn-prev:disabled.is-active, .o-pagination.is-background .btn-prev:disabled:hover, .o-pagination.is-background .btn-prev.is-disabled.is-active, .o-pagination.is-background .btn-prev.is-disabled:hover,
.o-pagination.is-background .btn-next:disabled.is-active,
.o-pagination.is-background .btn-next:disabled:hover,
.o-pagination.is-background .btn-next.is-disabled.is-active,
.o-pagination.is-background .btn-next.is-disabled:hover,
.o-pagination.is-background .o-pager li:disabled.is-active,
.o-pagination.is-background .o-pager li:disabled:hover,
.o-pagination.is-background .o-pager li.is-disabled.is-active,
.o-pagination.is-background .o-pager li.is-disabled:hover {
  color: var(--o-pagination-button-disabled-color);
  background-color: var(--o-pagination-button-disabled-bg-color);
}

.o-pagination.is-background .btn-prev:disabled.is-active .o-icon__svg, .o-pagination.is-background .btn-prev:disabled:hover .o-icon__svg, .o-pagination.is-background .btn-prev.is-disabled.is-active .o-icon__svg, .o-pagination.is-background .btn-prev.is-disabled:hover .o-icon__svg,
.o-pagination.is-background .btn-next:disabled.is-active .o-icon__svg,
.o-pagination.is-background .btn-next:disabled:hover .o-icon__svg,
.o-pagination.is-background .btn-next.is-disabled.is-active .o-icon__svg,
.o-pagination.is-background .btn-next.is-disabled:hover .o-icon__svg,
.o-pagination.is-background .o-pager li:disabled.is-active .o-icon__svg,
.o-pagination.is-background .o-pager li:disabled:hover .o-icon__svg,
.o-pagination.is-background .o-pager li.is-disabled.is-active .o-icon__svg,
.o-pagination.is-background .o-pager li.is-disabled:hover .o-icon__svg {
  color: var(--o-pagination-button-disabled-color);
}

.o-pagination.is-background .btn-prev:disabled:active, .o-pagination.is-background .btn-prev:disabled:focus-visible, .o-pagination.is-background .btn-prev.is-disabled:active, .o-pagination.is-background .btn-prev.is-disabled:focus-visible,
.o-pagination.is-background .btn-next:disabled:active,
.o-pagination.is-background .btn-next:disabled:focus-visible,
.o-pagination.is-background .btn-next.is-disabled:active,
.o-pagination.is-background .btn-next.is-disabled:focus-visible,
.o-pagination.is-background .o-pager li:disabled:active,
.o-pagination.is-background .o-pager li:disabled:focus-visible,
.o-pagination.is-background .o-pager li.is-disabled:active,
.o-pagination.is-background .o-pager li.is-disabled:focus-visible {
  color: var(--o-pagination-button-disabled-color);
  background-color: var(--o-pagination-button-disabled-bg-color);
}

.o-pagination.is-background .btn-prev:disabled:active .o-icon__svg, .o-pagination.is-background .btn-prev:disabled:focus-visible .o-icon__svg, .o-pagination.is-background .btn-prev.is-disabled:active .o-icon__svg, .o-pagination.is-background .btn-prev.is-disabled:focus-visible .o-icon__svg,
.o-pagination.is-background .btn-next:disabled:active .o-icon__svg,
.o-pagination.is-background .btn-next:disabled:focus-visible .o-icon__svg,
.o-pagination.is-background .btn-next.is-disabled:active .o-icon__svg,
.o-pagination.is-background .btn-next.is-disabled:focus-visible .o-icon__svg,
.o-pagination.is-background .o-pager li:disabled:active .o-icon__svg,
.o-pagination.is-background .o-pager li:disabled:focus-visible .o-icon__svg,
.o-pagination.is-background .o-pager li.is-disabled:active .o-icon__svg,
.o-pagination.is-background .o-pager li.is-disabled:focus-visible .o-icon__svg {
  color: var(--o-pagination-button-disabled-color);
}

.o-pagination.is-background .o-pager .more {
  background: transparent;
  border: none;
}

.o-pagination.is-background .o-pager .more:hover, .o-pagination.is-background .o-pager .more:active {
  background: transparent;
}

.o-pagination.is-background .o-pager .more.is-disabled {
  background-color: transparent;
}

.o-pagination.is-background .o-pager .more.is-disabled:hover, .o-pagination.is-background .o-pager .more.is-disabled:active {
  background: transparent;
}

.o-pagination.is-background .btn-prev {
  margin-left: var(--o-pagination-item-gap);
}

.o-pagination.is-minimal > *.is-first {
  border: 1px solid transparent;
  background-color: transparent;
}

.o-pagination.is-minimal > *.is-first:not([disabled]):active {
  border-color: var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-2-active);
}

.o-pagination.is-minimal > *.is-first:not([disabled]):hover {
  border-color: var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-2-hover);
}

.o-pagination.is-minimal > *.is-first:not([disabled]):active {
  color: var(--o-neutral-fg-1-normal);
  background-color: var(--o-neutral-bg-2-active);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-pagination.is-minimal > *.is-first[disabled] .o-icon__svg {
  color: var(--o-pagination-button-disabled-color);
}

.o-pagination.is-minimal > *.is-last {
  border: 1px solid transparent;
  background-color: transparent;
}

.o-pagination.is-minimal > *.is-last:not([disabled]):active {
  border-color: var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-2-active);
}

.o-pagination.is-minimal > *.is-last:not([disabled]):hover {
  border-color: var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-2-hover);
}

.o-pagination.is-minimal > *.is-last:not([disabled]):active {
  color: var(--o-neutral-fg-1-normal);
  background-color: var(--o-neutral-bg-2-active);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-pagination.is-minimal > *.is-last[disabled] .o-icon__svg {
  color: var(--o-pagination-button-disabled-color);
}

.o-pagination--small .btn-prev,
.o-pagination--small .btn-next,
.o-pagination--small .o-pager li {
  height: var(--o-pagination-button-height-small);
  line-height: var(--o-pagination-button-height-small);
  font-size: var(--o-pagination-font-size-small);
  min-width: var(--o-pagination-button-width-small);
}

.o-pagination--small span:not([class*=suffix]),
.o-pagination--small button {
  font-size: var(--o-pagination-font-size-small);
}

.o-pagination--small .o-select {
  width: 100px;
}

.o-pagination--large .btn-prev,
.o-pagination--large .btn-next,
.o-pagination--large .o-pager li {
  height: var(--o-pagination-button-height-large);
  line-height: var(--o-pagination-button-height-large);
  min-width: var(--o-pagination-button-width-large);
}

.o-pagination--large .o-select .o-input {
  width: 160px;
}

.o-pager {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.o-pager li {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--o-pagination-button-width);
  height: var(--o-pagination-button-height);
  color: var(--o-neutral-fg-2-normal);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  background: var(--o-neutral-bg-2-normal);
  padding: 0 4px;
  border: none;
  border-radius: var(--o-pagination-border-radius);
  cursor: var(--o-cursor-pointer);
  text-align: center;
  box-sizing: border-box;
}

.o-pager li * {
  pointer-events: none;
}

.o-pager li:focus {
  outline: none;
}

.o-pager li:hover {
  color: var(--o-pagination-hover-color);
}

.o-pager li.is-active {
  color: var(--o-pagination-hover-color);
  cursor: default;
}

.o-pager li.is-active.is-disabled {
  color: var(--o-pagination-button-disabled-color);
}

.o-pager li:disabled, .o-pager li.is-disabled {
  color: var(--o-pagination-button-disabled-color);
  background-color: var(--o-pagination-button-disabled-bg-color);
  cursor: var(--o-cursor-not-allowed);
}

.o-pager li:focus-visible {
  outline: 1px solid var(--o-pagination-hover-color);
  outline-offset: -1px;
}

.o-popconfirm__main {
  display: flex;
  align-items: center;
}

.o-popconfirm__icon {
  margin-right: 5px;
}

.o-popconfirm__action {
  text-align: right;
  margin-top: 8px;
}

.o-popover {
  --o-popover-bg-color: var(--o-bg-color-overlay);
  --o-popover-font-size: var(--o-font-size-base);
  --o-popover-border-color: var(--o-border-color-lighter);
  --o-popover-padding: 12px;
  --o-popover-padding-large: 18px 20px;
  --o-popover-title-font-size: 16px;
  --o-popover-title-text-color: var(--o-text-color-primary);
  --o-popover-border-radius: 4px;
}

.o-popover.o-popper {
  background: var(--o-popover-bg-color);
  min-width: 150px;
  border-radius: var(--o-radius-l);
  border: 1px solid var(--o-popover-border-color);
  padding: var(--o-popover-padding);
  z-index: var(--o-index-popper);
  color: var(--o-neutral-fg-2-normal);
  line-height: 1.4;
  font-size: var(--o-popover-font-size);
  box-shadow: var(--o-shadow-3-down);
  overflow-wrap: break-word;
  box-sizing: border-box;
}

.o-popover.o-popper.o-popover--plain {
  border-color: var(--o-neutral-stroke-3-normal);
  background-color: var(--o-neutral-bg-1-normal);
}

.o-popover.o-popper--plain {
  padding: var(--o-popover-padding-large);
}

.o-popover__title {
  color: var(--o-popover-title-text-color);
  font-size: var(--o-popover-title-font-size);
  line-height: 1;
  margin-bottom: 12px;
}

.o-popover__reference:focus:not(.focusing), .o-popover__reference:focus:hover {
  outline-width: 0;
}

.o-popover.o-popper.is-dark {
  --o-popover-bg-color: var(--o-text-color-primary);
  --o-popover-border-color: var(--o-text-color-primary);
  --o-popover-title-text-color: var(--o-bg-color);
  color: var(--o-bg-color);
}

.o-popover.o-popper:focus:active, .o-popover.o-popper:focus {
  outline-width: 0;
}

.o-progress {
  position: relative;
  line-height: 1;
  display: flex;
  align-items: center;
  height: 20px;
}

.o-progress.o-progress--circle .o-progress-circle__path {
  stroke-linecap: square;
  stroke: var(--o-brand-bg-1-normal);
}

.o-progress.o-progress--circle.disabled .o-progress-circle svg .o-progress-circle__path {
  stroke: transparent;
}

.o-progress.o-progress--circle.disabled + .o-icon svg path {
  fill: var(--o-neutral-fg-disabled);
}

.o-progress.o-progress--circle + .o-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.o-progress.o-progress--circle .o-progress-circle__track {
  stroke: transparent;
  fill: transparent;
}

.o-progress.o-progress--circle ~ .circle-background {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid var(--o-neutral-stroke-1-normal);
  background-color: var(--o-neutral-bg-2-normal);
}

.o-progress.is-custom-success .o-progress-bar__inner {
  background-color: var(--o-status-success-bg-1-normal);
}

.o-progress.is-custom-success .o-progress-circle__path {
  stroke: var(--o-status-success-bg-1-normal);
}

.o-progress.is-custom-success.disabled .o-progress-circle__path {
  stroke: transparent;
}

.o-progress.is-custom-exception .o-progress-bar__inner {
  background-color: var(--o-status-warning-bg-1-normal);
}

.o-progress.is-custom-exception .o-progress-circle__path {
  stroke: var(--o-status-warning-bg-1-normal);
}

.o-progress.is-custom-exception.disabled .o-progress-circle__path {
  stroke: transparent;
}

.o-progress.is-custom-warning .o-progress-bar__inner {
  background-color: var(--o-status-error-bg-1-normal);
}

.o-progress.is-custom-warning .o-progress-circle__path {
  stroke: var(--o-status-error-bg-1-normal);
}

.o-progress.is-custom-warning.disabled .o-progress-circle__path {
  stroke: transparent;
}

.o-progress__text {
  color: var(--o-neutral-fg-2-normal);
  margin-left: 8px;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-progress__text i {
  vertical-align: middle;
  display: none;
}

.o-progress--circle, .o-progress--dashboard {
  display: inline-block;
}

.o-progress--circle .o-progress__text, .o-progress--dashboard .o-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}

.o-progress--circle .o-progress__text i, .o-progress--dashboard .o-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.o-progress--without-text .o-progress__text {
  display: none;
}

.o-progress--without-text .o-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.o-progress--text-inside .o-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.o-progress.is-success .o-progress-bar__inner {
  background-color: var(--o-status-success-bg-1-normal);
}

.o-progress.is-success .o-progress__text {
  color: var(--o-color-white);
}

.o-progress.is-warning .o-progress-bar__inner {
  background-color: var(--o-status-warning-bg-1-normal);
}

.o-progress.is-warning .o-progress__text {
  color: var(--o-color-white);
}

.o-progress.is-exception .o-progress-bar__inner {
  background-color: var(--o-status-error-bg-1-normal);
}

.o-progress.is-exception .o-progress__text {
  color: var(--o-color-white);
}

.o-progress.is-invert .o-progress-bar__inner {
  background-color: var(--o-neutral-fg-1-normal);
}

.o-progress.is-invert .o-progress__text {
  color: var(--o-color-white);
}

.o-progress-bar {
  flex-grow: 1;
  box-sizing: border-box;
}

.o-progress-bar__outer {
  height: 4px;
  border-radius: var(--o-radius-s);
  background-color: var(--o-neutral-stroke-2-normal);
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.o-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--o-brand-bg-1-normal);
  text-align: right;
  border-radius: var(--o-radius-s);
  line-height: 1;
  white-space: nowrap;
}

.o-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.o-progress-bar__inner--indeterminate {
  transform: translateZ(0);
  animation: indeterminate 3s infinite;
}

.o-progress-bar__inner--striped {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
  background-size: 1.25em 1.25em;
}

.o-progress-bar__inner--striped.o-progress-bar__inner--striped-flow {
  animation: striped-flow 3s linear infinite;
}

.o-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
}

.o-progress-circle__track {
  stroke: var(--o-neutral-stroke-1-normal);
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
@keyframes indeterminate {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes striped-flow {
  0% {
    background-position: -100%;
  }
  100% {
    background-position: 100%;
  }
}
.o-radio-button {
  --o-radio-button-checked-bg-color: var(--o-color-primary);
  --o-radio-button-checked-text-color: var(--o-color-white);
  --o-radio-button-checked-border-color: var(--o-color-primary);
  --o-radio-button-disabled-checked-fill: var(--o-border-color-extra-light);
}

.o-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}

.o-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: var(--o-button-bg-color, var(--o-fill-color-blank));
  border: var(--o-border);
  font-weight: var(--o-button-font-weight, var(--o-font-weight-primary));
  border-left: 0;
  color: var(--o-button-text-color, var(--o-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  cursor: var(--o-cursor-pointer);
  transition: var(--o-transition-all);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 5px 11px;
  font-size: var(--o-font-size-base);
  border-radius: 0;
}

.o-radio-button__inner.is-round {
  padding: 5px 11px;
}

.o-radio-button__inner:hover {
  color: var(--o-color-primary);
}

.o-radio-button__inner [class*=o-icon-] {
  line-height: 0.9;
}

.o-radio-button__inner [class*=o-icon-] + span {
  margin-left: 5px;
}

.o-radio-button:first-child .o-radio-button__inner {
  border-left: var(--o-border);
  border-radius: var(--o-border-radius-base) 0 0 var(--o-border-radius-base);
  box-shadow: none !important;
}

.o-radio-button__original-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}

.o-radio-button__original-radio:checked + .o-radio-button__inner {
  color: var(--o-radio-button-checked-text-color, var(--o-color-white));
  background-color: var(--o-radio-button-checked-bg-color, var(--o-color-primary));
  border-color: var(--o-radio-button-checked-border-color, var(--o-color-primary));
  box-shadow: -1px 0 0 0 var(--o-radio-button-checked-border-color, var(--o-color-primary));
}

.o-radio-button__original-radio:focus-visible + .o-radio-button__inner {
  border-left: var(--o-border);
  border-left-color: var(--o-radio-button-checked-border-color, var(--o-color-primary));
  outline: 2px solid var(--o-radio-button-checked-border-color);
  outline-offset: 1px;
  z-index: 2;
  border-radius: var(--o-border-radius-base);
  box-shadow: none;
}

.o-radio-button__original-radio:disabled + .o-radio-button__inner {
  color: var(--o-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--o-button-disabled-bg-color, var(--o-fill-color-blank));
  border-color: var(--o-button-disabled-border-color, var(--o-border-color-light));
  box-shadow: none;
}

.o-radio-button__original-radio:disabled:checked + .o-radio-button__inner {
  background-color: var(--o-radio-button-disabled-checked-fill);
}

.o-radio-button:last-child .o-radio-button__inner {
  border-radius: 0 var(--o-border-radius-base) var(--o-border-radius-base) 0;
}

.o-radio-button:first-child:last-child .o-radio-button__inner {
  border-radius: var(--o-border-radius-base);
}

.o-radio-button--large .o-radio-button__inner {
  padding: 9px 15px;
  font-size: var(--o-font-size-base);
  border-radius: 0;
}

.o-radio-button--large .o-radio-button__inner.is-round {
  padding: 9px 15px;
}

.o-radio-button--small .o-radio-button__inner {
  padding: 3px 7px;
  font-size: var(--o-font-size-base);
  border-radius: 0;
}

.o-radio-button--small .o-radio-button__inner.is-round {
  padding: 3px 7px;
}

.o-radio-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
}

.o-radio-group.is-vertical {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}

.o-radio-group.is-vertical .o-additional-message + .o-radio {
  margin-top: 6px;
}

.o-radio {
  --o-radio-font-size: var(--o-font-size-base);
  --o-radio-text-color: var(--o-text-color-regular);
  --o-radio-font-weight: var(--o-font-weight-primary);
  --o-radio-input-height: 14px;
  --o-radio-input-width: 14px;
  --o-radio-input-border-radius: var(--o-border-radius-circle);
  --o-radio-input-bg-color: var(--o-fill-color-blank);
  --o-radio-input-border: var(--o-border);
  --o-radio-input-border-color: var(--o-border-color);
  --o-radio-input-border-color-hover: var(--o-color-primary);
}

.o-radio {
  color: var(--o-radio-text-color);
  font-weight: var(--o-radio-font-weight);
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  outline: none;
  font-size: var(--o-font-size-base);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-right: 32px;
  height: 32px;
}

.o-radio.o-radio--large {
  height: 40px;
}

.o-radio.o-radio--small {
  height: 24px;
}

.o-radio:not(.is-disabled):hover .o-radio__input .o-radio__inner {
  border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

.o-radio:not(.is-disabled):hover .o-radio__input.is-checked .o-radio__inner {
  border-color: var(--o-brand-bg-1-hover);
}

.o-radio:not(.is-disabled):hover .o-radio__input.is-checked .o-radio__inner::after {
  background-color: var(--o-brand-bg-1-hover);
}

.o-radio:not(.is-disabled):active .o-radio__input .o-radio__inner {
  border-color: var(--o-brand-fg-comp-active);
}

.o-radio:not(.is-disabled):active .o-radio__input.is-checked .o-radio__inner {
  border-color: var(--o-brand-bg-1-active);
}

.o-radio:not(.is-disabled):active .o-radio__input.is-checked .o-radio__inner::after {
  background-color: var(--o-brand-bg-1-active);
}

.o-radio.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--o-border-radius-base);
  border: var(--o-border);
  box-sizing: border-box;
}

.o-radio.is-bordered.is-checked {
  border-color: var(--o-color-primary);
}

.o-radio.is-bordered.is-disabled {
  cursor: var(--o-cursor-not-allowed);
  border-color: var(--o-border-color-lighter);
}

.o-radio.is-bordered.o-radio--large {
  padding: 0 19px 0 11px;
  border-radius: var(--o-border-radius-base);
}

.o-radio.is-bordered.o-radio--large .o-radio__label {
  font-size: var(--o-font-size-base);
}

.o-radio.is-bordered.o-radio--large .o-radio__inner {
  height: 14px;
  width: 14px;
}

.o-radio.is-bordered.o-radio--small {
  padding: 0 11px 0 7px;
  border-radius: var(--o-border-radius-base);
}

.o-radio.is-bordered.o-radio--small .o-radio__label {
  font-size: var(--o-font-size-base);
}

.o-radio.is-bordered.o-radio--small .o-radio__inner {
  height: 12px;
  width: 12px;
}

.o-radio:last-child {
  margin-right: 0;
}

.o-radio__input {
  white-space: nowrap;
  cursor: var(--o-cursor-pointer);
  outline: none;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
  margin: 2px;
}

.o-radio__input.is-disabled {
  cursor: var(--o-cursor-not-allowed);
}

.o-radio__input.is-disabled .o-radio__inner {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-bg-disabled);
  cursor: var(--o-cursor-not-allowed);
}

.o-radio__input.is-disabled .o-radio__inner::after {
  cursor: var(--o-cursor-not-allowed);
  background-color: var(--o-neutral-fg-disabled);
}

.o-radio__input.is-disabled .o-radio__inner + .o-radio__label {
  cursor: var(--o-cursor-not-allowed);
}

.o-radio__input.is-disabled.is-checked .o-radio__inner {
  background-color: var(--o-radio-checked-color);
  border-color: var(--o-radio-checked-color);
}

.o-radio__input.is-disabled.is-checked .o-radio__inner:hover, .o-radio__input.is-disabled.is-checked .o-radio__inner:active {
  border-color: var(--o-radio-checked-color);
}

.o-radio__input.is-disabled.is-checked .o-radio__inner::after {
  background-color: var(--o-neutral-fg-disabled);
}

.o-radio__input.is-disabled + span.o-radio__label {
  color: var(--o-neutral-fg-disabled);
  cursor: var(--o-cursor-not-allowed);
}

.o-radio__input.is-checked .o-radio__inner {
  border-color: var(--o-radio-input-border-color);
  background: transparent;
}

.o-radio__input.is-checked .o-radio__inner:hover {
  border-color: var(--o-radio-input-border-color-hover);
}

.o-radio__input.is-checked .o-radio__inner:active {
  border-color: var(--o-radio-input-border-color-active);
}

.o-radio__input.is-checked .o-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}

.o-radio__input.is-checked + .o-radio__label {
  color: var(--o-radio-label-color);
}

.o-radio__input.is-focus .o-radio__inner {
  border-color: var(--o-radio-input-border-color-hover);
}

.o-radio__inner {
  border: 1px solid var(--o-neutral-stroke-accessible);
  border-radius: var(--o-radio-input-border-radius);
  width: var(--o-radio-input-width);
  height: var(--o-radio-input-height);
  background-color: transparent;
  position: relative;
  cursor: var(--o-cursor-pointer);
  display: inline-block;
  box-sizing: border-box;
}

.o-radio__inner:hover {
  border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

.o-radio__inner:active {
  border-color: var(--o-brand-fg-comp-active);
}

.o-radio__inner::after {
  width: 9px;
  height: 9px;
  border-radius: var(--o-radio-input-border-radius);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--o-brand-fg-comp-normal);
}

.o-radio__inner:hover::after {
  width: 9px;
  height: 9px;
  border-radius: var(--o-radio-input-border-radius);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--o-brand-fg-comp-hover);
}

.o-radio__inner:active::after {
  width: 9px;
  height: 9px;
  border-radius: var(--o-radio-input-border-radius);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: var(--o-brand-fg-comp-active);
}

.o-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.o-radio__original:focus-visible + .o-radio__inner {
  outline: 2px solid var(--o-radio-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--o-radio-input-border-radius);
}

.o-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}

.o-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .o-radio__inner {
  box-shadow: 0 0 2px 2px var(--o-radio-input-border-color-hover);
}

.o-radio__label {
  padding-left: 8px;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-radio-label-color);
}

.o-radio.o-radio--large .o-radio__label {
  font-size: 14px;
}

.o-radio.o-radio--large .o-radio__inner {
  width: 14px;
  height: 14px;
}

.o-radio.o-radio--small .o-radio__label {
  font-size: 12px;
}

.o-radio.o-radio--small .o-radio__inner {
  width: 12px;
  height: 12px;
}

.o-radio__description.o-additional-message {
  margin-left: 28px;
  margin-top: -2px;
}

.o-radio__description .o-additional-message__body {
  max-width: 620px;
  width: auto;
}

.o-rate {
  --o-rate-height: 20px;
  --o-rate-font-size: var(--o-font-size-base);
  --o-rate-icon-size: 18px;
  --o-rate-icon-margin: 6px;
  --o-rate-void-color: var(--o-border-color-darker);
  --o-rate-fill-color: #f7ba2a;
  --o-rate-disabled-void-color: var(--o-fill-color);
  --o-rate-text-color: var(--o-text-color-primary);
}

.o-rate {
  display: inline-flex;
  align-items: center;
  height: 32px;
}

.o-rate:focus, .o-rate:active {
  outline: none;
}

.o-rate__item {
  cursor: var(--o-cursor-pointer);
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  color: var(--o-rate-void-color);
  line-height: normal;
}

.o-rate .o-rate__icon {
  position: relative;
  display: inline-block;
  font-size: var(--o-rate-icon-size);
  margin-right: var(--o-rate-icon-margin);
  transition: var(--o-transition-duration);
}

.o-rate .o-rate__icon.hover {
  transform: scale(1.15);
}

.o-rate .o-rate__icon .path2 {
  position: absolute;
  left: 0;
  top: 0;
}

.o-rate .o-rate__icon.is-active {
  color: var(--o-rate-fill-color);
}

.o-rate__decimal {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
  color: var(--o-rate-fill-color);
}

.o-rate__decimal--box {
  position: absolute;
  top: 0;
  left: 0;
}

.o-rate__text {
  font-size: var(--o-rate-font-size);
  vertical-align: middle;
  color: var(--o-rate-text-color);
}

.o-rate--large {
  height: 40px;
}

.o-rate--small {
  height: 24px;
}

.o-rate--small .o-rate__icon {
  font-size: 14px;
}

.o-rate.is-disabled .o-rate__item {
  cursor: auto;
  color: var(--o-rate-disabled-void-color);
}

.o-result {
  --o-result-padding: 40px 30px;
  --o-result-icon-font-size: 64px;
  --o-result-title-font-size: 20px;
  --o-result-title-margin-top: 20px;
  --o-result-subtitle-margin-top: 10px;
  --o-result-extra-margin-top: 30px;
}

.o-result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--o-result-padding);
}

.o-result__icon svg {
  width: var(--o-result-icon-font-size);
  height: var(--o-result-icon-font-size);
}

.o-result__title {
  margin-top: var(--o-result-title-margin-top);
}

.o-result__title p {
  margin: 0;
  font-size: var(--o-result-title-font-size);
  color: var(--o-text-color-primary);
  line-height: 1.3;
}

.o-result__subtitle {
  margin-top: var(--o-result-subtitle-margin-top);
}

.o-result__subtitle p {
  margin: 0;
  font-size: var(--o-font-size-base);
  color: var(--o-text-color-regular);
  line-height: 1.3;
}

.o-result__extra {
  margin-top: var(--o-result-extra-margin-top);
}

.o-result .icon-primary {
  --o-result-color: var(--o-color-primary);
  color: var(--o-result-color);
}

.o-result .icon-success {
  --o-result-color: var(--o-color-success);
  color: var(--o-result-color);
}

.o-result .icon-warning {
  --o-result-color: var(--o-color-warning);
  color: var(--o-result-color);
}

.o-result .icon-danger {
  --o-result-color: var(--o-color-danger);
  color: var(--o-result-color);
}

.o-result .icon-error {
  --o-result-color: var(--o-color-error);
  color: var(--o-result-color);
}

.o-result .icon-info {
  --o-result-color: var(--o-color-info);
  color: var(--o-result-color);
}

.o-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}

.o-row.is-bottom {
  margin-top: 32px;
}

.o-row.is-justify-center {
  justify-content: center;
}

.o-row.is-justify-end {
  justify-content: flex-end;
}

.o-row.is-justify-space-between {
  justify-content: space-between;
}

.o-row.is-justify-space-around {
  justify-content: space-around;
}

.o-row.is-justify-space-evenly {
  justify-content: space-evenly;
}

.o-row.is-align-top {
  align-items: flex-start;
}

.o-row.is-align-middle {
  align-items: center;
}

.o-row.is-align-bottom {
  align-items: flex-end;
}

.o-scrollbar {
  --o-scrollbar-opacity: 0.3;
  --o-scrollbar-bg-color: var(--o-text-color-secondary);
  --o-scrollbar-hover-opacity: 0.5;
  --o-scrollbar-hover-bg-color: var(--o-text-color-secondary);
}

.o-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.o-scrollbar__wrap {
  overflow: auto;
  height: 100%;
}

.o-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}

.o-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}

.o-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: var(--o-cursor-pointer);
  border-radius: inherit;
  background-color: var(--o-neutral-bg-scrollbar-normal-ss);
}

.o-scrollbar__thumb:hover {
  background-color: var(--o-neutral-bg-scrollbar-hover-ss);
}

.o-scrollbar__thumb:active {
  background-color: var(--o-neutral-bg-scrollbar-active-ss);
}

.o-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: var(--o-radius-s);
}

.o-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}

.o-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.o-scrollbar__bar.is-vertical > div:active,
.o-scrollbar__bar.is-vertical > div:hover {
  width: 6px;
  cursor: default;
}

.o-scrollbar__bar.is-vertical > div:active {
  background-color: var(--o-neutral-bg-scrollbar-active-ss);
}

.o-scrollbar__bar.is-vertical > div:hover {
  background-color: var(--o-neutral-bg-scrollbar-hover-ss);
}

.o-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}

.o-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.o-scrollbar__bar.is-horizontal > div:active,
.o-scrollbar__bar.is-horizontal > div:hover {
  height: 6px;
  cursor: default;
}

.o-scrollbar__bar.is-horizontal > div:active {
  background-color: var(--o-neutral-bg-scrollbar-active-ss);
}

.o-scrollbar__bar.is-horizontal > div:hover {
  background-color: var(--o-neutral-bg-scrollbar-hover-ss);
}

.o-scrollbar-fade-enter-from, .o-scrollbar-fade-leave-active {
  opacity: 0;
}

.o-select-dropdown__item {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  padding: 6px 8px 6px 8px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--o-radius-s);
  border: 1px solid transparent;
  color: var(--o-neutral-fg-2-normal);
  height: 32px;
  box-sizing: border-box;
  cursor: var(--o-cursor-pointer);
  margin: 3px 3px 4px 3px;
}

.o-select-dropdown__item:last-child {
  margin-bottom: 3px;
}

.o-select-dropdown__item.is-disabled {
  cursor: var(--o-cursor-not-allowed);
}

.o-select-dropdown__item.is-disabled, .o-select-dropdown__item.is-disabled:hover, .o-select-dropdown__item.is-disabled:active {
  background-color: initial;
  color: var(--o-neutral-fg-disabled);
}

.o-select-dropdown__item.hover, .o-select-dropdown__item:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-select-dropdown__item:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-select-dropdown__item:focus {
  border: 2px solid var(--o-neutral-focus-1);
}

.o-select-dropdown__item.selected {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
  color: var(--o-neutral-fg-2-normal);
}

.o-select-dropdown__item.selected:focus {
  border: 2px solid var(--o-neutral-focus-1);
}

.o-select-dropdown__item.is-selected {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
  color: var(--o-neutral-fg-2-normal);
}

.o-select-dropdown__header {
  cursor: var(--o-cursor-pointer);
}

.o-select-dropdown__header .o-input-search {
  box-sizing: border-box;
  height: 32px;
  margin: 12px 0px 8px 0px;
  padding: 0px 12px 0px 12px;
}

.o-select-dropdown__header .o-checkbox {
  box-sizing: border-box;
  height: 32px;
  width: 100%;
  padding: 0px 4px 0px 12px;
  margin: 4px 0;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-select-dropdown__footer {
  height: 40px;
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
  padding: 4px 3px 3px 3px;
}

.o-select-dropdown__footer .o-button {
  color: var(--o-neutral-fg-2-normal);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  width: 100%;
  height: inherit;
  border-radius: unset;
  background-color: var(--o-neutral-bg-1-normal);
}

.o-select-dropdown__footer .o-button:hover {
  background-color: var(--o-neutral-bg-9-hover);
}

.o-select-dropdown__footer .o-button:active {
  background-color: var(--o-neutral-bg-9-active);
}

.o-select-dropdown.is-multiple .o-select-dropdown__item.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--o-color-primary);
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask-size: 100% 100%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}

.o-select-dropdown.is-multiple .o-select-dropdown__item.is-disabled::after {
  background-color: var(--o-text-color-placeholder);
}

.o-select-dropdown.is-multiple .o-select-dropdown__item.selected {
  color: var(--o-neutral-fg-2-normal);
}

.o-select-dropdown.is-multiple .o-select-dropdown__item.selected:focus {
  border: 2px solid var(--o-neutral-focus-1);
}

.o-select-group {
  margin: 0;
  padding: 0;
}

.o-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.o-select-group__title {
  padding-left: 8px;
  font-size: var(--o-select-group-font-size, 12px);
  color: var(--o-select-group-text-color, var(--o-color-info));
  line-height: 30px;
}

.o-select-group .o-select-dropdown__item {
  padding-left: 28px;
}

.o-select {
  --o-select-border-color-hover: var(--o-border-color-hover);
  --o-select-disabled-color: var(--o-disabled-text-color);
  --o-select-disabled-border: var(--o-disabled-border-color);
  --o-select-font-size: var(--o-font-size-base);
  --o-select-close-hover-color: var(--o-text-color-secondary);
  --o-select-input-color: var(--o-text-color-placeholder);
  --o-select-multiple-input-color: var(--o-text-color-regular);
  --o-select-input-focus-border-color: var(--o-color-primary);
  --o-select-input-font-size: 14px;
  --o-select-width: 100%;
}

.o-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: var(--o-select-width);
}

.o-select__wrapper {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  cursor: var(--o-cursor-pointer);
  text-align: left;
  font-size: 14px;
  padding: 6px 8px;
  gap: 6px;
  min-height: 32px;
  line-height: 24px;
  border-radius: var(--o-radius-m);
  background-color: var(--o-neutral-bg-5-normal);
  transition: var(--o-transition-duration);
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
}

.o-select__wrapper:hover {
  border-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-select__wrapper:hover .o-select__caret {
  color: var(--o-neutral-fg-2-normal);
}

.o-select__wrapper.is-filterable {
  cursor: text;
}

.o-select__wrapper.is-focused {
  border: 1px solid var(--o-brand-bg-1-normal);
  border-bottom-color: var(--o-brand-bg-1-normal);
}

.o-select__wrapper.is-focused .o-select__caret {
  color: var(--o-neutral-fg-2-normal);
}

.o-select__wrapper.is-hovering:not(.is-focused) {
  border-color: var(--o-neutral-stroke-accessible-2-ss);
}

.o-select__wrapper.is-disabled {
  background-color: var(--o-neutral-bg-disabled);
  color: var(--o-neutral-fg-disabled);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-select__wrapper.is-disabled:hover {
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-select__wrapper.is-disabled.is-focus {
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-select__wrapper.is-disabled .o-select__selected-item {
  color: var(--o-neutral-fg-disabled);
}

.o-select__wrapper.is-disabled .o-select__caret {
  cursor: default;
  color: var(--o-neutral-fg-disabled);
}

.o-select__wrapper.is-disabled .o-tag {
  cursor: default;
}

.o-select__wrapper .o-select__caret {
  color: var(--o-select-input-color);
  transition: var(--o-transition-duration);
  transform: rotateZ(0deg);
  cursor: var(--o-cursor-pointer);
}

.o-select__wrapper .o-select__caret:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea15";
  font-size: 14px;
  line-height: 14px;
}

.o-select__wrapper .o-select__caret svg {
  display: none;
}

.o-select__wrapper .o-select__caret.is-reverse {
  transform: rotateZ(180deg);
}

.o-select__wrapper .o-select__caret + .o-select__caret {
  color: var(--o-neutral-fg-2-normal);
}

.o-select__wrapper .o-select__caret + .o-select__caret:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea03";
  font-size: 10px;
  line-height: 10px;
  transform: scale(0.8333333333);
}

.o-select__wrapper .o-select__caret + .o-select__caret svg {
  display: none;
}

.o-select__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--o-input-icon-color, var(--o-text-color-placeholder));
}

.o-select__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--o-input-icon-color, var(--o-text-color-placeholder));
}

.o-select__caret {
  color: var(--o-select-input-color);
  font-size: var(--o-select-input-font-size);
  transition: var(--o-transition-duration);
  transform: rotateZ(0deg);
  cursor: var(--o-cursor-pointer);
}

.o-select__caret.is-reverse {
  transform: rotateZ(180deg);
}

.o-select__selection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}

.o-select__selection.is-near {
  margin-left: -8px;
}

.o-select__selection .o-tag {
  cursor: var(--o-cursor-pointer);
  border-color: transparent;
}

.o-select__selection .o-tag .o-tag__content {
  min-width: 0;
}

.o-select__selected-item {
  display: flex;
  flex-wrap: wrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-select__tags-text {
  display: block;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-select__placeholder {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-select__placeholder.is-transparent {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--o-neutral-fg-5-normal);
}

.o-select__popper.o-popper {
  background: var(--o-neutral-bg-1-normal);
  border: 1px solid var(--o-border-color-light);
  box-shadow: var(--o-box-shadow-light);
  border-radius: var(--o-radius-m);
}

.o-select__popper.o-popper .o-popper__arrow {
  display: none;
}

.o-select__popper.o-popper .o-popper__arrow::before {
  border: 1px solid var(--o-border-color-light);
}

.o-select__popper.o-popper[data-popper-placement^=top] .o-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}

.o-select__popper.o-popper[data-popper-placement^=bottom] .o-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.o-select__popper.o-popper[data-popper-placement^=left] .o-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.o-select__popper.o-popper[data-popper-placement^=right] .o-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.o-select__input-wrapper {
  max-width: 100%;
}

.o-select__input-wrapper.is-hidden {
  position: absolute;
  opacity: 0;
}

.o-select__input {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  border: none;
  outline: none;
  padding: 0;
  color: var(--o-neutral-fg-2-normal);
  font-size: inherit;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 24px;
  max-width: 100%;
  background-color: transparent;
}

.o-select__input.is-disabled {
  cursor: default;
}

.o-select__input::-moz-placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-input-placeholder-color, var(--o-text-color-placeholder));
}

.o-select__input::placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-input-placeholder-color, var(--o-text-color-placeholder));
}

.o-select__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.o-select--large .o-select__wrapper {
  gap: 6px;
  padding: 8px 16px;
  min-height: 40px;
  line-height: 24px;
  font-size: 14px;
}

.o-select--large .o-select__selection {
  gap: 6px;
}

.o-select--large .o-select__selection.is-near {
  margin-left: -8px;
}

.o-select--large .o-select__prefix {
  gap: 6px;
}

.o-select--large .o-select__suffix {
  gap: 6px;
}

.o-select--large .o-select__input {
  height: 24px;
}

.o-select--small .o-select__wrapper {
  gap: 4px;
  padding: 2px 8px;
  min-height: 24px;
  line-height: 20px;
  font-size: 12px;
}

.o-select--small .o-select__selection {
  gap: 4px;
}

.o-select--small .o-select__selection.is-near {
  margin-left: -6px;
}

.o-select--small .o-select__prefix {
  gap: 4px;
}

.o-select--small .o-select__suffix {
  gap: 4px;
}

.o-select--small .o-select__input {
  height: 20px;
}

.o-select.is-not-validate-event .o-input:not(.is-disabled) .o-input__wrapper {
  border-color: var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
}

.o-select.is-not-validate-event .o-input:not(.is-disabled) .o-input__wrapper:hover {
  border-color: var(--o-neutral-stroke-accessible-2-ss);
}

.o-select.is-not-validate-event .o-input:not(.is-disabled) .o-input__wrapper.is-focus {
  border-color: var(--o-brand-stroke-1-active);
}

.o-select .o-select__tags > span {
  display: inline-block;
  color: var(--o-select-input-border-focus) !important;
}

.o-select:not(.o-select--disabled):hover .o-input__wrapper {
  border-color: var(--o-brand-stroke-1-hover);
}

.o-select:not(.o-select--disabled):active .o-input__wrapper {
  border-color: var(--o-brand-stroke-1-active);
}

.o-select:hover .o-input__wrapper .o-select__caret .o-icon__svg, .o-select:active .o-input__wrapper .o-select__caret .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-select .o-input__wrapper {
  cursor: var(--o-cursor-pointer);
  border-radius: var(--o-radius-m);
  padding: 6px 8px 6px 8px;
  background-color: var(--o-select-input-bg-normal);
}

.o-select .o-input__wrapper:active {
  border-color: var(--o-select-input-focus-border-color);
}

.o-select .o-input__wrapper.is-focus {
  border: 1px solid var(--o-select-input-focus-border-color);
  border-bottom-color: var(--o-select-input-focus-border-color);
}

.o-select .o-input__wrapper.is-focus .o-select__caret .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-select .o-input__inner {
  cursor: var(--o-cursor-pointer);
  color: var(--o-neutral-fg-2-normal);
  height: 20px;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  text-align: left;
}

.o-select .o-input__inner:hover, .o-select .o-input__inner:active {
  color: var(--o-neutral-fg-2-normal);
}

.o-select .o-input {
  display: flex;
  border-radius: 4px;
  border-color: var(--o-select-input-border-normal) var(--o-select-input-border-normal) var(--o-select-input-border-bottom-normal) var(--o-select-input-border-normal);
  height: 32px;
}

.o-select .o-input .o-select__caret {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  transform: rotateZ(0deg);
  cursor: var(--o-cursor-pointer);
}

.o-select .o-input .o-select__caret .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-select .o-input .o-select__caret.is-reverse {
  transform: rotateZ(-180deg);
}

.o-select .o-input .o-select__caret.is-show-close {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  text-align: center;
  transform: rotateZ(0deg);
  border-radius: 4px;
  color: var(--o-select-input-color);
}

.o-select .o-input .o-select__caret.is-show-close:hover {
  color: var(--o-select-close-hover-color);
}

.o-select .o-input .o-select__caret.o-icon {
  position: relative;
  height: inherit;
  z-index: 2;
}

.o-select .o-input.is-disabled .o-input__wrapper {
  cursor: var(--o-cursor-not-allowed);
}

.o-select .o-input.is-disabled .o-input__wrapper:hover, .o-select .o-input.is-disabled .o-input__wrapper:active, .o-select .o-input.is-disabled .o-input__wrapper:focus {
  box-shadow: none;
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-select .o-input.is-disabled .o-input__inner {
  cursor: var(--o-cursor-not-allowed);
}

.o-select .o-input.is-disabled .o-input__inner:hover, .o-select .o-input.is-disabled .o-input__inner:active, .o-select .o-input.is-disabled .o-input__inner:focus {
  color: var(--o-select-input-border-hover-active);
}

.o-select .o-input.is-disabled .o-select__caret {
  cursor: var(--o-cursor-not-allowed);
}

.o-select .o-input.is-disabled .o-select__caret .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-select .o-input.is-focus .o-input__wrapper {
  border: 1px solid var(--o-select-input-focus-border-color);
  border-bottom-color: var(--o-select-input-focus-border-color);
}

.o-select .o-input.is-focus .o-input__wrapper .o-select__caret {
  color: var(--o-neutral-fg-2-normal);
}

.o-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: var(--o-select-multiple-input-color);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  background-color: transparent;
}

.o-select__input.is-disabled {
  cursor: var(--o-cursor-not-allowed);
}

.o-select__input--iOS {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6;
}

.o-select__input.is-small {
  height: 14px;
}

.o-select__close {
  cursor: var(--o-cursor-pointer);
  position: absolute;
  top: 8px;
  z-index: var(--o-index-top);
  right: 25px;
  color: var(--o-select-input-color);
  line-height: 18px;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-select__close:hover {
  color: var(--o-select-close-hover-color);
}

.o-select__tags {
  position: absolute;
  line-height: normal;
  top: 50%;
  transform: translateY(-50%);
  white-space: normal;
  z-index: var(--o-index-normal);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: var(--o-cursor-pointer);
}

.o-select__tags.is-disabled {
  cursor: var(--o-cursor-default);
}

.o-select__tags.is-disabled .o-tag {
  color: var(--o-neutral-fg-disabled) !important;
}

.o-select__multiple-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 7px;
}

.o-select__multiple-label--text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  flex: 1;
  min-width: 0;
  color: var(--o-neutral-fg-2-normal);
}

.o-select__multiple-label--counter {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--o-neutral-bg-2-normal);
  color: var(--o-neutral-fg-2-normal);
  margin-left: 8px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--o-radius-m);
}

.o-select__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  height: 32px;
}

.o-select--disabled:not(.is-readonly) .o-select__multiple-label--text {
  color: var(--o-neutral-fg-disabled);
}

.o-select--disabled:not(.is-readonly) .o-select__multiple-label--counter {
  background-color: var(--o-neutral-bg-disabled);
  color: var(--o-neutral-fg-disabled);
}

.o-select.is-readonly .o-input.is-disabled .o-input__wrapper {
  background-color: transparent;
  border-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-select.is-readonly .o-input.is-disabled .o-input__inner {
  color: var(--o-neutral-fg-2-normal);
}

.o-select.is-readonly .o-select__multiple-label--text {
  color: var(--o-neutral-fg-2-normal);
}

.o-select-dropdown {
  z-index: calc(var(--o-index-top) + 1);
  border-radius: var(--o-border-radius-base);
  box-sizing: border-box;
}

.o-select-dropdown.is-multiple .o-select-dropdown__item.selected {
  color: var(--o-neutral-fg-2-normal);
  background-color: var(--o-select-dropdown-bg-color);
  border: 1px solid transparent;
}

.o-select-dropdown.is-multiple .o-select-dropdown__item.selected.hover, .o-select-dropdown.is-multiple .o-select-dropdown__item.selected:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-select-dropdown.is-multiple .o-select-dropdown__item.selected:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-select-dropdown .o-scrollbar.is-empty .o-select-dropdown__list {
  padding: 0;
}

.o-select-dropdown .o-vl__wrapper {
  margin: 1px 0;
}

.o-select-dropdown .o-vl__wrapper .o-select-dropdown__item {
  height: 32px !important;
  margin: 2px 3px 2px 3px;
}

.o-select-dropdown o-vl__window .o-select-dropdown__item {
  width: calc(100% - 6px) !important;
}

.o-select-dropdown .o-virtual-scrollbar {
  top: 1px !important;
}

.o-select-dropdown__loading {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--o-text-color-secondary);
  font-size: var(--o-select-font-size);
}

.o-select-dropdown__empty {
  padding: var(--o-select-dropdown-empty-padding, 10px 0);
  margin: 0;
  text-align: center;
  color: var(--o-text-color-secondary);
  font-size: var(--o-select-font-size);
}

.o-select-dropdown__wrap {
  max-height: 274px;
}

.o-select-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.o-skeleton {
  --o-skeleton-circle-size: var(--o-avatar-size);
}

.o-skeleton__item {
  background: var(--o-skeleton-color);
  display: inline-block;
  height: 16px;
  border-radius: var(--o-border-radius-base);
  width: 100%;
}

.o-skeleton__circle {
  border-radius: 50%;
  width: var(--o-skeleton-circle-size);
  height: var(--o-skeleton-circle-size);
  line-height: var(--o-skeleton-circle-size);
}

.o-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}

.o-skeleton__p {
  width: 100%;
}

.o-skeleton__p.is-last {
  width: 61%;
}

.o-skeleton__p.is-first {
  width: 33%;
}

.o-skeleton__text {
  width: 100%;
  height: var(--o-font-size-small);
}

.o-skeleton__caption {
  height: var(--o-font-size-extra-small);
}

.o-skeleton__h1 {
  height: var(--o-font-size-extra-large);
}

.o-skeleton__h3 {
  height: var(--o-font-size-large);
}

.o-skeleton__h5 {
  height: var(--o-font-size-medium);
}

.o-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}

.o-skeleton__image svg {
  color: var(--o-svg-monochrome-grey);
  fill: currentColor;
  width: 22%;
  height: 22%;
}

.o-skeleton {
  --o-skeleton-color: var(--o-fill-color);
  --o-skeleton-to-color: var(--o-fill-color-darker);
}

@keyframes o-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.o-skeleton {
  width: 100%;
}

.o-skeleton__first-line {
  height: 16px;
  margin-top: 16px;
  background: var(--o-skeleton-color);
}

.o-skeleton__paragraph {
  height: 16px;
  margin-top: 16px;
  background: var(--o-skeleton-color);
}

.o-skeleton.is-animated .o-skeleton__item {
  background: linear-gradient(90deg, var(--o-skeleton-color) 25%, var(--o-skeleton-to-color) 37%, var(--o-skeleton-color) 63%);
  background-size: 400% 100%;
  animation: o-skeleton-loading 1.4s ease infinite;
}

.o-slider {
  --o-slider-main-bg-color: var(--o-color-primary);
  --o-slider-runway-bg-color: var(--o-border-color-light);
  --o-slider-stop-bg-color: var(--o-color-white);
  --o-slider-disabled-color: var(--o-text-color-placeholder);
  --o-slider-border-radius: 3px;
  --o-slider-height: 6px;
  --o-slider-button-size: 20px;
  --o-slider-button-wrapper-size: 36px;
  --o-slider-button-wrapper-offset: -15px;
}

.o-slider {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}

.o-slider.is-digit .is-disabled {
  cursor: default;
}

.o-slider.is-digit .is-disabled .o-slider__button {
  color: var(--o-neutral-fg-disabled);
  background-color: var(--o-neutral-bg-8-disabled);
  border-color: var(--o-neutral-bg-8-disabled);
}

.o-slider.is-digit .is-disabled .o-slider__button:hover, .o-slider.is-digit .is-disabled .o-slider__button.hover, .o-slider.is-digit .is-disabled .o-slider__button:active, .o-slider.is-digit .is-disabled .o-slider__button.dragging {
  color: var(--o-neutral-fg-disabled);
  background-color: var(--o-neutral-bg-8-disabled);
  border-color: var(--o-neutral-bg-8-disabled);
}

.o-slider.is-digit .o-slider__button {
  display: inline-block;
  background-color: var(--o-slider-main-bg-color);
  width: auto;
  min-width: var(--o-slider-button-digit-width);
  height: var(--o-slider-button-digit-height);
  vertical-align: middle;
  border: solid 2px var(--o-slider-main-bg-color);
  border-radius: 2px;
  box-sizing: border-box;
  transition: var(--o-transition-duration-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: D-DIN-PRO;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.4px;
  line-height: 10px;
}

.o-slider.is-digit .o-slider__button:hover, .o-slider.is-digit .o-slider__button.hover, .o-slider.is-digit .o-slider__button.dragging {
  border: 2px solid var(--o-brand-bg-1-hover);
  background-color: var(--o-brand-bg-1-hover);
}

.o-slider.is-digit .o-slider__button:active {
  border: 2px solid var(--o-brand-bg-1-active);
  background-color: var(--o-brand-bg-1-active);
}

.o-slider.is-digit .o-slider__button:hover, .o-slider.is-digit .o-slider__button.hover {
  cursor: grab;
}

.o-slider.is-digit .o-slider__button.dragging {
  cursor: grabbing;
}

.o-slider__runway {
  flex: 1;
  height: var(--o-slider-height);
  background-color: var(--o-slider-runway-bg-color);
  border-radius: var(--o-slider-border-radius);
  position: relative;
  cursor: var(--o-cursor-pointer);
}

.o-slider__runway.show-input {
  margin-right: 30px;
  width: auto;
}

.o-slider__runway.is-disabled {
  cursor: default;
}

.o-slider__runway.is-disabled .o-slider__bar {
  background-color: var(--o-slider-disabled-color);
}

.o-slider__runway.is-disabled .o-slider__button {
  border-color: var(--o-slider-disabled-color);
}

.o-slider__runway.is-disabled .o-slider__button-wrapper:hover, .o-slider__runway.is-disabled .o-slider__button-wrapper.hover {
  cursor: var(--o-cursor-not-allowed);
}

.o-slider__runway.is-disabled .o-slider__button-wrapper.dragging {
  cursor: var(--o-cursor-not-allowed);
}

.o-slider__runway.is-disabled .o-slider__button:hover, .o-slider__runway.is-disabled .o-slider__button.hover, .o-slider__runway.is-disabled .o-slider__button.dragging {
  transform: scale(1);
}

.o-slider__runway.is-disabled .o-slider__button:hover, .o-slider__runway.is-disabled .o-slider__button.hover {
  cursor: var(--o-cursor-not-allowed);
}

.o-slider__runway.is-disabled .o-slider__button.dragging {
  cursor: var(--o-cursor-not-allowed);
}

.o-slider__input {
  flex-shrink: 0;
}

.o-slider__bar {
  height: var(--o-slider-height);
  background-color: var(--o-slider-main-bg-color);
  border-top-left-radius: var(--o-slider-border-radius);
  border-bottom-left-radius: var(--o-slider-border-radius);
  position: absolute;
}

.o-slider__button-wrapper {
  height: var(--o-slider-button-wrapper-size);
  width: var(--o-slider-button-wrapper-size);
  position: absolute;
  z-index: 1;
  top: var(--o-slider-button-wrapper-offset);
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  line-height: normal;
  outline: none;
}

.o-slider__button-wrapper::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.o-slider__button-wrapper:hover, .o-slider__button-wrapper.hover {
  cursor: grab;
}

.o-slider__button-wrapper.dragging {
  cursor: grabbing;
}

.o-slider__button {
  display: inline-block;
  width: var(--o-slider-button-size);
  height: var(--o-slider-button-size);
  vertical-align: middle;
  border: solid 2px var(--o-slider-main-bg-color);
  background-color: var(--o-neutral-bg-4-normal);
  border-radius: 50%;
  box-sizing: border-box;
  transition: var(--o-transition-duration-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-slider__button:hover, .o-slider__button.hover, .o-slider__button.dragging {
  border: 2px solid var(--o-brand-bg-1-hover);
}

.o-slider__button:active {
  border: 2px solid var(--o-brand-bg-1-active);
}

.o-slider__button:hover, .o-slider__button.hover {
  cursor: grab;
}

.o-slider__button.dragging {
  cursor: grabbing;
}

.o-slider__stop {
  position: absolute;
  height: var(--o-slider-height);
  width: var(--o-slider-height);
  border-radius: var(--o-border-radius-circle);
  background-color: var(--o-slider-stop-bg-color);
  transform: translateX(-50%);
}

.o-slider__marks {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}

.o-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: 14px;
  color: var(--o-color-info);
  margin-top: 15px;
  white-space: pre;
}

.o-slider.is-vertical {
  position: relative;
  display: inline-flex;
  width: auto;
  height: 100%;
  flex: 0;
}

.o-slider.is-vertical .o-slider__runway {
  width: var(--o-slider-height);
  height: 100%;
  margin: 0 16px;
}

.o-slider.is-vertical .o-slider__bar {
  width: var(--o-slider-height);
  height: auto;
  border-radius: 0 0 3px 3px;
}

.o-slider.is-vertical .o-slider__button-wrapper {
  top: auto;
  left: var(--o-slider-button-wrapper-offset);
  transform: translateY(50%);
}

.o-slider.is-vertical .o-slider__stop {
  transform: translateY(50%);
}

.o-slider.is-vertical .o-slider__marks-text {
  margin-top: 0;
  left: 15px;
  transform: translateY(50%);
}

.o-slider--large {
  height: 40px;
}

.o-slider--small {
  height: 24px;
}

.o-space {
  display: inline-flex;
  vertical-align: top;
}

.o-space__item {
  display: flex;
  flex-wrap: wrap;
}

.o-space__item > * {
  flex: 1;
}

.o-space--vertical {
  flex-direction: column;
}

.o-time-spinner {
  width: 100%;
  white-space: nowrap;
}

.o-spinner {
  display: inline-block;
  vertical-align: middle;
}

.o-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px;
}

.o-spinner-inner .path {
  stroke: var(--o-border-color-lighter);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.o-step {
  position: relative;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 100%;
  max-width: 260px;
}

.o-step:not(.is-disabled):hover .o-step__head.is-wait .o-step__icon {
  border-color: var(--o-neutral-fg-3-normal);
  color: var(--o-neutral-fg-2-normal);
}

.o-step:not(.is-disabled):hover .o-step__head.is-success .o-step__icon {
  background-color: var(--o-brand-bg-1-hover);
  border-color: var(--o-brand-bg-1-hover);
}

.o-step:not(.is-disabled):hover .o-step__title {
  color: var(--o-neutral-fg-2-normal);
}

.o-step:not(.is-disabled):active .o-step__head.is-wait .o-step__icon {
  border-color: var(--o-neutral-fg-5-normal);
  color: var(--o-neutral-fg-3-normal);
}

.o-step:not(.is-disabled):active .o-step__head.is-success .o-step__icon {
  background-color: var(--o-brand-bg-1-active);
  border-color: var(--o-brand-bg-1-active);
}

.o-step:not(.is-disabled):active .o-step__title {
  color: var(--o-neutral-fg-2-normal);
}

.o-step:last-of-type .o-step__line {
  display: none;
}

.o-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.o-step:last-of-type .o-step__main, .o-step:last-of-type .o-step__description {
  padding-right: 0;
}

.o-step__head {
  position: relative;
  width: 100%;
  display: flex;
}

.o-step__head.is-process {
  color: var(--o-brand-fg-1-hover);
}

.o-step__head.is-process .o-step__icon.is-text {
  color: var(--o-neutral-fg-oncolor);
  border-color: var(--o-brand-fg-1-hover);
}

.o-step__head.is-wait {
  color: var(--o-neutral-fg-5-normal);
}

.o-step__head.is-wait .o-step__icon {
  background-color: var(--o-neutral-stroke-2-subtle-ss);
}

.o-step__head.is-wait .o-step__icon.is-text {
  border-radius: var(--o-radius-circle);
  border: 1px solid var(--o-neutral-fg-5-normal);
  color: var(--o-neutral-fg-3-normal);
}

.o-step__head.is-wait .o-step__icon:hover {
  border-color: var(--o-neutral-fg-3-normal);
  color: var(--o-neutral-fg-2-normal);
}

.o-step__head.is-wait .o-step__icon:active {
  border-color: var(--o-neutral-fg-5-normal);
  color: var(--o-neutral-fg-3-normal);
}

.o-step__head.is-wait .o-step__line-inner {
  border-color: var(--o-brand-bg-1-normal);
}

.o-step__head.is-success {
  color: var(--o-neutral-fg-1-normal);
}

.o-step__head.is-success .o-step__icon.is-text {
  border-radius: var(--o-radius-circle);
  border: 1px solid var(--o-brand-bg-1-normal);
}

.o-step__head.is-success .o-step__icon .o-icon svg {
  display: none;
}

.o-step__head.is-success .o-step__icon .o-icon:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea12";
  font-size: 9px;
  line-height: 9px;
  transform: scale(0.75);
}

.o-step__head.is-success .o-step__icon:hover {
  background-color: var(--o-brand-bg-1-hover);
  border-color: var(--o-brand-bg-1-hover);
}

.o-step__head.is-success .o-step__icon:active {
  background-color: var(--o-brand-bg-1-active);
  border-color: var(--o-brand-bg-1-active);
}

.o-step__head.is-success .o-step__line {
  background-color: var(--o-brand-bg-1-normal);
}

.o-step__head.is-success .o-step__line-inner {
  border-color: var(--o-brand-bg-1-normal);
}

.o-step__head.is-error {
  color: var(--o-status-error-bg-3-normal);
}

.o-step__head.is-error .o-step__icon {
  background-color: var(--o-status-error-bg-1-normal);
  color: var(--o-neutral-fg-1-normal);
  border-color: var(--o-status-error-bg-3-normal);
}

.o-step__head.is-error .o-step__icon .o-icon svg {
  display: none;
}

.o-step__head.is-error .o-step__icon .o-icon:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea13";
  font-size: 9px;
  line-height: 9px;
  transform: scale(0.75);
}

.o-step__head.is-error .o-step__line {
  background-color: var(--o-status-error-bg-1-normal);
}

.o-step__head.is-error .o-step__line-inner {
  border-color: var(--o-status-error-bg-1-normal);
}

.o-step__head.is-finish {
  color: var(--o-neutral-fg-oncolor);
  border-color: var(--o-brand-fg-1-hover);
}

.o-step__head.is-finish .o-step__line {
  background-color: var(--o-brand-bg-1-normal);
}

.o-step__head.is-finish .o-step__line-inner {
  border-color: var(--o-brand-bg-1-normal);
}

.o-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: D-DIN-PRO;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.4px;
  box-sizing: border-box;
  background: var(--o-brand-bg-1-normal);
}

.o-step__icon.is-text {
  border-radius: var(--o-radius-circle);
  border: 1px solid;
  border-color: inherit;
}

.o-step__icon.is-icon {
  width: 40px;
}

.o-step__icon > .o-icon {
  width: 1em;
  height: 1em;
  display: inline-flex;
}

.o-step__icon-inner {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  color: inherit;
}

.o-step__icon-inner[class*=o-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}

.o-step__line {
  position: absolute;
  border-color: inherit;
  background-color: var(--o-neutral-stroke-2-normal);
}

.o-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  box-sizing: border-box;
  width: 0;
  height: 0;
}

.o-step__main {
  white-space: normal;
  text-align: left;
}

.o-step__title {
  margin-top: 8px;
  max-width: 200px;
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}

.o-step__title.is-process {
  color: var(--o-neutral-fg-1-normal);
}

.o-step__title.is-wait {
  color: var(--o-neutral-fg-3-normal);
}

.o-step__title.is-success {
  color: var(--o-neutral-fg-3-normal);
}

.o-step__title.is-error {
  color: var(--o-neutral-fg-3-normal);
}

.o-step__title.is-finish {
  color: var(--o-neutral-fg-3-normal);
}

.o-step__description {
  padding-right: 10%;
  margin-top: 4px;
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  max-width: 200px;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.o-step__description.is-process {
  color: var(--o-neutral-fg-3-normal);
}

.o-step__description.is-wait {
  color: var(--o-text-color-placeholder);
}

.o-step__description.is-success {
  color: var(--o-neutral-fg-3-normal);
}

.o-step__description.is-error {
  color: var(--o-neutral-fg-3-normal);
}

.o-step__description.is-finish {
  color: var(--o-neutral-fg-3-normal);
}

.o-step.is-horizontal {
  display: inline-block;
}

.o-step.is-horizontal .o-step__line {
  height: 2px;
  top: 9px;
  left: 28px;
  right: 12px;
  max-width: 220px;
}

.o-step.is-vertical {
  display: flex;
}

.o-step.is-vertical .o-step__head {
  flex-grow: 0;
  width: 24px;
}

.o-step.is-vertical .o-step__main {
  padding-left: 10px;
  flex-grow: 1;
}

.o-step.is-vertical .o-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}

.o-step.is-vertical .o-step__line {
  width: 2px;
  top: 24px;
  bottom: 4px;
  left: 9px;
}

.o-step.is-vertical .o-step__icon.is-icon {
  width: 24px;
}

.o-step.is-center .o-step__head {
  text-align: center;
}

.o-step.is-center .o-step__main {
  text-align: center;
}

.o-step.is-center .o-step__description {
  padding-left: 20%;
  padding-right: 20%;
}

.o-step.is-center .o-step__line {
  left: 50%;
  right: -50%;
}

.o-step.is-simple {
  display: flex;
  align-items: center;
}

.o-step.is-simple .o-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px;
}

.o-step.is-simple .o-step__icon {
  background: transparent;
  width: 16px;
  height: 16px;
  font-family: D-DIN-PRO;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.o-step.is-simple .o-step__icon-inner[class*=o-icon]:not(.is-status) {
  font-size: 18px;
}

.o-step.is-simple .o-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}

.o-step.is-simple .o-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.o-step.is-simple .o-step__title {
  font-size: 16px;
  line-height: 20px;
}

.o-step.is-simple:not(:last-of-type) .o-step__title {
  max-width: 50%;
  overflow-wrap: break-word;
}

.o-step.is-simple .o-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-step.is-simple .o-step__arrow::before, .o-step.is-simple .o-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: var(--o-text-color-placeholder);
}

.o-step.is-simple .o-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}

.o-step.is-simple .o-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}

.o-step.is-simple:last-of-type .o-step__arrow {
  display: none;
}

.o-step.is-no-description .o-step__description {
  margin-top: 0;
}

.o-steps.is-pure .o-step .o-step__head.is-process, .o-steps.is-pure .o-step .o-step__head.is-process:hover, .o-steps.is-pure .o-step .o-step__head.is-process:active, .o-steps.is-pure .o-step:hover .o-step__head.is-process, .o-steps.is-pure .o-step:hover .o-step__head.is-process:hover, .o-steps.is-pure .o-step:hover .o-step__head.is-process:active, .o-steps.is-pure .o-step:active .o-step__head.is-process, .o-steps.is-pure .o-step:active .o-step__head.is-process:hover, .o-steps.is-pure .o-step:active .o-step__head.is-process:active {
  color: var(--o-brand-fg-1-hover);
}

.o-steps.is-pure .o-step .o-step__head.is-process .o-step__icon.is-text, .o-steps.is-pure .o-step .o-step__head.is-process:hover .o-step__icon.is-text, .o-steps.is-pure .o-step .o-step__head.is-process:active .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-process .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-process:hover .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-process:active .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-process .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-process:hover .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-process:active .o-step__icon.is-text {
  color: var(--o-neutral-fg-oncolor);
  border-color: var(--o-brand-fg-1-hover);
}

.o-steps.is-pure .o-step .o-step__head.is-wait, .o-steps.is-pure .o-step .o-step__head.is-wait:hover, .o-steps.is-pure .o-step .o-step__head.is-wait:active, .o-steps.is-pure .o-step:hover .o-step__head.is-wait, .o-steps.is-pure .o-step:hover .o-step__head.is-wait:hover, .o-steps.is-pure .o-step:hover .o-step__head.is-wait:active, .o-steps.is-pure .o-step:active .o-step__head.is-wait, .o-steps.is-pure .o-step:active .o-step__head.is-wait:hover, .o-steps.is-pure .o-step:active .o-step__head.is-wait:active {
  color: var(--o-neutral-fg-5-normal);
}

.o-steps.is-pure .o-step .o-step__head.is-wait .o-step__icon, .o-steps.is-pure .o-step .o-step__head.is-wait:hover .o-step__icon, .o-steps.is-pure .o-step .o-step__head.is-wait:active .o-step__icon, .o-steps.is-pure .o-step:hover .o-step__head.is-wait .o-step__icon, .o-steps.is-pure .o-step:hover .o-step__head.is-wait:hover .o-step__icon, .o-steps.is-pure .o-step:hover .o-step__head.is-wait:active .o-step__icon, .o-steps.is-pure .o-step:active .o-step__head.is-wait .o-step__icon, .o-steps.is-pure .o-step:active .o-step__head.is-wait:hover .o-step__icon, .o-steps.is-pure .o-step:active .o-step__head.is-wait:active .o-step__icon {
  background-color: var(--o-neutral-stroke-2-subtle-ss);
}

.o-steps.is-pure .o-step .o-step__head.is-wait .o-step__icon.is-text, .o-steps.is-pure .o-step .o-step__head.is-wait:hover .o-step__icon.is-text, .o-steps.is-pure .o-step .o-step__head.is-wait:active .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-wait .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-wait:hover .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-wait:active .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-wait .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-wait:hover .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-wait:active .o-step__icon.is-text {
  border-color: var(--o-neutral-fg-5-normal);
  color: var(--o-neutral-fg-3-normal);
}

.o-steps.is-pure .o-step .o-step__head.is-success, .o-steps.is-pure .o-step .o-step__head.is-success:hover, .o-steps.is-pure .o-step .o-step__head.is-success:active, .o-steps.is-pure .o-step:hover .o-step__head.is-success, .o-steps.is-pure .o-step:hover .o-step__head.is-success:hover, .o-steps.is-pure .o-step:hover .o-step__head.is-success:active, .o-steps.is-pure .o-step:active .o-step__head.is-success, .o-steps.is-pure .o-step:active .o-step__head.is-success:hover, .o-steps.is-pure .o-step:active .o-step__head.is-success:active {
  color: var(--o-neutral-fg-1-normal);
}

.o-steps.is-pure .o-step .o-step__head.is-success .o-step__icon.is-text, .o-steps.is-pure .o-step .o-step__head.is-success:hover .o-step__icon.is-text, .o-steps.is-pure .o-step .o-step__head.is-success:active .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-success .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-success:hover .o-step__icon.is-text, .o-steps.is-pure .o-step:hover .o-step__head.is-success:active .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-success .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-success:hover .o-step__icon.is-text, .o-steps.is-pure .o-step:active .o-step__head.is-success:active .o-step__icon.is-text {
  border-color: var(--o-brand-bg-1-normal);
  background-color: var(--o-brand-bg-1-normal);
}

.o-steps.is-pure .o-step .o-step__head.is-error, .o-steps.is-pure .o-step .o-step__head.is-error:hover, .o-steps.is-pure .o-step .o-step__head.is-error:active, .o-steps.is-pure .o-step:hover .o-step__head.is-error, .o-steps.is-pure .o-step:hover .o-step__head.is-error:hover, .o-steps.is-pure .o-step:hover .o-step__head.is-error:active, .o-steps.is-pure .o-step:active .o-step__head.is-error, .o-steps.is-pure .o-step:active .o-step__head.is-error:hover, .o-steps.is-pure .o-step:active .o-step__head.is-error:active {
  color: var(--o-status-error-bg-3-normal);
}

.o-steps.is-pure .o-step .o-step__head.is-error .o-step__icon, .o-steps.is-pure .o-step .o-step__head.is-error:hover .o-step__icon, .o-steps.is-pure .o-step .o-step__head.is-error:active .o-step__icon, .o-steps.is-pure .o-step:hover .o-step__head.is-error .o-step__icon, .o-steps.is-pure .o-step:hover .o-step__head.is-error:hover .o-step__icon, .o-steps.is-pure .o-step:hover .o-step__head.is-error:active .o-step__icon, .o-steps.is-pure .o-step:active .o-step__head.is-error .o-step__icon, .o-steps.is-pure .o-step:active .o-step__head.is-error:hover .o-step__icon, .o-steps.is-pure .o-step:active .o-step__head.is-error:active .o-step__icon {
  background-color: var(--o-status-error-bg-1-normal);
  color: var(--o-neutral-fg-1-normal);
  border-color: var(--o-status-error-bg-3-normal);
}

.o-steps.is-pure .o-step .o-step__head.is-finish, .o-steps.is-pure .o-step:hover .o-step__head.is-finish, .o-steps.is-pure .o-step:active .o-step__head.is-finish {
  color: var(--o-neutral-fg-oncolor);
  border-color: var(--o-brand-fg-1-hover);
}

.o-steps.is-pure .o-step .o-step__title, .o-steps.is-pure .o-step:hover .o-step__title, .o-steps.is-pure .o-step:active .o-step__title {
  color: var(--o-neutral-fg-3-normal);
}

.o-steps.is-pure .o-step .o-step__title.is-process, .o-steps.is-pure .o-step:hover .o-step__title.is-process, .o-steps.is-pure .o-step:active .o-step__title.is-process {
  color: var(--o-neutral-fg-1-normal);
}

.o-steps {
  display: flex;
}

.o-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: var(--o-fill-color-light);
}

.o-steps--horizontal {
  white-space: nowrap;
}

.o-steps--vertical {
  height: 100%;
  flex-flow: column;
}

.o-switch {
  --o-switch-on-color: var(--o-color-primary);
  --o-switch-off-color: var(--o-border-color);
}

.o-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 32px;
  vertical-align: middle;
}

.o-switch.is-disabled .o-switch__core, .o-switch.is-disabled .o-switch__label {
  cursor: var(--o-cursor-not-allowed);
}

.o-switch__label {
  transition: var(--o-transition-duration-fast);
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: var(--o-cursor-pointer);
  vertical-align: middle;
}

.o-switch__label.is-active {
  color: var(--o-color-primary);
}

.o-switch__label--left {
  margin-right: 10px;
}

.o-switch__label--right {
  margin-left: 10px;
}

.o-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}

.o-switch__label .o-icon {
  height: inherit;
}

.o-switch__label .o-icon svg {
  vertical-align: middle;
}

.o-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}

.o-switch__input:focus-visible ~ .o-switch__core:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  outline: 2px solid var(--o-neutral-fg-1-normal);
  outline-offset: 4px;
  border-radius: 2px;
  pointer-events: none;
}

.o-switch__core {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-width: 40px;
  height: 20px;
  border: 1px solid transparent;
  outline: none;
  cursor: var(--o-cursor-pointer);
  border-radius: 10px;
  box-sizing: border-box;
  background: var(--o-neutral-bg-comp-normal);
  transition: border-color var(--o-transition-duration), background-color var(--o-transition-duration);
}

.o-switch__core:hover {
  background: var(--o-neutral-bg-comp-hover);
  transition: border-color var(--o-transition-duration), background-color var(--o-transition-duration);
}

.o-switch__core .o-switch__inner {
  width: 100%;
  transition: all var(--o-transition-duration);
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 4px 0 18px;
}

.o-switch__core .o-switch__inner .is-icon,
.o-switch__core .o-switch__inner .is-text {
  font-size: 12px;
  color: var(--o-color-white);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-switch__core .o-switch__action {
  position: absolute;
  left: 1px;
  border-radius: var(--o-border-radius-circle);
  transition: all var(--o-transition-duration);
  width: 16px;
  height: 16px;
  background-color: var(--o-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-switch__core .o-switch__action .o-icon {
  transition: none;
}

.o-switch__core .o-switch__action .o-icon__svg {
  color: var(--o-brand-fg-comp-hover);
  width: 16px;
  height: 16px;
}

.o-switch__core .o-switch__action .o-icon.is-loading {
  display: flex;
  width: 100%;
  height: 100%;
  line-height: 1;
}

.o-switch__core .o-switch__action .o-icon.is-loading > svg {
  display: none;
}

.o-switch__core .o-switch__action .o-icon.is-loading:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 100px;
  background: conic-gradient(from 90deg at 50% 50%, transparent 0deg, var(--o-brand-fg-comp-normal) 360deg);
  -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
}

.o-switch.is-checked:hover .o-switch__core {
  border-color: transparent;
  background-color: var(--o-brand-fg-comp-hover);
}

.o-switch.is-checked .o-switch__core {
  border-color: transparent;
  background-color: var(--o-brand-fg-comp-normal);
}

.o-switch.is-checked .o-switch__core .o-switch__action {
  left: calc(100% - 17px);
  color: var(--o-switch-on-color);
  background-color: transparent;
}

.o-switch.is-checked .o-switch__core .o-switch__action .o-icon__svg {
  color: var(--o-color-white);
}

.o-switch.is-checked .o-switch__core .o-switch__inner {
  padding: 0 18px 0 4px;
}

.o-switch.is-disabled {
  opacity: 1;
}

.o-switch.is-disabled:hover .o-switch__core {
  background-color: var(--o-neutral-bg-disabled);
}

.o-switch.is-disabled .o-switch__core {
  border-color: transparent;
  background-color: var(--o-neutral-bg-disabled);
  cursor: var(--o-cursor-not-allowed);
}

.o-switch.is-disabled .o-switch__core .o-switch__action {
  color: var(--o-neutral-fg-disabled);
  background-color: var(--o-neutral-fg-disabled);
}

.o-switch.is-disabled .o-switch__core .o-switch__action .o-icon {
  background-color: var(--o-neutral-bg-1-normal);
  border-radius: 100px;
  overflow: hidden;
}

.o-switch.is-disabled .o-switch__core .o-switch__action .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-switch.is-loading:hover .o-switch__core {
  background-color: var(--o-neutral-bg-comp-hover);
}

.o-switch.is-loading .o-switch__core {
  cursor: var(--o-cursor-not-allowed);
  border-color: transparent;
  background-color: var(--o-neutral-bg-comp-hover);
}

.o-switch.is-loading .o-switch__core .o-switch__action {
  color: var(--o-brand-fg-comp-hover);
  background-color: var(--o-neutral-fg-1-normal);
}

.o-switch.is-loading .o-switch__core .o-switch__action .o-icon {
  background-color: transparent;
  border-radius: 100px;
  overflow: hidden;
}

.o-switch.is-loading.is-checked:hover .o-switch__core {
  background-color: var(--o-brand-fg-comp-hover);
}

.o-switch.is-loading.is-checked .o-switch__core {
  background-color: var(--o-brand-fg-comp-hover);
}

.o-switch.is-force-disabled:hover .o-switch__core {
  background-color: var(--o-neutral-bg-disabled) !important;
}

.o-switch.is-force-disabled .o-switch__core {
  border-color: var(--o-neutral-bg-disabled) !important;
  background-color: var(--o-neutral-bg-disabled) !important;
}

.o-switch.is-force-disabled .o-switch__core .o-switch__action {
  color: var(--o-neutral-bg-1-normal) !important;
  background-color: var(--o-neutral-fg-disabled) !important;
}

.o-switch.is-force-disabled .o-icon.is-loading:after {
  background: conic-gradient(from 90deg at 50% 50%, transparent 0deg, var(--o-neutral-bg-1-normal) 360deg);
}

.o-switch--wide .o-switch__label.o-switch__label--left span {
  left: 10px;
}

.o-switch--wide .o-switch__label.o-switch__label--right span {
  right: 10px;
}

.o-switch .label-fade-enter-from, .o-switch .label-fade-leave-active {
  opacity: 0;
}

.o-switch--large {
  font-size: 14px;
  line-height: 24px;
  height: 40px;
}

.o-switch--large .o-switch__label {
  height: 24px;
  font-size: 14px;
}

.o-switch--large .o-switch__label * {
  font-size: 14px;
}

.o-switch--large .o-switch__core {
  min-width: 50px;
  height: 24px;
  border-radius: 12px;
}

.o-switch--large .o-switch__core .o-switch__inner {
  height: 20px;
  padding: 0 6px 0 22px;
}

.o-switch--large .o-switch__core .o-switch__action {
  width: 20px;
  height: 20px;
}

.o-switch--large .o-switch__core .o-switch__action .o-icon {
  font-size: 14px;
}

.o-switch--large .o-switch__core .o-switch__action .o-icon svg {
  width: 20px;
  height: 20px;
}

.o-switch--large.is-checked .o-switch__core .o-switch__action {
  left: calc(100% - 21px);
}

.o-switch--large.is-checked .o-switch__core .o-switch__inner {
  padding: 0 22px 0 6px;
}

.o-switch--small {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
}

.o-switch--small .o-switch__label {
  height: 16px;
  font-size: 12px;
}

.o-switch--small .o-switch__label * {
  font-size: 12px;
}

.o-switch--small .o-switch__core {
  min-width: 30px;
  height: 16px;
  border-radius: 8px;
}

.o-switch--small .o-switch__core .o-switch__inner {
  height: 12px;
  padding: 0 2px 0 14px;
}

.o-switch--small .o-switch__core .o-switch__action {
  width: 12px;
  height: 12px;
}

.o-switch--small .o-switch__core .o-switch__action .o-icon {
  font-size: 8px;
}

.o-switch--small .o-switch__core .o-switch__action .o-icon svg {
  width: 12px;
  height: 12px;
}

.o-switch--small.is-checked .o-switch__core .o-switch__action {
  left: calc(100% - 13px);
}

.o-switch--small.is-checked .o-switch__core .o-switch__inner {
  padding: 0 14px 0 2px;
}

.o-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}

.o-table-column__functional-header {
  width: 100%;
  display: flex;
}

.o-table-column__functional-header--title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  max-width: calc(100% - 28px);
  line-height: 18px;
  height: 18px;
  padding-right: 4px;
  box-sizing: border-box;
  display: inline-block;
}

.o-table-column__column-filter-trigger {
  display: inline-block;
  position: absolute;
  font-size: 20px;
  right: 0;
  top: 0;
  padding-top: 11px;
  box-sizing: border-box;
  padding-left: 10px;
  border-left: 1px solid var(--o-neutral-stroke-2-normal);
  height: 44px;
  width: 40px;
}

.o-table-column--filter-column > div.cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: inherit;
}

.o-table-column--reorder-column > div.cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: inherit;
}

.o-table-column--required-column > div.cell:before {
  content: "\ea05";
  display: inline-flex;
  font-style: normal;
  font-family: "icon-font";
  font-size: 8px;
  transform: scale(0.6666666667);
  color: var(--o-status-error-fg-1-normal);
  vertical-align: top;
  margin-right: 4px;
}

.o-table-filter {
  border: solid 1px var(--o-border-color-lighter);
  border-radius: var(--o-radius-s);
  background-color: #ffffff;
  box-shadow: var(--o-box-shadow-light);
  box-sizing: border-box;
  /** used for dropdown mode */
}

.o-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
}

.o-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: var(--o-cursor-pointer);
  font-size: var(--o-font-size-base);
}

.o-table-filter__list-item:hover {
  background-color: var(--o-color-primary-light-9);
  color: var(--o-color-primary);
}

.o-table-filter__list-item.is-active {
  background-color: var(--o-color-primary);
  color: #ffffff;
}

.o-table-filter__content {
  min-width: 100px;
}

.o-table-filter__bottom {
  border-top: 1px solid var(--o-border-color-lighter);
  padding: 8px;
}

.o-table-filter__bottom button {
  background: transparent;
  border: none;
  color: var(--o-text-color-regular);
  cursor: var(--o-cursor-pointer);
  font-size: var(--o-font-size-small);
  padding: 0 3px;
}

.o-table-filter__bottom button:hover {
  color: var(--o-color-primary);
}

.o-table-filter__bottom button:focus {
  outline: none;
}

.o-table-filter__bottom button.is-disabled {
  color: var(--o-disabled-text-color);
  cursor: not-allowed;
}

.o-table-filter__wrap {
  max-height: 280px;
}

.o-table-filter__checkbox-group {
  padding: 10px;
}

.o-table-filter__checkbox-group label.o-checkbox {
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 12px;
  margin-left: 5px;
  height: unset;
}

.o-table-filter__checkbox-group .o-checkbox:last-child {
  margin-bottom: 0;
}

.o-table {
  --o-table-border-color: var(--o-border-color-lighter);
  --o-table-border: 1px solid var(--o-table-border-color);
  --o-table-text-color: var(--o-text-color-regular);
  --o-table-header-text-color: var(--o-text-color-secondary);
  --o-table-row-hover-bg-color: var(--o-fill-color-light);
  --o-table-current-row-bg-color: var(--o-color-primary-light-9);
  --o-table-header-bg-color: var(--o-bg-color);
  --o-table-fixed-box-shadow: var(--o-box-shadow-light);
  --o-table-bg-color: var(--o-fill-color-blank);
  --o-table-tr-bg-color: var(--o-bg-color);
  --o-table-expanded-cell-bg-color: var(--o-fill-color-blank);
  --o-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --o-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --o-table-index: var(--o-index-normal);
}

.o-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  max-width: 100%;
  background-color: var(--o-table-bg-color);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-table-text-color);
  border-radius: var(--o-radius-m);
}

.o-table__inner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.o-table__inner-wrapper::before {
  left: 0;
  bottom: 0;
  height: 0px;
}

.o-table--need-border {
  border: 1px solid var(--o-neutral-stroke-2-normal) !important;
}

.o-table--need-border .o-table__empty-block {
  width: calc(100% - 2px) !important;
}

.o-table__disable-table-head-selection .o-checkbox {
  pointer-events: none;
}

.o-table__disable-table-head-selection .o-checkbox .o-checkbox__input .o-checkbox__inner {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-bg-disabled);
  cursor: var(--o-cursor-not-allowed);
  pointer-events: none;
}

.o-table__half-table-head-selection .o-checkbox__input .o-checkbox__inner {
  background-color: var(--o-neutral-bg-5-normal) !important;
}

.o-table__half-table-head-selection .o-checkbox__input .o-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--o-brand-fg-comp-normal);
  border-radius: 1px;
  height: 8px;
  width: 8px;
  left: 3px;
  top: 3px;
}

.o-table__half-table-head-selection .o-checkbox__input .o-checkbox__inner::after {
  content: none;
}

.o-table__all-table-head-selection .o-checkbox__input .o-checkbox__inner {
  background-color: var(--o-brand-bg-1-selected);
  border-color: var(--o-brand-bg-1-selected);
}

.o-table__all-table-head-selection .o-checkbox__input .o-checkbox__inner::before {
  content: none;
}

.o-table__all-table-head-selection .o-checkbox__input .o-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1.5px solid transparent;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  width: 3px;
  transform-origin: center;
  transform: rotate(45deg) scaleY(1) translateX(1px);
  border-color: var(--o-neutral-fg-1-normal);
}

.o-table tbody:focus-visible {
  outline: none;
}

.o-table.has-footer.o-table--scrollable-y tr:last-child td.o-table__cell, .o-table.has-footer.o-table--fluid-height tr:last-child td.o-table__cell {
  border-bottom-color: transparent;
}

.o-table__empty-block {
  position: sticky;
  left: 0;
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-table__empty-text {
  width: 50%;
  color: var(--o-text-color-secondary);
}

.o-table__expand-column .cell {
  padding: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-table__expand-icon {
  position: relative;
  cursor: var(--o-cursor-pointer);
  color: var(--o-text-color-regular);
  font-size: var(--o-font-size-small);
  transition: transform var(--o-transition-duration-fast) ease-in-out;
  height: 20px;
}

.o-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.o-table__expand-icon > .o-icon {
  font-size: var(--o-font-size-small);
}

.o-table__expanded-cell {
  background-color: var(--o-table-expanded-cell-bg-color);
}

.o-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}

.o-table__expanded-cell:hover {
  background-color: transparent !important;
}

.o-table__placeholder {
  display: inline-block;
  width: 20px;
}

.o-table__append-wrapper {
  overflow: hidden;
}

.o-table--fit {
  border-right: 0;
  border-bottom: 0;
}

.o-table--fit .o-table__cell.gutter {
  border-right-width: 1px;
}

.o-table--fit .o-table__inner-wrapper::before {
  width: 100%;
}

.o-table thead {
  color: var(--o-table-header-text-color);
}

.o-table thead th {
  font-weight: 600;
}

.o-table thead.is-group th.o-table__cell {
  background: var(--o-fill-color-light);
}

.o-table tfoot td.o-table__cell {
  background-color: var(--o-table-row-hover-bg-color);
  color: var(--o-table-text-color);
}

.o-table .o-table__cell {
  padding: 11.5px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
  z-index: var(--o-table-index);
}

.o-table .o-table__cell.is-center {
  text-align: center;
}

.o-table .o-table__cell.is-right {
  text-align: right;
}

.o-table .o-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}

.o-table .o-table__cell.is-hidden > * {
  visibility: hidden;
}

.o-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: break-word;
  white-space: nowrap;
  padding: 0 12px;
}

.o-table .cell--text {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  word-break: break-all;
  height: 20px;
  line-height: 20px;
}

.o-table .cell.o-tooltip {
  white-space: nowrap;
  min-width: 50px;
}

.o-table--large {
  font-size: var(--o-font-size-base);
}

.o-table--large .o-table__cell {
  padding: 12px 0;
}

.o-table--large .cell {
  padding: 0 16px;
}

.o-table--default {
  font-size: 14px;
}

.o-table--default .o-table__cell {
  padding: 8px 0;
}

.o-table--default .cell {
  padding: 0 12px;
}

.o-table--small {
  font-size: 12px;
}

.o-table--small .o-table__cell {
  padding: 4px 0;
}

.o-table--small .cell {
  padding: 0 8px;
}

.o-table tr {
  background-color: var(--o-table-tr-bg-color);
}

.o-table tr input[type=checkbox] {
  margin: 0;
}

.o-table td.o-table__cell {
  border-bottom: var(--o-table-border);
}

.o-table th.o-table__cell.is-leaf {
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-table th.o-table__cell.is-sortable {
  cursor: var(--o-cursor-pointer);
}

.o-table th.o-table__cell {
  background-color: var(--o-table-header-bg-color);
}

.o-table th.o-table__cell > .cell.highlight {
  color: var(--o-color-primary);
}

.o-table th.o-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}

.o-table td.o-table__cell div {
  box-sizing: border-box;
}

.o-table td.o-table__cell.gutter {
  width: 0;
}

.o-table__inner-wrapper::before {
  content: "";
  position: absolute;
  background-color: var(--o-table-border-color);
  z-index: calc(var(--o-table-index) + 2);
}

.o-table--border .o-table__inner-wrapper {
  border-right: none;
  border-bottom: none;
}

.o-table--border .o-table__footer-wrapper {
  position: relative;
  flex-shrink: 0;
}

.o-table--border th.o-table__cell.gutter:last-of-type {
  border-bottom: var(--o-table-border);
  border-bottom-width: 1px;
}

.o-table--border th.o-table__cell {
  border-bottom: var(--o-table-border);
}

.o-table--hidden {
  visibility: hidden;
}

.o-table__header-wrapper, .o-table__body-wrapper, .o-table__footer-wrapper {
  width: 100%;
}

.o-table__header-wrapper tr td.o-table-fixed-column--left,
.o-table__header-wrapper tr th.o-table-fixed-column--left, .o-table__body-wrapper tr td.o-table-fixed-column--left,
.o-table__body-wrapper tr th.o-table-fixed-column--left, .o-table__footer-wrapper tr td.o-table-fixed-column--left,
.o-table__footer-wrapper tr th.o-table-fixed-column--left {
  box-shadow: var(--o-shadow-2-right);
}

.o-table__header-wrapper tr td.o-table-fixed-column--right,
.o-table__header-wrapper tr th.o-table-fixed-column--right, .o-table__body-wrapper tr td.o-table-fixed-column--right,
.o-table__body-wrapper tr th.o-table-fixed-column--right, .o-table__footer-wrapper tr td.o-table-fixed-column--right,
.o-table__footer-wrapper tr th.o-table-fixed-column--right {
  box-shadow: var(--o-shadow-2-left);
}

.o-table__header-wrapper tr td.o-table-fixed-column--left, .o-table__header-wrapper tr td.o-table-fixed-column--right,
.o-table__header-wrapper tr th.o-table-fixed-column--left,
.o-table__header-wrapper tr th.o-table-fixed-column--right, .o-table__body-wrapper tr td.o-table-fixed-column--left, .o-table__body-wrapper tr td.o-table-fixed-column--right,
.o-table__body-wrapper tr th.o-table-fixed-column--left,
.o-table__body-wrapper tr th.o-table-fixed-column--right, .o-table__footer-wrapper tr td.o-table-fixed-column--left, .o-table__footer-wrapper tr td.o-table-fixed-column--right,
.o-table__footer-wrapper tr th.o-table-fixed-column--left,
.o-table__footer-wrapper tr th.o-table-fixed-column--right {
  position: sticky !important;
  background: inherit;
  z-index: calc(var(--o-table-index) + 1);
}

.o-table__header-wrapper tr td.o-table-fixed-column--left.is-last-column::before, .o-table__header-wrapper tr td.o-table-fixed-column--left.is-first-column::before, .o-table__header-wrapper tr td.o-table-fixed-column--right.is-last-column::before, .o-table__header-wrapper tr td.o-table-fixed-column--right.is-first-column::before,
.o-table__header-wrapper tr th.o-table-fixed-column--left.is-last-column::before,
.o-table__header-wrapper tr th.o-table-fixed-column--left.is-first-column::before,
.o-table__header-wrapper tr th.o-table-fixed-column--right.is-last-column::before,
.o-table__header-wrapper tr th.o-table-fixed-column--right.is-first-column::before, .o-table__body-wrapper tr td.o-table-fixed-column--left.is-last-column::before, .o-table__body-wrapper tr td.o-table-fixed-column--left.is-first-column::before, .o-table__body-wrapper tr td.o-table-fixed-column--right.is-last-column::before, .o-table__body-wrapper tr td.o-table-fixed-column--right.is-first-column::before,
.o-table__body-wrapper tr th.o-table-fixed-column--left.is-last-column::before,
.o-table__body-wrapper tr th.o-table-fixed-column--left.is-first-column::before,
.o-table__body-wrapper tr th.o-table-fixed-column--right.is-last-column::before,
.o-table__body-wrapper tr th.o-table-fixed-column--right.is-first-column::before, .o-table__footer-wrapper tr td.o-table-fixed-column--left.is-last-column::before, .o-table__footer-wrapper tr td.o-table-fixed-column--left.is-first-column::before, .o-table__footer-wrapper tr td.o-table-fixed-column--right.is-last-column::before, .o-table__footer-wrapper tr td.o-table-fixed-column--right.is-first-column::before,
.o-table__footer-wrapper tr th.o-table-fixed-column--left.is-last-column::before,
.o-table__footer-wrapper tr th.o-table-fixed-column--left.is-first-column::before,
.o-table__footer-wrapper tr th.o-table-fixed-column--right.is-last-column::before,
.o-table__footer-wrapper tr th.o-table-fixed-column--right.is-first-column::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 10px;
  bottom: -1px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: none;
  touch-action: none;
  pointer-events: none;
}

.o-table__header-wrapper tr td.o-table-fixed-column--left.is-first-column::before, .o-table__header-wrapper tr td.o-table-fixed-column--right.is-first-column::before,
.o-table__header-wrapper tr th.o-table-fixed-column--left.is-first-column::before,
.o-table__header-wrapper tr th.o-table-fixed-column--right.is-first-column::before, .o-table__body-wrapper tr td.o-table-fixed-column--left.is-first-column::before, .o-table__body-wrapper tr td.o-table-fixed-column--right.is-first-column::before,
.o-table__body-wrapper tr th.o-table-fixed-column--left.is-first-column::before,
.o-table__body-wrapper tr th.o-table-fixed-column--right.is-first-column::before, .o-table__footer-wrapper tr td.o-table-fixed-column--left.is-first-column::before, .o-table__footer-wrapper tr td.o-table-fixed-column--right.is-first-column::before,
.o-table__footer-wrapper tr th.o-table-fixed-column--left.is-first-column::before,
.o-table__footer-wrapper tr th.o-table-fixed-column--right.is-first-column::before {
  left: -10px;
}

.o-table__header-wrapper tr td.o-table-fixed-column--left.is-last-column::before, .o-table__header-wrapper tr td.o-table-fixed-column--right.is-last-column::before,
.o-table__header-wrapper tr th.o-table-fixed-column--left.is-last-column::before,
.o-table__header-wrapper tr th.o-table-fixed-column--right.is-last-column::before, .o-table__body-wrapper tr td.o-table-fixed-column--left.is-last-column::before, .o-table__body-wrapper tr td.o-table-fixed-column--right.is-last-column::before,
.o-table__body-wrapper tr th.o-table-fixed-column--left.is-last-column::before,
.o-table__body-wrapper tr th.o-table-fixed-column--right.is-last-column::before, .o-table__footer-wrapper tr td.o-table-fixed-column--left.is-last-column::before, .o-table__footer-wrapper tr td.o-table-fixed-column--right.is-last-column::before,
.o-table__footer-wrapper tr th.o-table-fixed-column--left.is-last-column::before,
.o-table__footer-wrapper tr th.o-table-fixed-column--right.is-last-column::before {
  right: -10px;
  box-shadow: none;
}

.o-table__header-wrapper tr td.o-table__fixed-right-patch,
.o-table__header-wrapper tr th.o-table__fixed-right-patch, .o-table__body-wrapper tr td.o-table__fixed-right-patch,
.o-table__body-wrapper tr th.o-table__fixed-right-patch, .o-table__footer-wrapper tr td.o-table__fixed-right-patch,
.o-table__footer-wrapper tr th.o-table__fixed-right-patch {
  position: sticky !important;
  z-index: calc(var(--o-table-index) + 1);
  background: #fff;
  right: 0;
}

.o-table__header-wrapper {
  flex-shrink: 0;
}

.o-table__header-wrapper tr th.o-table-fixed-column--left, .o-table__header-wrapper tr th.o-table-fixed-column--right {
  background-color: var(--o-table-header-bg-color);
}

.o-table__header-wrapper tr th .cell {
  color: var(--o-table-header-text-color);
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  border-left: var(--o-table-header-right-border);
  height: 20px;
}

.o-table__header-wrapper tr th:first-child .cell {
  border-left: none;
}

.o-table__header, .o-table__body, .o-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.o-table__header-wrapper {
  overflow: hidden;
}

.o-table__header-wrapper tbody td.o-table__cell {
  background-color: var(--o-table-row-hover-bg-color);
  color: var(--o-table-text-color);
}

.o-table__footer-wrapper {
  overflow: hidden;
  flex-shrink: 0;
}

.o-table__footer-wrapper tfoot td.o-table__cell {
  background-color: var(--o-table-row-hover-bg-color);
  color: var(--o-table-text-color);
}

.o-table__header-wrapper .o-table-column--selection, .o-table__body-wrapper .o-table-column--selection {
  height: 44px;
  max-height: 44px;
  padding-top: 12px;
  padding-bottom: 10px;
}

.o-table__header-wrapper .o-table-column--selection > .cell, .o-table__body-wrapper .o-table-column--selection > .cell {
  display: inline-flex;
  align-items: center;
  height: 16px;
  max-height: 16px;
  position: relative;
  top: 1px;
}

.o-table__header-wrapper .o-table-column--selection .o-checkbox, .o-table__body-wrapper .o-table-column--selection .o-checkbox {
  height: unset;
}

.o-table.is-scrolling-left .o-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--o-table-fixed-right-column);
}

.o-table.is-scrolling-left th.o-table-fixed-column--left {
  background-color: var(--o-table-header-bg-color);
}

.o-table.is-scrolling-right .o-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--o-table-fixed-left-column);
}

.o-table.is-scrolling-right .o-table-fixed-column--left.is-last-column.o-table__cell {
  border-right: none;
}

.o-table.is-scrolling-right th.o-table-fixed-column--right {
  background-color: var(--o-table-header-bg-color);
}

.o-table.is-scrolling-middle .o-table-fixed-column--left.is-last-column.o-table__cell {
  border-right: none;
}

.o-table.is-scrolling-middle .o-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--o-table-fixed-right-column);
}

.o-table.is-scrolling-middle .o-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--o-table-fixed-left-column);
}

.o-table.is-scrolling-none .o-table-fixed-column--left.is-first-column::before, .o-table.is-scrolling-none .o-table-fixed-column--left.is-last-column::before,
.o-table.is-scrolling-none .o-table-fixed-column--right.is-first-column::before,
.o-table.is-scrolling-none .o-table-fixed-column--right.is-last-column::before {
  box-shadow: none;
}

.o-table.is-scrolling-none th.o-table-fixed-column--left,
.o-table.is-scrolling-none th.o-table-fixed-column--right {
  background-color: var(--o-table-header-bg-color);
}

.o-table__body-wrapper {
  overflow: hidden;
  position: relative;
  flex: 1;
}

.o-table__body-wrapper .o-scrollbar__bar {
  z-index: calc(var(--o-table-index) + 2);
}

.o-table__body-wrapper .o-scrollbar__view {
  height: 100%;
}

.o-table__body-wrapper tr:last-child td {
  border-bottom: 1px solid transparent;
}

.o-table__body-wrapper .o-table-column--no-padding {
  padding: 0;
}

.o-table__body-wrapper .o-table-column--form-item {
  padding: 0;
  position: unset;
}

.o-table__body-wrapper .o-table-column--form-item > .cell {
  overflow: visible;
}

.o-table__body-wrapper .o-table-column--form-item .o-form-item {
  margin-bottom: 0;
}

.o-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 14px;
  width: 24px;
  vertical-align: middle;
  cursor: var(--o-cursor-pointer);
  overflow: initial;
  position: relative;
}

.o-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}

.o-table .sort-caret.ascending {
  border-bottom-color: var(--o-text-color-placeholder);
  top: -5px;
}

.o-table .sort-caret.descending {
  border-top-color: var(--o-text-color-placeholder);
  bottom: -3px;
}

.o-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--o-color-primary);
}

.o-table .descending .sort-caret.descending {
  border-top-color: var(--o-color-primary);
}

.o-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.o-table--striped .o-table__body tr.o-table__row--striped td.o-table__cell {
  background: var(--o-table-tr-striped-bg-color);
}

.o-table--striped .o-table__body tr.o-table__row--striped.current-row td.o-table__cell {
  background-color: var(--o-table-current-row-bg-color);
}

.o-table__body tr.hover-row:not(.current-row) > td.o-table__cell, .o-table__body tr.hover-row:not(.current-row).current-row > td.o-table__cell, .o-table__body tr.hover-row:not(.current-row).o-table__row--striped > td.o-table__cell, .o-table__body tr.hover-row:not(.current-row).o-table__row--striped.current-row > td.o-table__cell {
  background-color: var(--o-table-row-hover-bg-color);
}

.o-table__body tr.hover-row:not(.current-row) > td.o-table-fixed-column--left,
.o-table__body tr.hover-row:not(.current-row) > td.o-table-fixed-column--right, .o-table__body tr.hover-row:not(.current-row).current-row > td.o-table-fixed-column--left,
.o-table__body tr.hover-row:not(.current-row).current-row > td.o-table-fixed-column--right, .o-table__body tr.hover-row:not(.current-row).o-table__row--striped > td.o-table-fixed-column--left,
.o-table__body tr.hover-row:not(.current-row).o-table__row--striped > td.o-table-fixed-column--right, .o-table__body tr.hover-row:not(.current-row).o-table__row--striped.current-row > td.o-table-fixed-column--left,
.o-table__body tr.hover-row:not(.current-row).o-table__row--striped.current-row > td.o-table-fixed-column--right {
  background-color: var(--o-table-tr-fix-hover-bg-color) !important;
}

.o-table__body tr.hover-row:not(.current-row) tr > td.hover-cell {
  background-color: var(--o-table-row-hover-bg-color);
}

.o-table__body tr.current-row > td.o-table__cell {
  background-color: var(--o-table-current-row-bg-color);
}

.o-table.o-table--scrollable-y .o-table__body-header {
  position: sticky;
  top: 0;
  z-index: calc(var(--o-table-index) + 2);
}

.o-table.o-table--scrollable-y .o-table__body-footer {
  position: sticky;
  bottom: 0;
  z-index: calc(var(--o-table-index) + 2);
}

.o-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: calc(var(--o-table-index) + 9);
}

.o-table__column-filter-trigger {
  display: inline-block;
  cursor: var(--o-cursor-pointer);
}

.o-table__column-filter-trigger i {
  color: var(--o-color-info);
  font-size: var(--o-font-size-normal);
  vertical-align: middle;
}

.o-table__border-bottom-patch {
  left: 0;
  height: 1px;
  z-index: calc(var(--o-table-index) + 2);
  position: absolute;
  background-color: var(--o-table-border-color);
}

.o-table__border-right-patch {
  top: 0;
  height: 100%;
  width: 1px;
  z-index: calc(var(--o-table-index) + 2);
  position: absolute;
  background-color: var(--o-table-border-color);
}

.o-table--enable-row-transition .o-table__body td.o-table__cell {
  transition: background-color 0.25s ease;
}

.o-table--enable-row-hover .o-table__body tr:not(.current-row):hover > td.o-table__cell {
  background-color: var(--o-table-row-hover-bg-color);
}

.o-table [class*=o-table__row--level] .o-table__expand-icon {
  display: inline-block;
  width: 12px;
  line-height: 12px;
  height: 12px;
  text-align: center;
  margin-right: 8px;
}

.o-table .o-table.o-table--border .o-table__cell {
  border-right: var(--o-table-border);
}

.o-table:not(.o-table--border) .o-table__cell {
  border-right: none;
}

.o-table:not(.o-table--border) > .o-table__inner-wrapper::after {
  content: none;
}

.o-table-v2 {
  --o-table-border-color: var(--o-border-color-lighter);
  --o-table-border: 1px solid var(--o-table-border-color);
  --o-table-text-color: var(--o-text-color-regular);
  --o-table-header-text-color: var(--o-text-color-secondary);
  --o-table-row-hover-bg-color: var(--o-fill-color-light);
  --o-table-current-row-bg-color: var(--o-color-primary-light-9);
  --o-table-header-bg-color: var(--o-bg-color);
  --o-table-fixed-box-shadow: var(--o-box-shadow-light);
  --o-table-bg-color: var(--o-fill-color-blank);
  --o-table-tr-bg-color: var(--o-bg-color);
  --o-table-expanded-cell-bg-color: var(--o-fill-color-blank);
  --o-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --o-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --o-table-index: var(--o-index-normal);
}

.o-table-v2 {
  font-size: 14px;
}

.o-table-v2 * {
  box-sizing: border-box;
}

.o-table-v2__root {
  position: relative;
}

.o-table-v2__root:hover .o-table-v2__main .o-virtual-scrollbar {
  opacity: 1;
}

.o-table-v2__main {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--o-bg-color);
  left: 0;
}

.o-table-v2__main .o-vl__horizontal,
.o-table-v2__main .o-vl__vertical {
  z-index: 2;
}

.o-table-v2__left {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--o-bg-color);
  left: 0;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.06);
}

.o-table-v2__left .o-virtual-scrollbar {
  opacity: 0;
}

.o-table-v2__left .o-vl__vertical,
.o-table-v2__left .o-vl__horizontal {
  z-index: -1;
}

.o-table-v2__right {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--o-bg-color);
  right: 0;
  box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.06);
}

.o-table-v2__right .o-virtual-scrollbar {
  opacity: 0;
}

.o-table-v2__right .o-vl__vertical,
.o-table-v2__right .o-vl__horizontal {
  z-index: -1;
}

.o-table-v2__header-row {
  padding-inline-end: var(--o-table-scrollbar-size);
}

.o-table-v2__row {
  padding-inline-end: var(--o-table-scrollbar-size);
}

.o-table-v2__header-wrapper {
  overflow: hidden;
}

.o-table-v2__header {
  position: relative;
  overflow: hidden;
}

.o-table-v2__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.o-table-v2__empty {
  position: absolute;
  left: 0;
}

.o-table-v2__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
}

.o-table-v2__header-row {
  display: flex;
  border-bottom: var(--o-table-border);
}

.o-table-v2__header-cell {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  background-color: var(--o-table-header-bg-color);
  color: var(--o-table-header-text-color);
  font-weight: bold;
}

.o-table-v2__header-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.o-table-v2__header-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.o-table-v2__header-cell.is-sortable {
  cursor: var(--o-cursor-pointer);
}

.o-table-v2__header-cell:hover .o-icon {
  display: block;
}

.o-table-v2__sort-icon {
  transition: opacity, display var(--o-transition-duration);
  opacity: 0.6;
  display: none;
}

.o-table-v2__sort-icon.is-sorting {
  display: block;
  opacity: 1;
}

.o-table-v2__row {
  border-bottom: var(--o-table-border);
  display: flex;
  align-items: center;
  transition: background-color var(--o-transition-duration);
}

.o-table-v2__row.is-hovered {
  background-color: var(--o-table-row-hover-bg-color);
}

.o-table-v2__row:hover {
  background-color: var(--o-table-row-hover-bg-color);
}

.o-table-v2__row-cell {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 8px;
}

.o-table-v2__row-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.o-table-v2__row-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.o-table-v2__expand-icon {
  margin: 0 4px;
  cursor: var(--o-cursor-pointer);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-table-v2__expand-icon svg {
  transition: transform var(--o-transition-duration);
}

.o-table-v2__expand-icon.is-expanded svg {
  transform: rotate(90deg);
}

.o-table-v2:not(.is-dynamic) .o-table-v2__cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-table-v2.is-dynamic .o-table-v2__row {
  overflow: hidden;
  align-items: stretch;
}

.o-table-v2.is-dynamic .o-table-v2__row .o-table-v2__row-cell {
  overflow-wrap: break-word;
}

.o-tabs {
  --o-tabs-header-height: 40px;
}

.o-tabs__header {
  padding: 0;
  position: relative;
}

.o-tabs__active-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--o-color-primary);
  z-index: 1;
  transition: width var(--o-transition-duration) var(--o-transition-function-ease-in-out-bezier), transform var(--o-transition-duration) var(--o-transition-function-ease-in-out-bezier);
  list-style: none;
}

.o-tabs__new-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  border: 1px solid var(--o-border-color);
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 10px 0 10px 10px;
  border-radius: var(--o-radius-m);
  text-align: center;
  font-size: var(--o-font-size-small);
  color: var(--o-text-color-primary);
  cursor: var(--o-cursor-pointer);
  transition: all 0.15s;
}

.o-tabs__new-tab .is-icon-plus {
  height: inherit;
  width: inherit;
  transform: scale(0.8, 0.8);
}

.o-tabs__new-tab .is-icon-plus svg {
  vertical-align: middle;
}

.o-tabs__new-tab:hover {
  color: var(--o-color-primary);
}

.o-tabs__nav-wrap {
  overflow: hidden;
  position: relative;
}

.o-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--o-neutral-stroke-2-normal);
  z-index: var(--o-index-normal);
}

.o-tabs__nav-wrap.is-scrollable {
  padding: 0 0px;
  box-sizing: border-box;
}

.o-tabs__nav-scroll {
  overflow: hidden;
}

.o-tabs__nav-next, .o-tabs__nav-prev {
  position: absolute;
  cursor: var(--o-cursor-pointer);
  line-height: 44px;
  font-size: var(--o-font-size-small);
  color: var(--o-text-color-secondary);
  text-align: center;
}

.o-tabs__nav-next {
  right: 0;
}

.o-tabs__nav-prev {
  left: 0;
}

.o-tabs__nav {
  display: flex;
  white-space: nowrap;
  position: relative;
  transition: transform var(--o-transition-duration);
  float: left;
  z-index: calc(var(--o-index-normal) + 1);
}

.o-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}

.o-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.o-tabs__item {
  padding: 10px 20px;
  height: var(--o-tabs-header-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  font-family: LatoBold;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-neutral-fg-6-ss);
  position: relative;
  height: 44px;
}

.o-tabs__item .o-icon__svg {
  color: var(--o-neutral-fg-6-ss);
}

.o-tabs__item:focus, .o-tabs__item:focus:active {
  outline: none;
}

.o-tabs__item .is-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all var(--o-transition-duration) var(--o-transition-function-ease-in-out-bezier);
  margin-left: 5px;
}

.o-tabs__item .is-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}

.o-tabs__item .is-icon-close:hover {
  background-color: var(--o-text-color-placeholder);
  color: #ffffff;
}

.o-tabs__item:not(.is-active) {
  border-bottom: 2px solid transparent;
}

.o-tabs__item--title {
  display: flex;
  text-align: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-tabs__item--title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-tabs__item--title .o-icon + .o-tabs__item--title-text {
  margin-left: 4px;
}

.o-tabs__item.is-active {
  color: var(--o-neutral-fg-1-normal);
  border-bottom: 2px solid var(--o-brand-stroke-1-selected);
}

.o-tabs__item.is-active .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-tabs__item.is-active:not(.is-disabled):hover {
  background-color: transparent;
  color: var(--o-neutral-fg-1-normal);
}

.o-tabs__item.is-active:not(.is-disabled):hover .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-tabs__item:not(.is-disabled):hover {
  cursor: var(--o-cursor-pointer);
  background-color: var(--o-neutral-bg-1-hover-3-ss);
  color: var(--o-neutral-fg-1-normal);
}

.o-tabs__item:not(.is-disabled):hover .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-tabs__item:not(.is-disabled):active {
  cursor: var(--o-cursor-pointer);
  color: var(--o-neutral-fg-1-normal);
  background-color: var(--o-neutral-bg-1-active-3-ss);
}

.o-tabs__item:not(.is-disabled):active .o-icon__svg {
  color: var(--o-neutral-fg-1-normal);
}

.o-tabs__item.is-disabled {
  color: var(--o-neutral-fg-disabled);
  cursor: not-allowed;
}

.o-tabs__content {
  position: relative;
}

.o-tabs--level-one > .o-tabs__header .o-tabs__item {
  padding: 14px 20px;
  height: 52px;
}

.o-tabs--level-one > .o-tabs__header .o-tabs__item:not(.is-active) {
  border-bottom: 2px solid transparent;
}

.o-tabs--level-one .o-tabs__content {
  height: calc(100% - 52px) !important;
}

.o-tabs--card-divide > .o-tabs__header .o-tabs__nav {
  width: 100%;
}

.o-tabs--card-divide > .o-tabs__header .o-tabs__item {
  flex: 1;
  min-width: 0;
}

.o-tabs--card .o-tabs__content {
  height: calc(100% - 33px) !important;
}

.o-tabs--card > .o-tabs__header {
  height: 32px;
}

.o-tabs--card > .o-tabs__header .o-tabs__nav-wrap::after {
  content: none;
}

.o-tabs--card > .o-tabs__header .o-tabs__nav {
  border-radius: var(--o-radius-m);
  box-sizing: border-box;
}

.o-tabs--card > .o-tabs__header .o-tabs__active-bar {
  display: none;
}

.o-tabs--card > .o-tabs__header .o-tabs__item .is-icon-close {
  position: relative;
  font-size: var(--o-font-size-small);
  width: 0;
  height: 14px;
  overflow: hidden;
  right: -2px;
  transform-origin: 100% 50%;
}

.o-tabs--card > .o-tabs__header .o-tabs__item {
  height: 32px;
  background-color: var(--o-neutral-bg-5-normal);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  padding: 5px 9px;
  color: var(--o-neutral-fg-3-normal);
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  border-left: 1px solid var(--o-neutral-stroke-2-normal);
  transition: color var(--o-transition-duration) var(--o-transition-function-ease-in-out-bezier), padding var(--o-transition-duration) var(--o-transition-function-ease-in-out-bezier);
}

.o-tabs--card > .o-tabs__header .o-tabs__item .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-disabled {
  color: var(--o-neutral-fg-disabled);
  cursor: not-allowed;
  background-color: var(--o-neutral-bg-disabled);
}

.o-tabs--card > .o-tabs__header .o-tabs__item:not(.is-disabled):hover {
  color: var(--o-neutral-fg-2-normal);
  background-color: var(--o-neutral-bg-1-hover-3-ss);
}

.o-tabs--card > .o-tabs__header .o-tabs__item:not(.is-disabled):hover .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item:not(.is-disabled):active {
  color: var(--o-neutral-fg-2-normal);
  background-color: var(--o-neutral-bg-1-active-3-ss);
}

.o-tabs--card > .o-tabs__header .o-tabs__item:not(.is-disabled):active .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item:not(.is-active) {
  border-left: 1px solid transparent;
  border-right: 1px solid var(--o-neutral-stroke-2-normal);
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item:first-child {
  border-left: 1px solid var(--o-neutral-stroke-2-normal);
  border-radius: var(--o-radius-m) 0 0 var(--o-radius-m);
}

.o-tabs--card > .o-tabs__header .o-tabs__item:last-child {
  border-right: 1px solid var(--o-neutral-stroke-2-normal);
  border-radius: 0 var(--o-radius-m) var(--o-radius-m) 0;
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover .is-icon-close {
  width: 14px;
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-active {
  border: 1px solid var(--o-brand-stroke-1-selected) !important;
  background-color: var(--o-brand-bg-3-selected);
  color: var(--o-neutral-fg-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-active .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-active:hover {
  background-color: var(--o-brand-bg-3-selected);
  color: var(--o-neutral-fg-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-active:hover .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-active:active {
  background-color: var(--o-brand-bg-3-selected);
  color: var(--o-neutral-fg-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-active:active .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}

.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable .is-icon-close {
  width: 14px;
}

.o-tabs--border-card {
  background: var(--o-bg-color-overlay);
  border: 1px solid var(--o-border-color);
}

.o-tabs--border-card > .o-tabs__content {
  padding: 15px;
}

.o-tabs--border-card > .o-tabs__header {
  background-color: var(--o-fill-color-light);
  border-bottom: 1px solid var(--o-border-color-light);
  margin: 0;
}

.o-tabs--border-card > .o-tabs__header .o-tabs__nav-wrap::after {
  content: none;
}

.o-tabs--border-card > .o-tabs__header .o-tabs__item {
  transition: all var(--o-transition-duration) var(--o-transition-function-ease-in-out-bezier);
  border: 1px solid transparent;
  margin-top: -1px;
  color: var(--o-text-color-secondary);
}

.o-tabs--border-card > .o-tabs__header .o-tabs__item:first-child {
  margin-left: -1px;
}

.o-tabs--border-card > .o-tabs__header .o-tabs__item + .o-tabs__item {
  margin-left: -1px;
}

.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-active {
  color: var(--o-color-primary);
  background-color: var(--o-bg-color-overlay);
  border-right-color: var(--o-border-color);
  border-left-color: var(--o-border-color);
}

.o-tabs--border-card > .o-tabs__header .o-tabs__item:not(.is-disabled):hover {
  color: var(--o-color-primary);
}

.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-disabled {
  color: var(--o-disabled-text-color);
}

.o-tabs--border-card > .o-tabs__header .is-scrollable .o-tabs__item:first-child {
  margin-left: 0;
}

.o-tabs--top .o-tabs__content, .o-tabs--bottom .o-tabs__content {
  height: calc(100% - 44px);
}

.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
  padding-left: 13px;
}

.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child:not(.is-active).is-closable:hover, .o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:last-child:not(.is-active).is-closable:hover,
.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:last-child:not(.is-active).is-closable:hover,
.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:last-child:not(.is-active).is-closable:hover, .o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child:not(.is-active).is-closable:hover, .o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:last-child:not(.is-active).is-closable:hover,
.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:last-child:not(.is-active).is-closable:hover,
.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:last-child:not(.is-active).is-closable:hover {
  padding-right: 13px;
}

.o-tabs--bottom .o-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}

.o-tabs--bottom.o-tabs--border-card .o-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid var(--o-border-color);
}

.o-tabs--bottom.o-tabs--border-card .o-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}

.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}

.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom {
  margin: 0 -1px -1px;
}

.o-tabs--left, .o-tabs--right {
  overflow: hidden;
}

.o-tabs--left .o-tabs__header.is-left,
.o-tabs--left .o-tabs__header.is-right,
.o-tabs--left .o-tabs__nav-wrap.is-left,
.o-tabs--left .o-tabs__nav-wrap.is-right,
.o-tabs--left .o-tabs__nav-scroll, .o-tabs--right .o-tabs__header.is-left,
.o-tabs--right .o-tabs__header.is-right,
.o-tabs--right .o-tabs__nav-wrap.is-left,
.o-tabs--right .o-tabs__nav-wrap.is-right,
.o-tabs--right .o-tabs__nav-scroll {
  height: 100%;
}

.o-tabs--left .o-tabs__active-bar.is-left,
.o-tabs--left .o-tabs__active-bar.is-right, .o-tabs--right .o-tabs__active-bar.is-left,
.o-tabs--right .o-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}

.o-tabs--left .o-tabs__nav-wrap.is-left,
.o-tabs--left .o-tabs__nav-wrap.is-right, .o-tabs--right .o-tabs__nav-wrap.is-left,
.o-tabs--right .o-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}

.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,
.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,
.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,
.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next, .o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,
.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,
.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,
.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: var(--o-cursor-pointer);
}

.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,
.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,
.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i,
.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i, .o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,
.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,
.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i,
.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i {
  transform: rotateZ(90deg);
}

.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,
.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev, .o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,
.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {
  left: auto;
  top: 0;
}

.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,
.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next, .o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,
.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next {
  right: auto;
  bottom: 0;
}

.o-tabs--left .o-tabs__nav-wrap.is-left.is-scrollable,
.o-tabs--left .o-tabs__nav-wrap.is-right.is-scrollable, .o-tabs--right .o-tabs__nav-wrap.is-left.is-scrollable,
.o-tabs--right .o-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}

.o-tabs--left .o-tabs__nav-wrap.is-left::after,
.o-tabs--left .o-tabs__nav-wrap.is-right::after, .o-tabs--right .o-tabs__nav-wrap.is-left::after,
.o-tabs--right .o-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}

.o-tabs--left .o-tabs__nav.is-left,
.o-tabs--left .o-tabs__nav.is-right, .o-tabs--right .o-tabs__nav.is-left,
.o-tabs--right .o-tabs__nav.is-right {
  flex-direction: column;
}

.o-tabs--left .o-tabs__item.is-left, .o-tabs--right .o-tabs__item.is-left {
  justify-content: flex-end;
}

.o-tabs--left .o-tabs__item.is-right, .o-tabs--right .o-tabs__item.is-right {
  justify-content: flex-start;
}

.o-tabs--left .o-tabs__header.is-left {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
}

.o-tabs--left .o-tabs__nav-wrap.is-left {
  margin-right: -1px;
}

.o-tabs--left .o-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}

.o-tabs--left .o-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}

.o-tabs--left .o-tabs__item.is-left {
  text-align: right;
}

.o-tabs--left.o-tabs--card .o-tabs__active-bar.is-left {
  display: none;
}

.o-tabs--left.o-tabs--card .o-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid var(--o-border-color-light);
  border-bottom: none;
  border-top: 1px solid var(--o-border-color-light);
  text-align: left;
}

.o-tabs--left.o-tabs--card .o-tabs__item.is-left:first-child {
  border-right: 1px solid var(--o-border-color-light);
  border-top: none;
}

.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active {
  border: 1px solid var(--o-border-color-light);
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}

.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:first-child {
  border-top: none;
}

.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}

.o-tabs--left.o-tabs--card .o-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid var(--o-border-color-light);
  border-right: none;
}

.o-tabs--left.o-tabs--card .o-tabs__new-tab {
  float: none;
}

.o-tabs--left.o-tabs--border-card .o-tabs__header.is-left {
  border-right: 1px solid var(--o-border-color);
}

.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}

.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.o-tabs--right .o-tabs__header.is-right {
  float: right;
  margin-bottom: 0;
  margin-left: 10px;
}

.o-tabs--right .o-tabs__nav-wrap.is-right {
  margin-left: -1px;
}

.o-tabs--right .o-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}

.o-tabs--right .o-tabs__active-bar.is-right {
  left: 0;
}

.o-tabs--right.o-tabs--card .o-tabs__active-bar.is-right {
  display: none;
}

.o-tabs--right.o-tabs--card .o-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid var(--o-border-color-light);
}

.o-tabs--right.o-tabs--card .o-tabs__item.is-right:first-child {
  border-left: 1px solid var(--o-border-color-light);
  border-top: none;
}

.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active {
  border: 1px solid var(--o-border-color-light);
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}

.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:first-child {
  border-top: none;
}

.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}

.o-tabs--right.o-tabs--card .o-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid var(--o-border-color-light);
  border-left: none;
}

.o-tabs--right.o-tabs--border-card .o-tabs__header.is-right {
  border-left: 1px solid var(--o-border-color);
}

.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}

.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter var(--o-transition-duration);
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave var(--o-transition-duration);
}

.slideInLeft-enter {
  animation: slideInLeft-enter var(--o-transition-duration);
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave var(--o-transition-duration);
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
.o-tag {
  --o-tag-font-size: 12px;
  --o-tag-border-radius: 4px;
  --o-tag-border-radius-rounded: 9999px;
  --o-tag-text-color: var(--o-neutral-fg-1-normal);
  max-width: min(100%, 192px);
}

.o-tag__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
  display: inline-flex;
  align-items: center;
  height: 20px;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-tag__content--text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-tag__content .o-icon {
  margin-right: 4px;
}

.o-tag {
  --o-tag-bg-color: var(--o-tag-color-primary-bg-color);
  --o-tag-border-color: var(--o-tag-color-primary-border-color);
  --o-tag-hover-color: var(--o-tag-color-primary);
  --o-tag-text-color: var(--o-tag-color-primary);
  background-color: var(--o-tag-bg-color);
  border-color: var(--o-tag-border-color);
  color: var(--o-tag-text-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 24px;
  padding: 2px 8px;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--o-tag-border-radius);
  box-sizing: border-box;
  white-space: nowrap;
  --o-icon-size: 14px;
}

.o-tag.o-tag--primary {
  --o-tag-bg-color: var(--o-tag-color-primary-bg-color);
  --o-tag-border-color: var(--o-tag-color-primary-border-color);
  --o-tag-hover-color: var(--o-tag-color-primary);
}

.o-tag.o-tag--success {
  --o-tag-bg-color: var(--o-tag-color-success-bg-color);
  --o-tag-border-color: var(--o-tag-color-success-border-color);
  --o-tag-hover-color: var(--o-tag-color-success);
}

.o-tag.o-tag--warning {
  --o-tag-bg-color: var(--o-tag-color-warning-bg-color);
  --o-tag-border-color: var(--o-tag-color-warning-border-color);
  --o-tag-hover-color: var(--o-tag-color-warning);
}

.o-tag.o-tag--danger {
  --o-tag-bg-color: var(--o-tag-color-danger-bg-color);
  --o-tag-border-color: var(--o-tag-color-danger-border-color);
  --o-tag-hover-color: var(--o-tag-color-danger);
}

.o-tag.o-tag--error {
  --o-tag-bg-color: var(--o-tag-color-error-bg-color);
  --o-tag-border-color: var(--o-tag-color-error-border-color);
  --o-tag-hover-color: var(--o-tag-color-error);
}

.o-tag.o-tag--info {
  --o-tag-bg-color: var(--o-tag-color-info-bg-color);
  --o-tag-border-color: var(--o-tag-color-info-border-color);
  --o-tag-hover-color: var(--o-tag-color-info);
}

.o-tag.o-tag--orange {
  --o-tag-bg-color: var(--o-tag-color-orange-bg-color);
  --o-tag-border-color: var(--o-tag-color-orange-border-color);
  --o-tag-hover-color: var(--o-tag-color-orange);
}

.o-tag.o-tag--cyan {
  --o-tag-bg-color: var(--o-tag-color-cyan-bg-color);
  --o-tag-border-color: var(--o-tag-color-cyan-border-color);
  --o-tag-hover-color: var(--o-tag-color-cyan);
}

.o-tag.o-tag--purple {
  --o-tag-bg-color: var(--o-tag-color-purple-bg-color);
  --o-tag-border-color: var(--o-tag-color-purple-border-color);
  --o-tag-hover-color: var(--o-tag-color-purple);
}

.o-tag.o-tag--gray {
  --o-tag-bg-color: var(--o-tag-color-gray-bg-color);
  --o-tag-border-color: var(--o-tag-color-gray-border-color);
  --o-tag-hover-color: var(--o-tag-color-gray);
}

.o-tag.o-tag--disabled {
  --o-tag-bg-color: var(--o-tag-color-disabled-bg-color);
  --o-tag-border-color: var(--o-tag-color-disabled-border-color);
  --o-tag-hover-color: var(--o-tag-color-disabled);
}

.o-tag.o-tag--primary {
  --o-tag-text-color: var(--o-tag-color-primary);
}

.o-tag.o-tag--success {
  --o-tag-text-color: var(--o-tag-color-success);
}

.o-tag.o-tag--warning {
  --o-tag-text-color: var(--o-tag-color-warning);
}

.o-tag.o-tag--danger {
  --o-tag-text-color: var(--o-tag-color-danger);
}

.o-tag.o-tag--error {
  --o-tag-text-color: var(--o-tag-color-error);
}

.o-tag.o-tag--info {
  --o-tag-text-color: var(--o-tag-color-info);
}

.o-tag.o-tag--orange {
  --o-tag-text-color: var(--o-tag-color-orange);
}

.o-tag.o-tag--cyan {
  --o-tag-text-color: var(--o-tag-color-cyan);
}

.o-tag.o-tag--purple {
  --o-tag-text-color: var(--o-tag-color-purple);
}

.o-tag.o-tag--gray {
  --o-tag-text-color: var(--o-tag-color-gray);
}

.o-tag.o-tag--disabled {
  --o-tag-text-color: var(--o-tag-color-disabled);
}

.o-tag.is-hit {
  border-color: var(--o-color-primary);
}

.o-tag.is-round {
  border-radius: var(--o-tag-border-radius-rounded);
}

.o-tag .o-tag__close {
  flex-shrink: 0;
  color: var(--o-neutral-fg-3-normal);
}

.o-tag .o-tag__close svg {
  display: none;
}

.o-tag .o-tag__close:before {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "icon-font";
  content: "\ea03";
  font-size: 12px;
  line-height: 12px;
}

.o-tag .o-icon {
  border-radius: 50%;
  cursor: var(--o-cursor-pointer);
  font-size: calc(var(--o-icon-size) - 2px);
  height: var(--o-icon-size);
  width: var(--o-icon-size);
}

.o-tag .o-tag__close {
  margin-left: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid transparent;
  border-radius: 0 var(--o-radius-m) var(--o-radius-m) 0;
  margin-right: -6px;
}

.o-tag .o-tag__close:hover {
  color: var(--o-neutral-fg-2-normal);
  background-color: var(--o-neutral-bg-1-hover-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-tag .o-tag__close:active {
  color: var(--o-neutral-fg-2-normal);
  background-color: var(--o-neutral-bg-1-active-2);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-tag--disabled {
  cursor: auto;
  pointer-events: none;
}

.o-tag--disabled .o-tag__close:hover {
  cursor: auto;
  pointer-events: none;
  color: var(--o-neutral-fg-3-normal);
  background: none;
  border-color: transparent;
}

.o-tag--dark {
  --o-tag-bg-color: var(--o-tag-color-primary);
  --o-tag-border-color: var(--o-tag-color-primary);
  --o-tag-hover-color: var(--o-tag-color-primary-light-3);
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--primary {
  --o-tag-bg-color: var(--o-tag-color-primary);
  --o-tag-border-color: var(--o-tag-color-primary);
  --o-tag-hover-color: var(--o-tag-color-primary-light-3);
}

.o-tag--dark.o-tag--success {
  --o-tag-bg-color: var(--o-tag-color-success);
  --o-tag-border-color: var(--o-tag-color-success);
  --o-tag-hover-color: var(--o-tag-color-success-light-3);
}

.o-tag--dark.o-tag--warning {
  --o-tag-bg-color: var(--o-tag-color-warning);
  --o-tag-border-color: var(--o-tag-color-warning);
  --o-tag-hover-color: var(--o-tag-color-warning-light-3);
}

.o-tag--dark.o-tag--danger {
  --o-tag-bg-color: var(--o-tag-color-danger);
  --o-tag-border-color: var(--o-tag-color-danger);
  --o-tag-hover-color: var(--o-tag-color-danger-light-3);
}

.o-tag--dark.o-tag--error {
  --o-tag-bg-color: var(--o-tag-color-error);
  --o-tag-border-color: var(--o-tag-color-error);
  --o-tag-hover-color: var(--o-tag-color-error-light-3);
}

.o-tag--dark.o-tag--info {
  --o-tag-bg-color: var(--o-tag-color-info);
  --o-tag-border-color: var(--o-tag-color-info);
  --o-tag-hover-color: var(--o-tag-color-info-light-3);
}

.o-tag--dark.o-tag--orange {
  --o-tag-bg-color: var(--o-tag-color-orange);
  --o-tag-border-color: var(--o-tag-color-orange);
  --o-tag-hover-color: var(--o-tag-color-orange-light-3);
}

.o-tag--dark.o-tag--cyan {
  --o-tag-bg-color: var(--o-tag-color-cyan);
  --o-tag-border-color: var(--o-tag-color-cyan);
  --o-tag-hover-color: var(--o-tag-color-cyan-light-3);
}

.o-tag--dark.o-tag--purple {
  --o-tag-bg-color: var(--o-tag-color-purple);
  --o-tag-border-color: var(--o-tag-color-purple);
  --o-tag-hover-color: var(--o-tag-color-purple-light-3);
}

.o-tag--dark.o-tag--gray {
  --o-tag-bg-color: var(--o-tag-color-gray);
  --o-tag-border-color: var(--o-tag-color-gray);
  --o-tag-hover-color: var(--o-tag-color-gray-light-3);
}

.o-tag--dark.o-tag--disabled {
  --o-tag-bg-color: var(--o-tag-color-disabled);
  --o-tag-border-color: var(--o-tag-color-disabled);
  --o-tag-hover-color: var(--o-tag-color-disabled-light-3);
}

.o-tag--dark.o-tag--primary {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--success {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--warning {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--danger {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--error {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--info {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--orange {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--cyan {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--purple {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--gray {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--dark.o-tag--disabled {
  --o-tag-text-color: var(--o-color-white);
}

.o-tag--plain {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-primary-light-5);
  --o-tag-hover-color: var(--o-tag-color-primary);
  --o-tag-bg-color: var(--o-fill-color-blank);
}

.o-tag--plain.o-tag--primary {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-primary-light-5);
  --o-tag-hover-color: var(--o-tag-color-primary);
}

.o-tag--plain.o-tag--success {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-success-light-5);
  --o-tag-hover-color: var(--o-tag-color-success);
}

.o-tag--plain.o-tag--warning {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-warning-light-5);
  --o-tag-hover-color: var(--o-tag-color-warning);
}

.o-tag--plain.o-tag--danger {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-danger-light-5);
  --o-tag-hover-color: var(--o-tag-color-danger);
}

.o-tag--plain.o-tag--error {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-error-light-5);
  --o-tag-hover-color: var(--o-tag-color-error);
}

.o-tag--plain.o-tag--info {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-info-light-5);
  --o-tag-hover-color: var(--o-tag-color-info);
}

.o-tag--plain.o-tag--orange {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-orange-light-5);
  --o-tag-hover-color: var(--o-tag-color-orange);
}

.o-tag--plain.o-tag--cyan {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-cyan-light-5);
  --o-tag-hover-color: var(--o-tag-color-cyan);
}

.o-tag--plain.o-tag--purple {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-purple-light-5);
  --o-tag-hover-color: var(--o-tag-color-purple);
}

.o-tag--plain.o-tag--gray {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-gray-light-5);
  --o-tag-hover-color: var(--o-tag-color-gray);
}

.o-tag--plain.o-tag--disabled {
  --o-tag-bg-color: var(--o-fill-color-blank);
  --o-tag-border-color: var(--o-tag-color-disabled-light-5);
  --o-tag-hover-color: var(--o-tag-color-disabled);
}

.o-tag.is-closable {
  padding-right: 5px;
}

.o-tag--large {
  padding: 0 11px;
  height: 32px;
  --o-icon-size: 16px;
}

.o-tag--large .o-tag__close {
  margin-left: 8px;
}

.o-tag--large.is-closable {
  padding-right: 7px;
}

.o-tag--small {
  padding: 0 7px;
  height: 20px;
  --o-icon-size: 12px;
}

.o-tag--small .o-tag__close {
  margin-left: 4px;
}

.o-tag--small.is-closable {
  padding-right: 3px;
}

.o-tag--small .o-icon-close {
  transform: scale(0.8);
}

.o-tag.o-tag--primary.is-hit {
  border-color: var(--o-color-primary);
}

.o-tag.o-tag--success.is-hit {
  border-color: var(--o-color-success);
}

.o-tag.o-tag--warning.is-hit {
  border-color: var(--o-color-warning);
}

.o-tag.o-tag--danger.is-hit {
  border-color: var(--o-color-danger);
}

.o-tag.o-tag--error.is-hit {
  border-color: var(--o-color-error);
}

.o-tag.o-tag--info.is-hit {
  border-color: var(--o-color-info);
}

.o-tag.o-tag--orange.is-hit {
  border-color: var(--o-color-orange);
}

.o-tag.o-tag--cyan.is-hit {
  border-color: var(--o-color-cyan);
}

.o-tag.o-tag--purple.is-hit {
  border-color: var(--o-color-purple);
}

.o-tag.o-tag--gray.is-hit {
  border-color: var(--o-color-gray);
}

.o-tag.o-tag--disabled.is-hit {
  border-color: var(--o-color-disabled);
}

.o-text {
  --o-text-font-size: var(--o-font-size-base);
  --o-text-color: var(--o-text-color-regular);
}

.o-text {
  align-self: center;
  margin: 0;
  padding: 0;
  font-size: var(--o-text-font-size);
  color: var(--o-text-color);
  overflow-wrap: break-word;
}

.o-text.is-truncated {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.o-text.is-line-clamp {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.o-text--large {
  --o-text-font-size: var(--o-font-size-medium);
}

.o-text--default {
  --o-text-font-size: var(--o-font-size-base);
}

.o-text--small {
  --o-text-font-size: var(--o-font-size-extra-small);
}

.o-text.o-text--primary {
  --o-text-color: var(--o-color-primary);
}

.o-text.o-text--success {
  --o-text-color: var(--o-color-success);
}

.o-text.o-text--warning {
  --o-text-color: var(--o-color-warning);
}

.o-text.o-text--danger {
  --o-text-color: var(--o-color-danger);
}

.o-text.o-text--error {
  --o-text-color: var(--o-color-error);
}

.o-text.o-text--info {
  --o-text-color: var(--o-color-info);
}

.o-text.o-text--orange {
  --o-text-color: var(--o-color-orange);
}

.o-text.o-text--cyan {
  --o-text-color: var(--o-color-cyan);
}

.o-text.o-text--purple {
  --o-text-color: var(--o-color-purple);
}

.o-text.o-text--gray {
  --o-text-color: var(--o-color-gray);
}

.o-text.o-text--disabled {
  --o-text-color: var(--o-color-disabled);
}

.o-text > .o-icon {
  vertical-align: -2px;
}

.time-select {
  margin: 5px 0;
  min-width: 0;
}

.time-select .o-picker-panel__content {
  max-height: 200px;
  margin: 0;
}

.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}

.time-select-item.disabled {
  color: var(--o-datepicker-border-color);
  cursor: not-allowed;
}

.time-select-item:hover {
  background-color: var(--o-fill-color-light);
  font-weight: bold;
  cursor: var(--o-cursor-pointer);
}

.time-select .time-select-item.selected:not(.disabled) {
  color: var(--o-color-primary);
  font-weight: bold;
}

.o-timeline-item {
  position: relative;
  padding-bottom: 20px;
}

.o-timeline-item__wrapper {
  position: relative;
  padding-left: 28px;
  top: -3px;
}

.o-timeline-item__tail {
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid var(--o-timeline-node-color);
}

.o-timeline-item .o-timeline-item__icon {
  color: var(--o-color-white);
  font-size: var(--o-font-size-small);
}

.o-timeline-item__node {
  position: absolute;
  background-color: var(--o-timeline-node-color);
  border-color: var(--o-timeline-node-color);
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-timeline-item__node--normal {
  left: -1px;
  width: var(--o-timeline-node-size-normal);
  height: var(--o-timeline-node-size-normal);
}

.o-timeline-item__node--large {
  left: -2px;
  width: var(--o-timeline-node-size-large);
  height: var(--o-timeline-node-size-large);
}

.o-timeline-item__node.is-hollow {
  background: var(--o-color-white);
  border-style: solid;
  border-width: 2px;
}

.o-timeline-item__node--primary {
  background-color: var(--o-color-primary);
  border-color: var(--o-color-primary);
}

.o-timeline-item__node--success {
  background-color: var(--o-color-success);
  border-color: var(--o-color-success);
}

.o-timeline-item__node--warning {
  background-color: var(--o-color-warning);
  border-color: var(--o-color-warning);
}

.o-timeline-item__node--danger {
  background-color: var(--o-color-danger);
  border-color: var(--o-color-danger);
}

.o-timeline-item__node--info {
  background-color: var(--o-color-info);
  border-color: var(--o-color-info);
}

.o-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-timeline-item__content {
  color: var(--o-text-color-primary);
}

.o-timeline-item__timestamp {
  color: var(--o-text-color-secondary);
  line-height: 1;
  font-size: var(--o-font-size-small);
}

.o-timeline-item__timestamp.is-top {
  margin-bottom: 8px;
  padding-top: 4px;
}

.o-timeline-item__timestamp.is-bottom {
  margin-top: 8px;
}

.o-timeline {
  --o-timeline-node-size-normal: 12px;
  --o-timeline-node-size-large: 14px;
  --o-timeline-node-color: var(--o-border-color-light);
}

.o-timeline {
  margin: 0;
  font-size: var(--o-font-size-base);
  list-style: none;
  padding-left: 0;
}

.o-timeline .o-timeline-item {
  font-size: var(--o-font-size-base);
  padding-bottom: var(--o-spacing-07);
}

.o-timeline .o-timeline-item:last-child {
  padding-bottom: 0;
}

.o-timeline .o-timeline-item[actived=false] .o-timeline-item__node {
  border: 3px solid var(--o-neutral-fg-disabled);
}

.o-timeline .o-timeline-item__wrapper {
  top: 0;
}

.o-timeline .o-timeline-item__tail {
  top: 24px;
  left: 9px;
  height: calc(100% - 28px);
  border-left: 2px solid var(--o-neutral-stroke-2-normal);
}

.o-timeline .o-timeline-item__node {
  width: 10px;
  height: 10px;
  border: 3px solid var(--o-brand-bg-1-normal);
  background: transparent;
  top: 0;
  left: 0;
  border-radius: var(--o-radius-circle);
  margin: 5px;
}

.o-timeline .o-timeline-item__content {
  color: var(--o-neutral-fg-2-normal);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
}

.o-timeline .o-timeline-item__content__title {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  min-height: 20px;
  vertical-align: top;
}

.o-timeline .o-timeline-item__content__time {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
  margin-top: var(--o-spacing-02);
}

.o-timeline .o-timeline-item__content__desc {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  margin-top: var(--o-spacing-02);
}

.o-timeline .o-timeline-item__content__user {
  margin-top: var(--o-spacing-02);
}

.o-timeline .o-timeline-item__timestamp {
  display: none;
}

.o-timeline .o-timeline-item:last-child .o-timeline-item__tail {
  display: none;
}

.o-timeline .o-timeline-item__center {
  display: flex;
  align-items: center;
}

.o-timeline .o-timeline-item__center .o-timeline-item__wrapper {
  width: 100%;
}

.o-timeline .o-timeline-item__center .o-timeline-item__tail {
  top: 0;
}

.o-timeline .o-timeline-item__center:first-child .o-timeline-item__tail {
  height: calc(50% + 10px);
  top: calc(50% - 10px);
}

.o-timeline .o-timeline-item__center:last-child .o-timeline-item__tail {
  display: block;
  height: calc(50% - 10px);
}

.o-tooltip-v2__content {
  --o-tooltip-v2-padding: 5px 10px;
  --o-tooltip-v2-border-radius: 4px;
  --o-tooltip-v2-border-color: var(--o-border-color);
  border-radius: var(--o-tooltip-v2-border-radius);
  color: var(--o-color-black);
  background-color: var(--o-color-white);
  padding: var(--o-tooltip-v2-padding);
  border: 1px solid var(--o-border-color);
}

.o-tooltip-v2__arrow {
  position: absolute;
  color: var(--o-color-white);
  width: var(--o-tooltip-v2-arrow-width);
  height: var(--o-tooltip-v2-arrow-height);
  pointer-events: none;
  left: var(--o-tooltip-v2-arrow-x);
  top: var(--o-tooltip-v2-arrow-y);
}

.o-tooltip-v2__arrow::before {
  content: "";
  width: 0;
  height: 0;
  border: var(--o-tooltip-v2-arrow-border-width) solid transparent;
  position: absolute;
}

.o-tooltip-v2__arrow::after {
  content: "";
  width: 0;
  height: 0;
  border: var(--o-tooltip-v2-arrow-border-width) solid transparent;
  position: absolute;
}

.o-tooltip-v2__content[data-side^=top] .o-tooltip-v2__arrow {
  bottom: 0;
}

.o-tooltip-v2__content[data-side^=top] .o-tooltip-v2__arrow::before {
  border-top-color: var(--o-color-white);
  border-top-width: var(--o-tooltip-v2-arrow-border-width);
  border-bottom: 0;
  top: calc(100% - 1px);
}

.o-tooltip-v2__content[data-side^=top] .o-tooltip-v2__arrow::after {
  border-top-color: var(--o-border-color);
  border-top-width: var(--o-tooltip-v2-arrow-border-width);
  border-bottom: 0;
  top: 100%;
  z-index: -1;
}

.o-tooltip-v2__content[data-side^=bottom] .o-tooltip-v2__arrow {
  top: 0;
}

.o-tooltip-v2__content[data-side^=bottom] .o-tooltip-v2__arrow::before {
  border-bottom-color: var(--o-color-white);
  border-bottom-width: var(--o-tooltip-v2-arrow-border-width);
  border-top: 0;
  bottom: calc(100% - 1px);
}

.o-tooltip-v2__content[data-side^=bottom] .o-tooltip-v2__arrow::after {
  border-bottom-color: var(--o-border-color);
  border-bottom-width: var(--o-tooltip-v2-arrow-border-width);
  border-top: 0;
  bottom: 100%;
  z-index: -1;
}

.o-tooltip-v2__content[data-side^=left] .o-tooltip-v2__arrow {
  right: 0;
}

.o-tooltip-v2__content[data-side^=left] .o-tooltip-v2__arrow::before {
  border-left-color: var(--o-color-white);
  border-left-width: var(--o-tooltip-v2-arrow-border-width);
  border-right: 0;
  left: calc(100% - 1px);
}

.o-tooltip-v2__content[data-side^=left] .o-tooltip-v2__arrow::after {
  border-left-color: var(--o-border-color);
  border-left-width: var(--o-tooltip-v2-arrow-border-width);
  border-right: 0;
  left: 100%;
  z-index: -1;
}

.o-tooltip-v2__content[data-side^=right] .o-tooltip-v2__arrow {
  left: 0;
}

.o-tooltip-v2__content[data-side^=right] .o-tooltip-v2__arrow::before {
  border-right-color: var(--o-color-white);
  border-right-width: var(--o-tooltip-v2-arrow-border-width);
  border-left: 0;
  right: calc(100% - 1px);
}

.o-tooltip-v2__content[data-side^=right] .o-tooltip-v2__arrow::after {
  border-right-color: var(--o-border-color);
  border-right-width: var(--o-tooltip-v2-arrow-border-width);
  border-left: 0;
  right: 100%;
  z-index: -1;
}

.o-tooltip-v2__content.is-dark {
  --o-tooltip-v2-border-color: transparent;
  background-color: var(--o-color-black);
  color: var(--o-color-white);
  border-color: transparent;
}

.o-tooltip-v2__content.is-dark .o-tooltip-v2__arrow {
  background-color: var(--o-color-black);
  border-color: transparent;
}

.o-tree {
  --o-tree-node-content-height: 26px;
  --o-tree-node-hover-bg-color: var(--o-fill-color-light);
  --o-tree-text-color: var(--o-text-color-regular);
  --o-tree-expand-icon-color: var(--o-text-color-placeholder);
}

.o-tree {
  position: relative;
  cursor: default;
  background: none;
  color: var(--o-neutral-fg-2-normal);
  font-size: 14px;
}

.o-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.o-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--o-text-color-secondary);
  font-size: var(--o-font-size-base);
}

.o-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--o-color-primary);
}

.o-tree.is-multiple-select .o-tree-node:not(.is-interdict).is-selected > .o-tree-node__content {
  background-color: var(--o-brand-bg-2-selected);
  border-color: var(--o-brand-stroke-2-selected-ss);
}

.o-tree.is-multiple-select .o-tree-node:not(.is-interdict).is-selected > .o-tree-node__content:hover {
  background-color: var(--o-brand-bg-2-selected);
  border-color: var(--o-brand-stroke-2-selected-ss);
}

.o-tree-node {
  white-space: nowrap;
  outline: none;
}

.o-tree-node:active > .o-tree-node__content {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-tree-node.is-drop-inner > .o-tree-node__content .o-tree-node__label {
  background-color: var(--o-color-primary);
  color: #fff;
}

.o-tree-node__content {
  --o-checkbox-height: var(--o-tree-node-content-height);
  display: flex;
  align-items: center;
  height: var(--o-tree-node-content-height);
  cursor: var(--o-cursor-pointer);
  border-radius: var(--o-radius-m);
  border: 1px solid transparent;
  box-sizing: border-box;
}

.o-tree-node__content > .o-tree-node__expand-icon {
  height: 16px;
  width: 16px;
  padding: 8px;
  box-sizing: content-box;
  margin-right: -2px;
}

.o-tree-node__content > .o-checkbox {
  margin-right: 4px;
}

.o-tree-node__content:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-tree.is-dragging .o-tree-node__content {
  cursor: move;
}

.o-tree.is-dragging .o-tree-node__content * {
  pointer-events: none;
}

.o-tree.is-dragging.is-drop-not-allow .o-tree-node__content {
  cursor: not-allowed;
}

.o-tree-node__expand-icon {
  display: flex;
  flex-direction: column;
  cursor: var(--o-cursor-pointer);
  color: var(--o-tree-expand-icon-color);
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform var(--o-transition-duration) ease-in-out;
}

.o-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}

.o-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
  visibility: hidden;
}

.o-tree-node__expand-icon.is-hidden {
  visibility: hidden;
}

.o-tree-node__loading-icon {
  margin-right: 8px;
  font-size: var(--o-font-size-base);
  color: var(--o-tree-expand-icon-color);
}

.o-tree-node > .o-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}

.o-tree-node.is-expanded > .o-tree-node__children {
  display: block;
}

.o-tree-node.is-interdict > .o-tree-node__content {
  background-color: transparent;
  cursor: default;
  color: var(--o-neutral-fg-disabled);
}

.o-tree-node.is-interdict > .o-tree-node__content .o-icon__svg {
  fill: var(--o-neutral-fg-disabled);
}

.o-tree-node.is-disabled {
  color: var(--o-neutral-fg-disabled);
}

.o-tree-node.is-disabled.is-leaf > .o-tree-node__content, .o-tree-node.is-disabled.is-leaf:hover > .o-tree-node__content, .o-tree-node.is-disabled.is-leaf:active > .o-tree-node__content {
  background-color: transparent;
}

.o-tree--highlight-current .o-tree-node.is-current > .o-tree-node__content {
  background-color: var(--o-brand-bg-2-selected);
  border-color: var(--o-brand-stroke-2-selected-ss);
}

.o-tree--highlight-current .o-tree-node.is-current.is-disabled > .o-tree-node__content {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-stroke-disabled);
}

.o-tree-select {
  --o-tree-node-content-height: 26px;
  --o-tree-node-hover-bg-color: var(--o-fill-color-light);
  --o-tree-text-color: var(--o-text-color-regular);
  --o-tree-expand-icon-color: var(--o-text-color-placeholder);
}

.o-tree-select__popper .o-tree-node__expand-icon {
  margin-left: 8px;
}

.o-tree-select__popper .o-tree-node.is-checked > .o-tree-node__content .o-select-dropdown__item.selected::after {
  content: none;
}

.o-tree-select__popper .o-select-dropdown__list > .o-select-dropdown__item {
  padding-left: 32px;
}

.o-tree-select__popper .o-select-dropdown__item {
  flex: 1;
  background: transparent !important;
  padding-left: 0;
  height: 20px;
  line-height: 20px;
}

.o-upload {
  --o-upload-dragger-padding-horizontal: 40px;
  --o-upload-dragger-padding-vertical: 10px;
}

.o-upload {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: var(--o-cursor-pointer);
  outline: none;
  /* Picture Card for Wall */
}

.o-upload__input {
  display: none;
}

.o-upload__tip {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-4-normal);
  margin-top: 4px;
}

.o-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.o-upload--picture-card {
  --o-upload-picture-card-size: 148px;
  background-color: var(--o-fill-color-lighter);
  border: 1px dashed var(--o-border-color-darker);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--o-upload-picture-card-size);
  height: var(--o-upload-picture-card-size);
  cursor: var(--o-cursor-pointer);
  vertical-align: top;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.o-upload--picture-card > i {
  font-size: 28px;
  color: var(--o-text-color-secondary);
}

.o-upload--picture-card:hover {
  border-color: var(--o-color-primary);
  color: var(--o-color-primary);
}

.o-upload.is-drag {
  display: block;
}

.o-upload__default-trigger {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.o-upload-dragger {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--o-neutral-bg-5-normal);
  border: 1px dashed var(--o-neutral-stroke-3-normal);
  color: var(--o-neutral-fg-1-normal);
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  border-radius: var(--o-radius-m);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: 420px;
  height: 144px;
}

.o-upload-dragger__title {
  display: flex;
  flex-direction: row;
  color: var(--o-neutral-fg-2-normal);
  gap: 4px;
  align-items: center;
  text-align: center;
}

.o-upload-dragger__description {
  color: var(--o-neutral-fg-4-normal);
  text-align: center;
}

.o-upload-dragger .o-icon--upload {
  font-size: 67px;
  color: var(--o-text-color-placeholder);
  margin-bottom: 16px;
  line-height: 50px;
}

.o-upload-dragger + .o-upload__tip {
  text-align: center;
}

.o-upload-dragger ~ .o-upload__files {
  border-top: var(--o-border);
  margin-top: 7px;
  padding-top: 5px;
}

.o-upload-dragger .o-upload__text {
  color: var(--o-text-color-regular);
  font-size: 14px;
  text-align: center;
}

.o-upload-dragger .o-upload__text em {
  color: var(--o-color-primary);
  font-style: normal;
}

.o-upload-dragger:hover {
  border-style: solid;
  border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

.o-upload-dragger:active {
  border-style: solid;
  border-color: var(--o-brand-fg-comp-active);
}

.o-upload-dragger.is-dragover {
  padding: calc(var(--o-upload-dragger-padding-horizontal) - 1px) calc(var(--o-upload-dragger-padding-vertical) - 1px);
  background-color: var(--o-color-primary-light-9);
  border: 2px dashed var(--o-color-primary);
}

.o-upload-dragger.is-disabled {
  background-color: var(--o-neutral-bg-disabled);
}

.o-upload-dragger.is-disabled, .o-upload-dragger.is-disabled:hover, .o-upload-dragger.is-disabled:active {
  border: 1px dashed var(--o-neutral-stroke-3-normal);
}

.o-upload-dragger.is-disabled .o-upload-dragger__title,
.o-upload-dragger.is-disabled .o-upload-dragger__description,
.o-upload-dragger.is-disabled .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-upload-dragger.is-custom-dragger {
  padding: 0;
  border: none;
  background-color: unset;
  border-radius: 0;
  cursor: default;
  overflow: visible;
  width: auto;
  height: auto;
}

.o-upload-list {
  padding: 0;
  list-style: none;
  position: relative;
  width: 420px;
}

.o-upload-list__item {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 32px;
  background-color: var(--o-neutral-bg-2-normal);
  border: 1px solid var(--o-neutral-stroke-1-normal);
  border-radius: var(--o-radius-m);
  margin-top: 12px;
  padding: 0 3px 0 7px;
}

.o-upload-list__item .o-progress {
  height: 2px;
}

.o-upload-list__item .o-progress-bar__outer {
  background-color: transparent;
}

.o-upload-list__item .o-icon--upload-success {
  color: var(--o-color-success);
}

.o-upload-list__item .o-icon--close-tip {
  display: none;
  position: absolute;
  top: 1px;
  right: 5px;
  font-size: 12px;
  cursor: var(--o-cursor-pointer);
  opacity: 1;
  color: var(--o-color-primary);
  font-style: normal;
}

.o-upload-list__item .o-upload-list__item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
}

.o-upload-list__item .o-upload-list__item-operate {
  display: flex;
  flex-direction: row;
}

.o-upload-list__item .o-upload-list__item-operate .o-button {
  margin: 0;
}

.o-upload-list__item .o-upload-list__progress {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.o-upload-list__item.is-fail {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-upload-list__item-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.o-upload-list__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-upload-list__loading-icon {
  width: 20px;
  height: 20px;
  animation: loading-rotate 1s linear infinite;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE5SURBVDhPjZA/KIVRGMY/KQxKUVIo5Q50b0mWW5ab7ZZbIoUyyMBkUHeQyMB4NxkMJhaLyWC6o43NaLMZTBb1Hb/n3kf593W+p36dc573ed9zvi/5rRBCBY7SNG2yBtv5pEY1fZdLcXHjoXuCb6+49EP4HdDpY1s07ME7fGQ1folMN5le6LHVMl8x3lj3bWVKt5Prh0H2XWrehReoOxMV2QEYYUCfDlfwDGXXo9LzyRc0RAOehGu5RU8RSto8woP93OIVM0IDzuAepl2LSt9OfhaKGrABTWi4HhXZcZhj0JgOU3AHt1ByJlNkJqEGVVstcw1umHjNumj7j6gPUV+BJfYTttvCWKZwCRcwDwWXdMEo9QXWTViH/1/q0DmcQgNO4ADqsANbEP/ZhKqwDcegAatQhmFHrCT5BAaIYcnrVBtUAAAAAElFTkSuQmCC");
}

.o-upload-list__item-file-name {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--o-neutral-fg-2-normal);
}

.o-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.o-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: var(--o-text-color-regular);
  display: none;
}

.o-upload-list__item-delete:hover {
  color: var(--o-color-primary);
}

.o-upload-list--picture-card {
  --o-upload-list-picture-card-size: 148px;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}

.o-upload-list--picture-card .o-upload-list__item {
  overflow: hidden;
  background-color: var(--o-fill-color-blank);
  border: 1px solid var(--o-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--o-upload-list-picture-card-size);
  height: var(--o-upload-list-picture-card-size);
  margin: 0 8px 8px 0;
  padding: 0;
  display: inline-flex;
}

.o-upload-list--picture-card .o-upload-list__item .o-icon--check,
.o-upload-list--picture-card .o-upload-list__item .o-icon--circle-check {
  color: #ffffff;
}

.o-upload-list--picture-card .o-upload-list__item:hover .o-upload-list__item-status-label {
  opacity: 0;
  display: block;
}

.o-upload-list--picture-card .o-upload-list__item:hover .o-progress__text {
  display: block;
}

.o-upload-list--picture-card .o-upload-list__item .o-upload-list__item-name {
  display: none;
}

.o-upload-list--picture-card .o-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.o-upload-list--picture-card .o-upload-list__item-status-label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--o-color-success);
  text-align: center;
  transform: rotate(45deg);
}

.o-upload-list--picture-card .o-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}

.o-upload-list--picture-card .o-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: var(--o-overlay-color-lighter);
}

.o-upload-list--picture-card .o-upload-list__item-actions span {
  display: none;
  cursor: var(--o-cursor-pointer);
}

.o-upload-list--picture-card .o-upload-list__item-actions span + span {
  margin-left: 1rem;
}

.o-upload-list--picture-card .o-upload-list__item-actions .o-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}

.o-upload-list--picture-card .o-upload-list__item-actions:hover {
  opacity: 1;
}

.o-upload-list--picture-card .o-upload-list__item-actions:hover span {
  display: inline-flex;
}

.o-upload-list--picture .o-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: var(--o-fill-color-blank);
  border: 1px solid var(--o-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
}

.o-upload-list--picture .o-upload-list__item .o-icon--check,
.o-upload-list--picture .o-upload-list__item .o-icon--circle-check {
  color: #ffffff;
}

.o-upload-list--picture .o-upload-list__item:hover .o-upload-list__item-status-label {
  opacity: 0;
  display: inline-flex;
}

.o-upload-list--picture .o-upload-list__item.is-success .o-upload-list__item-name i {
  display: none;
}

.o-upload-list--picture .o-upload-list__item-thumbnail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  z-index: 1;
  background-color: var(--o-color-white);
}

.o-upload-list--picture .o-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: var(--o-color-success);
  text-align: center;
  transform: rotate(45deg);
}

.o-upload-list--picture .o-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}

.o-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}

.o-upload-cover::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.o-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}

.o-upload-cover__label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--o-color-success);
  text-align: center;
  transform: rotate(45deg);
}

.o-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff;
}

.o-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--o-overlay-color-light);
  text-align: center;
}

.o-upload-cover__interact .btn {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  cursor: var(--o-cursor-pointer);
  vertical-align: middle;
  margin-top: 60px;
}

.o-upload-cover__interact .btn i {
  margin-top: 0;
}

.o-upload-cover__interact .btn span {
  opacity: 0;
}

.o-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}

.o-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}

.o-upload-cover__interact .btn:hover span {
  opacity: 1;
}

.o-upload-cover__interact .btn i {
  color: #ffffff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.o-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: var(--o-text-color-primary);
}

.o-upload-cover + .o-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

.o-vl__wrapper {
  position: relative;
}

.o-vl__wrapper:hover .o-virtual-scrollbar {
  opacity: 1;
}

.o-vl__wrapper.always-on .o-virtual-scrollbar {
  opacity: 1;
}

.o-vl__window {
  scrollbar-width: none;
}

.o-vl__window::-webkit-scrollbar {
  display: none;
}

.o-virtual-scrollbar {
  opacity: 0;
  transition: opacity 340ms ease-out;
}

.o-virtual-scrollbar.always-on {
  opacity: 1;
}

.o-vg__wrapper {
  position: relative;
}

.o-popper {
  --o-popper-border-radius: var(--o-popover-border-radius, 4px);
}

.o-popper {
  position: absolute;
  border-radius: var(--o-radius-l);
  padding: 5px 11px;
  z-index: 2000;
  font-size: 12px;
  line-height: 20px;
  min-width: 10px;
  overflow-wrap: break-word;
  visibility: visible;
}

.o-popper.is-dark {
  color: var(--o-bg-color);
  background: var(--o-neutral-bg-1-normal);
  border: 1px solid var(--o-neutral-stroke-3-normal);
  box-shadow: var(--o-shadow-2-down);
}

.o-popper.is-dark .o-popper__arrow::before {
  border: 1px solid var(--o-neutral-stroke-3-normal);
  background: var(--o-neutral-bg-1-normal);
  right: 0;
}

.o-popper.is-light {
  background: var(--o-neutral-bg-1-normal);
  border: 1px solid var(--o-neutral-stroke-3-normal);
  box-shadow: var(--o-shadow-2-down);
}

.o-popper.is-light .o-popper__arrow::before {
  border: 1px solid var(--o-neutral-stroke-3-normal);
  background: var(--o-neutral-bg-1-normal);
  right: 0;
}

.o-popper.is-pure {
  padding: 0;
}

.o-popper__arrow {
  position: absolute;
  width: 7px;
  height: 7px;
  z-index: -1;
}

.o-popper__arrow::before {
  position: absolute;
  width: 7px;
  height: 7px;
  z-index: -1;
  content: " ";
  transform: rotate(45deg);
  background: var(--o-text-color-primary);
  box-sizing: border-box;
}

.o-popper[data-popper-placement^=top] > .o-popper__arrow {
  bottom: -3.5px;
}

.o-popper[data-popper-placement^=top] > .o-popper__arrow::before {
  border-bottom-right-radius: 0px;
}

.o-popper[data-popper-placement^=bottom] > .o-popper__arrow {
  top: -3.5px;
}

.o-popper[data-popper-placement^=bottom] > .o-popper__arrow::before {
  border-top-left-radius: 0px;
}

.o-popper[data-popper-placement^=left] > .o-popper__arrow {
  right: -3.5px;
}

.o-popper[data-popper-placement^=left] > .o-popper__arrow::before {
  border-top-right-radius: 0px;
}

.o-popper[data-popper-placement^=right] > .o-popper__arrow {
  left: -3.5px;
}

.o-popper[data-popper-placement^=right] > .o-popper__arrow::before {
  border-bottom-left-radius: 0px;
}

.o-popper[data-popper-placement^=top] .o-popper__arrow::before {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}

.o-popper[data-popper-placement^=bottom] .o-popper__arrow::before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}

.o-popper[data-popper-placement^=left] .o-popper__arrow::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}

.o-popper[data-popper-placement^=right] .o-popper__arrow::before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}

.o-select-dropdown__option-item {
  font-size: var(--o-select-font-size);
  padding: 0 32px 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--o-text-color-regular);
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: var(--o-cursor-pointer);
}

.o-select-dropdown__option-item.is-disabled {
  color: var(--o-text-color-placeholder);
  cursor: not-allowed;
}

.o-select-dropdown__option-item.is-disabled:hover {
  background-color: var(--o-bg-color);
}

.o-select-dropdown__option-item.is-selected {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
}

.o-select-dropdown__option-item.is-selected:not(.is-multiple) {
  color: var(--o-neutral-fg-2-normal);
}

.o-select-dropdown__option-item.hover {
  background-color: var(--o-fill-color-light) !important;
}

.o-select-dropdown__option-item:hover {
  background-color: var(--o-fill-color-light);
}

.o-select-dropdown.is-multiple .o-select-dropdown__option-item.is-selected {
  color: var(--o-color-primary);
  background-color: var(--o-bg-color-overlay);
}

.o-select-dropdown.is-multiple .o-select-dropdown__option-item.is-selected .o-icon {
  position: absolute;
  right: 20px;
  top: 0;
  height: inherit;
  font-size: 12px;
}

.o-select-dropdown.is-multiple .o-select-dropdown__option-item.is-selected .o-icon svg {
  height: inherit;
  vertical-align: middle;
}

.o-statistic {
  --o-statistic-title-font-weight: 400;
  --o-statistic-title-font-size: var(--o-font-size-extra-small);
  --o-statistic-title-color: var(--o-text-color-regular);
  --o-statistic-content-font-weight: 400;
  --o-statistic-content-font-size: var(--o-font-size-extra-large);
  --o-statistic-content-color: var(--o-text-color-primary);
}

.o-statistic__head {
  font-weight: var(--o-statistic-title-font-weight);
  font-size: var(--o-statistic-title-font-size);
  color: var(--o-statistic-title-color);
  line-height: 20px;
  margin-bottom: 4px;
}

.o-statistic__content {
  font-weight: var(--o-statistic-content-font-weight);
  font-size: var(--o-statistic-content-font-size);
  color: var(--o-statistic-content-color);
}

.o-statistic__value {
  display: inline-block;
}

.o-statistic__prefix {
  margin-right: 4px;
  display: inline-block;
}

.o-statistic__suffix {
  margin-left: 4px;
  display: inline-block;
}

.o-layout-flexible {
  width: 100%;
  height: 100%;
  background-color: var(--o-neutral-bg-6-normal);
}

.o-layout-flexible__aside {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.o-layout-flexible__aside--main {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.o-layout-flexible__aside--main.is-left-padding {
  padding: 20px 20px 20px 24px;
}

.o-layout-flexible__content {
  height: 100%;
}

.o-layout-flexible__content .o-layout-table:not(.is-without-padding) {
  padding-left: 20px;
}

.o-layout-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 24px;
}

.o-layout-table.is-without-padding {
  padding: 0;
}

.o-layout-table__bar .o-action-bar {
  height: 44px;
  align-items: flex-start;
}

.o-layout-table__bar .o-alert {
  margin-bottom: 12px;
}

.o-layout-table__table {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.o-layout-table__table .o-table {
  height: 100%;
}

.o-layout-table__pager {
  padding-top: 12px;
}

.o-labeled {
  margin-bottom: 20px;
}

.o-labeled.is-without-margin-bottom {
  margin-bottom: 0;
}

.o-labeled.is-required .o-labeled__label:before {
  content: "\ea05";
  display: inline-flex;
  font-style: normal;
  font-family: "icon-font";
  font-size: 8px;
  transform: scale(0.6666666667);
  color: var(--o-status-error-fg-1-normal);
  vertical-align: top;
}

.o-labeled__label {
  display: flex;
  flex-direction: row;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-6-ss);
  gap: 4px;
  margin-bottom: 4px;
}

.o-labeled__label--text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-labeled.is-left {
  display: flex;
}

.o-labeled.is-left .o-labeled__label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  max-height: 40px;
  padding-right: 12px;
}

.o-labeled.is-left .o-labeled__label .o-labeled__label--text {
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.o-labeled.is-left .o-labeled__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.o-labeled.is-right {
  display: flex;
}

.o-labeled.is-right .o-labeled__label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  max-height: 40px;
  padding-right: 12px;
  justify-content: flex-end;
}

.o-labeled.is-right .o-labeled__label .o-labeled__label--text {
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.o-labeled.is-right .o-labeled__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.o-tooltip-icon {
  display: inline-flex;
}

.o-email-recipient {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.o-email-recipient.is-disabled .o-email-recipient__input-wrapper {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-email-recipient__choose {
  flex-shrink: 0;
}

.o-email-recipient__input-wrapper {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex-wrap: wrap;
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-brand-stroke-1-hover);
  border-radius: var(--o-radius-m);
  background-color: var(--o-neutral-bg-5-normal);
  max-height: 86px;
  overflow: auto;
  flex: 1;
  min-height: 32px;
  margin-left: 12px;
  padding: 3px 3px 0 3px;
}

.o-email-recipient__input-wrapper > .o-tag {
  margin: 0 4px 3px 0;
  max-width: 517px;
}

.o-email-recipient__input-wrapper:hover {
  border-color: var(--o-brand-stroke-1-hover);
}

.o-email-recipient__input-wrapper.is-focus {
  border-color: var(--o-brand-stroke-1-active);
}

.o-email-recipient__input-inner {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  height: 24px;
  flex: 1;
  text-overflow: ellipsis;
}

.o-email-recipient__input-inner::-moz-placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-disabled);
}

.o-email-recipient__input-inner::placeholder {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-disabled);
}

.o-email-recipient-suggestion {
  padding: 3px;
  box-sizing: border-box;
}

.o-email-recipient-suggestion__list {
  margin: 0;
  max-height: 256px;
  padding: 0;
}

.o-email-recipient-suggestion__list > li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  box-sizing: border-box;
  list-style: none;
  height: 32px;
  padding: 6px 8px;
  margin-bottom: 4px;
  border-radius: var(--o-radius-s);
  cursor: var(--o-cursor-pointer);
  border: 1px solid transparent;
}

.o-email-recipient-suggestion__list > li:last-of-type {
  margin-bottom: 0;
}

.o-email-recipient-suggestion__list > li:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-email-recipient-suggestion__list > li:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-email-recipient-suggestion__list > li.highlighted, .o-email-recipient-suggestion__list > li.highlighted:hover, .o-email-recipient-suggestion__list > li.highlighted:active {
  background-color: var(--o-brand-bg-2-selected);
  border-color: var(--o-brand-stroke-2-selected-ss);
}

.o-email-recipient-dialog__bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.o-email-recipient-dialog__bar--role {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.o-email-recipient-dialog__bar--role-label {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 56px;
  color: var(--o-neutral-fg-6-ss);
  text-align: right;
}

.o-email-recipient-dialog__table--checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
}

.o-email-recipient-dialog__selected-recipients {
  height: 100%;
}

.o-email-recipient-dialog .limit-prompt {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--o-neutral-fg-3-normal);
}

.o-table-selection-column__checkbox {
  width: 20px;
  height: 20px;
  margin: 2px 0;
}

.o-table-selection-column__radiobox {
  width: 20px;
  height: 20px;
  margin: 2px 0;
}

.o-additional-message {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-4-normal);
  margin-top: 4px;
}

.o-additional-message__body {
  width: 620px;
}

.o-additional-message__body.is-collapse {
  height: 32px;
  word-break: break-all;
  overflow: hidden;
}

.o-additional-message__show-more {
  float: right;
}

.o-list-view {
  display: flex;
  flex-direction: column;
}

.o-list-view__search {
  flex-shrink: 0;
  margin-bottom: 12px;
}

.o-list-view__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  overflow: auto;
}

.o-list-view__footer {
  flex-shrink: 0;
  margin-top: 12px;
}

.o-list-view__check-all {
  display: flex;
  flex-direction: row;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  align-items: center;
  padding: 0 6px 4px 8px;
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
}

.o-list-view__check-all--checkbox {
  min-width: 0;
}

.o-list-view__check-all--checkbox .o-checkbox__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-list-view__whole-list {
  flex: 1;
  min-height: 0;
}

.o-list-view__whole-list .o-vl__window {
  will-change: initial !important;
}

.o-list-view__searching-list {
  flex: 1;
  min-height: 0;
}

.o-list-view__searching-list .o-vl__window {
  will-change: initial !important;
}

.o-list-view.is-pure .o-list-view__item.is-activated {
  border: 1px solid transparent;
  background-color: unset;
}

.o-list-view.is-pure .o-list-view__item.is-activated:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-list-view.is-pure .o-list-view__item.is-activated:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-list-view.is-pure .o-list-view__item--layout-left {
  cursor: default;
}

.o-list-view__item {
  display: flex;
  flex-direction: row;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  align-items: center;
  justify-content: space-between;
  height: 32px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: var(--o-radius-m);
  border: 1px solid transparent;
}

.o-list-view__item--layout-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  min-width: 0;
  height: 100%;
  cursor: var(--o-cursor-pointer);
}

.o-list-view__item--layout-left.is-icon .o-list-view__item--label {
  padding-left: 3px;
}

.o-list-view__item--checkbox {
  margin: 0 1px 0 7px;
}

.o-list-view__item--radiobox {
  margin: 0 1px 0 7px;
}

.o-list-view__item--radiobox .o-radio__label {
  padding-left: 0;
}

.o-list-view__item--label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  min-width: 0;
  padding: 0 7px;
}

.o-list-view__item--label-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: 0;
}

.o-list-view__item--label-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}

.o-list-view__item--label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: pre;
}

.o-list-view__item--operator {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  margin: 0 3px 0 1px;
}

.o-list-view__item--operator .o-button + .o-button {
  margin: 0;
}

.o-list-view__item--operator .o-button:last-of-type:not(.o-button--small) {
  margin-right: -4px;
}

.o-list-view__item.is-activated, .o-list-view__item.is-activated:hover, .o-list-view__item.is-activated:active {
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
  background-color: var(--o-brand-bg-2-selected);
}

.o-list-view__item.is-disabled, .o-list-view__item.is-disabled:hover, .o-list-view__item.is-disabled:active {
  border: 1px solid transparent;
  background-color: transparent;
}

.o-list-view__item.is-disabled .o-list-view__item--layout-left {
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-list-view__item.is-disabled .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-list-view__item.is-disabled.is-activated {
  background-color: var(--o-neutral-bg-disabled);
  border-color: var(--o-neutral-stroke-disabled);
}

.o-list-view__item:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-list-view__item:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-list-view.is-ghost-operator .o-list-view__item--operator {
  display: none;
}

.o-list-view.is-ghost-operator .o-list-view__item:not(.is-disabled).is-activated .o-list-view__item--operator {
  display: flex;
}

.o-list-view.is-ghost-operator .o-list-view__item:not(.is-disabled):active .o-list-view__item--operator, .o-list-view.is-ghost-operator .o-list-view__item:not(.is-disabled):hover .o-list-view__item--operator {
  display: flex;
}

.o-list-view.is-inside-select-dropdown .o-list-view__search {
  padding: 8px 8px 0 8px;
}

.o-focus-trap {
  width: 100%;
  height: 100%;
}

.o-interactive-picture {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}

.o-interactive-picture.is-draggable {
  cursor: grab;
}

.o-interactive-picture.is-dragging {
  cursor: grabbing;
}

.o-interactive-picture.is-empty {
  background-color: var(--o-neutral-bg-5-normal);
  cursor: default;
}

.o-interactive-picture__empty {
  padding: 12.62% 0;
}

.o-interactive-picture__floater {
  position: absolute;
  border: 2px solid var(--o-brand-stroke-1-active);
}

.o-interactive-picture__floater img {
  width: 100%;
}

.o-interactive-picture__menu--pushpin {
  position: absolute;
  pointer-events: none;
}

.o-panel-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  width: 100%;
}

.o-panel-selector__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding-right: 12px;
}

.o-panel-selector__operator {
  flex-basis: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.o-candidate-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 516px;
}

.o-candidate-panel__header {
  margin-bottom: 14px;
}

.o-candidate-panel__header--title {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.o-candidate-panel__header--text {
  color: var(--o-neutral-fg-1-normal);
}

.o-candidate-panel__body {
  flex: 1;
  min-height: 0;
}

.o-selected-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 516px;
}

.o-selected-panel__header {
  margin-bottom: 14px;
}

.o-selected-panel__header--title {
  font-family: LatoBold;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.o-selected-panel__header--text {
  color: var(--o-neutral-fg-1-normal);
}

.o-selected-panel__header--tip {
  color: #616776;
  font-size: 14px;
  line-height: 22px;
}

.o-selected-panel__body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.o-selected-panel__body .o-list-view {
  flex: 1;
  min-height: 0;
}

.o-selected-panel__body--unlimited-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--o-neutral-fg-2-normal);
  flex: 1;
}

.o-date-quick-selector {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.o-date-quick-selector.is-inline {
  display: inline-flex;
  flex-direction: row;
}

.o-date-quick-selector.is-inline .o-date-quick-selector__component {
  max-width: 240px;
}

.o-date-quick-selector.is-inline .o-date-quick-selector__quick-selection {
  width: auto;
}

.o-date-quick-selector.is-inline .o-date-quick-selector__quick-selection--item:last-child {
  width: auto;
  flex: unset;
}

.o-date-quick-selector__component {
  height: 32px;
  overflow: hidden;
  max-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-date-quick-selector__quick-selection {
  display: flex;
  flex-direction: row;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  width: 300px;
}

.o-date-quick-selector__quick-selection--item:last-child {
  width: 0;
  flex: 1;
}

.o-date-quick-selector__quick-selection--item:last-child .o-button {
  max-width: 100%;
}

.o-association {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.o-association__input-wrapper {
  width: 100%;
}

.o-association-suggestion {
  padding: 3px;
  box-sizing: border-box;
}

.o-association-suggestion__list {
  margin: 0;
  max-height: 256px;
  padding: 0;
}

.o-association-suggestion__list > li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  box-sizing: border-box;
  list-style: none;
  height: 32px;
  padding: 6px 8px;
  margin-bottom: 4px;
  border-radius: var(--o-radius-s);
  cursor: var(--o-cursor-pointer);
  border: 1px solid transparent;
}

.o-association-suggestion__list > li:last-of-type {
  margin-bottom: 0;
}

.o-association-suggestion__list > li:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-association-suggestion__list > li:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-association-suggestion__list > li.highlighted, .o-association-suggestion__list > li.highlighted:hover, .o-association-suggestion__list > li.highlighted:active {
  background-color: var(--o-brand-bg-2-selected);
  border-color: var(--o-brand-stroke-2-selected-ss);
}

.o-searchable-select .o-input__suffix {
  pointer-events: auto;
}

.o-searchable-select .o-select-dropdown-optional-reference__custom-label {
  right: 30px;
}

.o-searchable-select__option--container {
  overflow: auto;
  padding: 3px;
}

.o-searchable-select__option--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  height: 32px;
}

.o-searchable-select__input {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  outline: none;
  border: none;
  text-overflow: ellipsis;
  background-color: transparent;
}

.o-searchable-select__input--suffix {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 !important;
}

.o-searchable-select__input--arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
}

.o-searchable-select__input--arrow .o-icon__svg {
  color: var(--o-neutral-fg-3-normal);
}

.o-searchable-select__input--search {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  box-sizing: border-box;
  width: 24px;
  height: 100%;
}

.o-searchable-select__input--clear {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  display: none;
}

.o-searchable-select__input--clear:hover {
  background-color: var(--o-neutral-bg-1-hover-2);
  border: 1px solid var(--o-neutral-stroke-1-normal);
  border-radius: var(--o-radius-s);
}

.o-searchable-select__input::-moz-placeholder {
  color: var(--o-neutral-fg-5-normal);
}

.o-searchable-select__input::placeholder {
  color: var(--o-neutral-fg-5-normal);
}

.o-searchable-select.is-disabled .o-searchable-select__input {
  color: var(--o-neutral-fg-disabled);
}

.o-searchable-select:not(.is-disabled):hover .o-searchable-select__input--arrow {
  display: none;
}

.o-searchable-select:not(.is-disabled):hover .o-searchable-select__input--arrow .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-searchable-select:not(.is-disabled):hover .o-searchable-select__input--clear {
  display: flex;
}

.o-searchable-select.is-empty:not(.is-disabled):hover .o-searchable-select__input--arrow {
  display: flex;
}

.o-searchable-select.is-empty:not(.is-disabled):hover .o-searchable-select__input--arrow .o-icon__svg {
  color: var(--o-neutral-fg-2-normal);
}

.o-searchable-select.is-empty:not(.is-disabled):hover .o-searchable-select__input--clear {
  display: none;
}

.o-searchable-select.is-opened, .o-searchable-select.is-opened .o-input__wrapper, .o-searchable-select.is-opened .o-input__inner, .o-searchable-select.is-opened .o-input__suffix {
  cursor: default;
}

.o-form-item-error {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
}

.o-form-item-error__popover.o-popover.o-popper {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  border: 1px solid var(--o-status-error-bg-1-normal);
  background-color: #761619;
  padding: 5px 7px;
  color: var(--o-neutral-fg-2-normal);
  min-width: 0;
}

.o-form-item-error__popover.o-popover.o-popper .o-popper__arrow {
  left: 11px !important;
}

.o-form-item-error__popover.o-popover.o-popper .o-popper__arrow:before {
  border: 1px solid var(--o-status-error-bg-1-normal);
  background-color: #761619;
}

.o-form-item-error__popover--inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4px;
}

.o-form-item-error__popover--inner-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
}

.o-form-item-error__popover--inner-content {
  flex: 1;
  min-width: 0;
  min-height: 0;
  white-space: pre-wrap;
  word-break: break-word;
  text-align: left;
}

.o-play-window {
  width: 100%;
  height: 100%;
}

.o-play-window__mock-mask {
  position: absolute;
  z-index: 100000;
  background-color: rgba(0, 153, 191, 0.15);
  pointer-events: none;
  padding: 10px;
}

.o-play-window__mock-mask code {
  word-break: break-all;
  color: var(--o-neutral-fg-3-normal);
}

.o-play-window__mock-mask b {
  color: var(--o-neutral-fg-2-normal);
}

.o-play-window__mock-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(251, 153, 0, 0.15);
}

.o-colorful-tag {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  color: var(--o-neutral-fg-2-normal);
  max-width: 100%;
}

.o-colorful-tag__color-block {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  margin: 3px;
}

.o-colorful-tag__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-image-uploader {
  width: 144px;
  height: 144px;
  background-color: var(--o-neutral-bg-5-normal);
  border: 1px dashed var(--o-neutral-stroke-3-normal);
  border-radius: 2px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-image-uploader:hover {
  border-style: solid;
  border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

.o-image-uploader:hover .o-image-uploader__image-display--mask,
.o-image-uploader:hover .o-image-uploader__image-display--reupload {
  display: flex;
}

.o-image-uploader:active {
  border-style: solid;
  border-color: var(--o-brand-fg-comp-active);
}

.o-image-uploader.is-process, .o-image-uploader.is-process:hover, .o-image-uploader.is-process:active {
  background-color: var(--o-neutral-bg-5-normal);
  border: 1px dashed var(--o-neutral-stroke-3-normal);
}

.o-image-uploader.is-error {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-image-uploader.is-error .o-image-uploader__error + .o-image-uploader__image-empty {
  display: none;
}

.o-image-uploader.is-error:hover .o-image-uploader__error {
  display: none;
}

.o-image-uploader.is-error:hover .o-image-uploader__image-empty {
  display: flex;
}

.o-image-uploader.is-error:hover {
  border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

.o-image-uploader.is-error:active {
  border-color: var(--o-brand-fg-comp-active);
}

.o-image-uploader.is-avatar {
  width: 120px;
}

.o-image-uploader.is-avatar:active {
  border-style: solid;
  border-color: var(--o-neutral-stroke-accessible-hover-ss);
}

.o-image-uploader.is-disabled, .o-image-uploader.is-disabled:hover, .o-image-uploader.is-disabled:active {
  cursor: default;
  border: 1px dashed var(--o-neutral-stroke-3-normal);
}

.o-image-uploader.is-disabled .o-image-uploader__image-empty, .o-image-uploader.is-disabled:hover .o-image-uploader__image-empty, .o-image-uploader.is-disabled:active .o-image-uploader__image-empty {
  cursor: default;
  background-color: var(--o-neutral-bg-disabled);
}

.o-image-uploader.is-disabled .o-image-uploader__image-empty--title, .o-image-uploader.is-disabled .o-image-uploader__image-empty--description, .o-image-uploader.is-disabled:hover .o-image-uploader__image-empty--title, .o-image-uploader.is-disabled:hover .o-image-uploader__image-empty--description, .o-image-uploader.is-disabled:active .o-image-uploader__image-empty--title, .o-image-uploader.is-disabled:active .o-image-uploader__image-empty--description {
  color: var(--o-neutral-fg-disabled);
}

.o-image-uploader.is-disabled .o-image-uploader__image-empty .o-icon__svg, .o-image-uploader.is-disabled:hover .o-image-uploader__image-empty .o-icon__svg, .o-image-uploader.is-disabled:active .o-image-uploader__image-empty .o-icon__svg {
  color: var(--o-neutral-fg-disabled);
}

.o-image-uploader.is-filled, .o-image-uploader.is-filled:hover, .o-image-uploader.is-filled:active {
  border: 1px solid var(--o-neutral-stroke-3-normal);
}

.o-image-uploader__image-display {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  overflow: hidden;
}

.o-image-uploader__image-display img {
  width: 100%;
  height: 100%;
}

.o-image-uploader__image-display--mask {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 5, 15, 0.5);
  cursor: default;
}

.o-image-uploader__image-display--clear {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--o-status-error-bg-1-normal);
  cursor: var(--o-cursor-pointer);
}

.o-image-uploader__image-display--clear:hover {
  background-color: var(--o-status-error-bg-1-hover);
}

.o-image-uploader__image-display--clear:active {
  background-color: var(--o-status-error-bg-1-active);
}

.o-image-uploader__image-display--reupload {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  width: 40px;
}

.o-image-uploader__process {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  height: 100%;
}

.o-image-uploader__process--loading {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  animation: loading-rotate 1s linear infinite;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE5SURBVDhPjZA/KIVRGMY/KQxKUVIo5Q50b0mWW5ab7ZZbIoUyyMBkUHeQyMB4NxkMJhaLyWC6o43NaLMZTBb1Hb/n3kf593W+p36dc573ed9zvi/5rRBCBY7SNG2yBtv5pEY1fZdLcXHjoXuCb6+49EP4HdDpY1s07ME7fGQ1folMN5le6LHVMl8x3lj3bWVKt5Prh0H2XWrehReoOxMV2QEYYUCfDlfwDGXXo9LzyRc0RAOehGu5RU8RSto8woP93OIVM0IDzuAepl2LSt9OfhaKGrABTWi4HhXZcZhj0JgOU3AHt1ByJlNkJqEGVVstcw1umHjNumj7j6gPUV+BJfYTttvCWKZwCRcwDwWXdMEo9QXWTViH/1/q0DmcQgNO4ADqsANbEP/ZhKqwDcegAatQhmFHrCT5BAaIYcnrVBtUAAAAAElFTkSuQmCC");
}

.o-image-uploader__error {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  height: 100%;
  flex-direction: column;
}

.o-image-uploader__error--description {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  text-align: center;
  width: 100%;
  margin-top: 4px;
  color: var(--o-status-error-fg-1-normal);
}

.o-image-uploader__image-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: var(--o-cursor-pointer);
  position: relative;
}

.o-image-uploader__image-empty--title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  width: 100%;
  color: var(--o-neutral-fg-2-normal);
}

.o-image-uploader__image-empty--title .o-icon {
  margin-right: 4px;
}

.o-image-uploader__image-empty--title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-image-uploader__image-empty--description {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  text-align: center;
  margin-top: 4px;
  color: var(--o-neutral-fg-4-normal);
}

.o-image-uploader__image-empty--avatar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: default;
}

.o-image-uploader__image-empty--avatar-add {
  position: absolute;
  bottom: 11px;
}

.o-image-uploader__image-empty--avatar-add > .o-button {
  width: 96px;
}

@keyframes loading-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.o-file-uploader {
  display: flex;
  flex-direction: row;
}

.o-file-uploader__input {
  width: 420px;
}

.o-file-uploader__input--clear {
  display: none;
}

.o-file-uploader__input .o-input__wrapper {
  cursor: var(--o-cursor-pointer);
  padding-right: 3px;
}

.o-file-uploader__input .o-input__inner {
  cursor: var(--o-cursor-pointer);
}

.o-file-uploader__input .o-input__suffix-inner .o-button {
  margin: 0;
}

.o-file-uploader__input:hover .o-file-uploader__input--clear {
  display: block;
}

.o-file-uploader__gap {
  width: 12px;
  cursor: default;
}

.o-tour {
  --o-tour-width: 520px;
  --o-tour-padding-primary: 12px;
  --o-tour-font-line-height: var(--o-font-line-height-primary);
  --o-tour-title-font-size: 16px;
  --o-tour-title-text-color: var(--o-text-color-primary);
  --o-tour-title-font-weight: 400;
  --o-tour-close-color: var(--o-color-info);
  --o-tour-font-size: 14px;
  --o-tour-color: var(--o-text-color-primary);
  --o-tour-bg-color: var(--o-bg-color);
  --o-tour-border-radius: 4px;
}

.o-tour__hollow {
  transition: all var(--o-transition-duration) ease;
}

.o-tour__content {
  border-radius: var(--o-tour-border-radius);
  width: var(--o-tour-width);
  padding: var(--o-tour-padding-primary);
  background: var(--o-tour-bg-color);
  box-shadow: var(--o-box-shadow-light);
  box-sizing: border-box;
  overflow-wrap: break-word;
  outline: none;
}

.o-tour__arrow {
  position: absolute;
  background: var(--o-tour-bg-color);
  width: 10px;
  height: 10px;
  pointer-events: none;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.o-tour__content[data-side^=top] .o-tour__arrow {
  border-top-color: transparent;
  border-left-color: transparent;
}

.o-tour__content[data-side^=bottom] .o-tour__arrow {
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.o-tour__content[data-side^=left] .o-tour__arrow {
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.o-tour__content[data-side^=right] .o-tour__arrow {
  border-right-color: transparent;
  border-top-color: transparent;
}

.o-tour__content[data-side^=top] .o-tour__arrow {
  bottom: -5px;
}

.o-tour__content[data-side^=bottom] .o-tour__arrow {
  top: -5px;
}

.o-tour__content[data-side^=left] .o-tour__arrow {
  right: -5px;
}

.o-tour__content[data-side^=right] .o-tour__arrow {
  left: -5px;
}

.o-tour__closebtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  outline: none;
  cursor: var(--o-cursor-pointer);
  font-size: var(--o-message-close-size, 16px);
}

.o-tour__closebtn .o-tour__close {
  color: var(--o-tour-close-color);
  font-size: inherit;
}

.o-tour__closebtn:focus .o-tour__close, .o-tour__closebtn:hover .o-tour__close {
  color: var(--o-color-primary);
}

.o-tour__header {
  padding-bottom: var(--o-tour-padding-primary);
}

.o-tour__header.show-close {
  padding-right: calc(var(--o-tour-padding-primary) + var(--o-message-close-size, 16px));
}

.o-tour__title {
  line-height: var(--o-tour-font-line-height);
  font-size: var(--o-tour-title-font-size);
  color: var(--o-tour-title-text-color);
  font-weight: var(--o-tour-title-font-weight);
}

.o-tour__body {
  color: var(--o-tour-text-color);
  font-size: var(--o-tour-font-size);
}

.o-tour__body img,
.o-tour__body video {
  max-width: 100%;
}

.o-tour__footer {
  padding-top: var(--o-tour-padding-primary);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.o-tour__content .o-tour-indicators {
  display: inline-block;
  flex: 1;
}

.o-tour__content .o-tour-indicator {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  background: var(--o-color-info-light-9);
  margin-right: 6px;
}

.o-tour__content .o-tour-indicator.is-active {
  background: var(--o-color-primary);
}

.o-tour.o-tour--primary {
  --o-tour-title-text-color: #fff;
  --o-tour-text-color: #fff;
  --o-tour-bg-color: var(--o-color-primary);
  --o-tour-close-color: #fff;
}

.o-tour.o-tour--primary .o-tour__closebtn:focus .o-tour__close, .o-tour.o-tour--primary .o-tour__closebtn:hover .o-tour__close {
  color: var(--o-tour-title-text-color);
}

.o-tour.o-tour--primary .o-button--default {
  color: var(--o-color-primary);
  border-color: var(--o-color-primary);
  background: #fff;
}

.o-tour.o-tour--primary .o-button--primary {
  border-color: #fff;
}

.o-tour.o-tour--primary .o-tour-indicator {
  background: rgba(255, 255, 255, 0.15);
}

.o-tour.o-tour--primary .o-tour-indicator.is-active {
  background: #fff;
}

.o-tour-parent--hidden {
  overflow: hidden;
}

.o-period-panel__container {
  display: inline-flex;
  flex-direction: column;
  background-color: var(--o-neutral-bg-5-normal);
  border: 1px solid var(--o-neutral-stroke-2-normal);
  border-radius: var(--o-radius-m);
  padding: 19px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-period-panel__container.is-drawing {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMpSURBVFhH7ZZLTBNBGMfHJwYR4vPqxa22uAV2BYvioxYRxHdBUUSiIhpARYki8UEwapQQg1486MFHongyHkw4edJMogc1QcRKeWoFwQcSNoRg/n7bsbg18baLxvhP5tDO7P5+s99827L/+Rsz5sf4IxmXcKsJ8dcazvj97an6ZxqjJjOWMcfEhBs+bLvbdP9d1wf4298GGpr8V54+a0yjeV3G0tBO0yMqHzRU6/C2zgDetHSg0deCFy99KLjd3Oys9ntpHYlaExKYE1H/8JH3V/juW69bpaoApFNdkE/7s2itJRIksGw8Y2rMK19rVwhecsfnD8Gl4x8gHeuBXGmdBN1UjXz85Pn1EFy5/B5KbTfsVT1BuHTkE6TDXyBXdFoiESxD3b16b0nd6+YQXLnYA6WmF/YTAi4d7INU3A/5aMB0CRJQJzCWFB1X08aNcKX6E5TzX2A/KuDSvgHYCjXIpd2mS9DNZk9iU+ZNj7vQwY1w5VwflDP9sJcKuG3XIGz5Q5D395oqQU8hm3pejWRR6oz4swFuhCunB6BWaXAUC7ht+zBsud8gF301WyLYEUKiqpsb4WrlINSTQ3AUCrhtKzA3B5D3Wilx8iM3wtXjw1ArvsGxW8DnbQbs2UB8gZUSFZ+5Ea6WAwuOAPPzBdyRBcRuAtQdVkqU93MjPLEMWHgIcOYJeOxGElpPErlWSpRp3Ah3lQLJB+jxbxNw5zoaa4CkHAsl1IMaN8IXlQCLi2jndBZ0eFwmCa2muSwLJRKLNW6EL9kHLC2k0ngFPCEDUFYBKesslHDt1bgRvqwAWE6dkbRBwNU0Ekql7zMtlEjeo3Ej3L0T8FBnuNYK+AIPnRc3zadbKJGyU+NGeCp1xcpcKg+VQocvXE6l8AxcpevoGvMSJrE0T+NGeBq9IVdtEXDXit6btC5GrNevMy9hEu6tGjfCM6gr3Gve17KolJnBNaIEpgroCZPwZGt8BJ4ZuMQmJ8+i+Siap5968+GhhEms9Go8uPMRuGMirTHtAP4uPyVi5Kks2jGNMefk0YKHQhL6/4k5EWIED92owUPR66xDLTlw/1IY+w5k8ET4URI5IgAAAABJRU5ErkJggg=="), auto;
}

.o-period-panel__container.is-drawing .o-period-panel__row--core > span {
  cursor: unset;
}

.o-period-panel__container.is-clearing {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANASURBVFhH7ZTrT1JhHMdPZbbS2WzVq172itllY5EoU/CGphVruebWC+ftRZtb2bBMVBQUURBFFEER79dSc9bTmtWsHDYTb8NbXjLD9V/8es5hrMNWR0Bha/O7PRuc85zf53PG84U4zP+QI/O2lVjrgi1ucXmjDH8/Rl6j7vghR5fWNuVrm9uwsr4FttUNWFz+Bu8mphLIe44tvstf4XO2VbAuLgN6Oykk9zi2HnwY4dNzNiiQVo6wrvLSyL2ORw4ue8Lzi8pfXeHwIIzNBZ2p/0Al9oSLJXJEwrmCxNm2gTEw942C1thzIBJHp61L8e7Ab0TFbiF1DQU39b6E5u5h0Oj3LxEwO7+qcAe+K4qG3Vt8GKtSUXBD1xA0dbwApa7Tawnc69TAhaW1z+7Cd1P4YE/mw6iimoI3tg+CzjwAFdo2rySwACvw+fC4yBO4PQkvoQBGZEoKXt/aB3UtvSDTmDyWwALRAQTBCbHMLFg8gdvj8YoVwJBUQcE1xh5QG7pAqjJ6LIE3XzhJBLPPfrRYLWJJ+WsSzuUnzs3mZjPC7TF48QUwKKmg4Cp9J1Q1dkCxUu+RBHkO8P88+xQpEcaORGTPnVWzPshihNujYsDOi4H+AjkFr9S1gaLeDIUVOk8lyJ/CIYEPFqJXbSYHSzDAf/JiYScyDrqfyCh4eZ0JZLUt8FSm9V6ivrUf0av2NTOTEb4TkQA/IoTQKS6j4KU1zSBVG0As1XgvUWvsRfSqTadnMMK3uYnwPTwJzHmlFLy4ugkkSj3kFe9DokbfhehV+3IfSzDAt8KTYfN6CpgeSil4YWUDiMtqR/FcPNP9uEgoG9oRvWpTaRmM8A3OTVjn3AZjbgnkSWsQQfBC8azjjrnux0VCoW1F9KpN3stkhK9fE8EHYfovIph3jiDigxxN80yAjIuEXNOC6FX7lJrFDA/insfPB3vz9vS4SEhVBkSv2sTd7D3grEA8w+0D+K+4SBQpGxG9au/vZPsU7oyLxDNFA6JXbVyU41O4My4S+XItclbtUYn6ja/hzrhIPC7VIKpqfoI780fi9KVQIoR1hiAu46r5B+4MliC7ffGEY5FC/oM7gyUoKLnIz4dxMwTxGyJqc3B+OV5cAAAAAElFTkSuQmCC"), auto;
}

.o-period-panel__container.is-clearing .o-period-panel__row--core > span {
  cursor: unset;
}

.o-period-panel__container.is-readonly .o-period-panel__link-checkbox {
  width: 46px;
}

.o-period-panel__container.is-readonly .o-period-panel__row--core > span {
  cursor: unset;
}

.o-period-panel__container.is-daily .o-period-panel__time-scale {
  margin-bottom: 8px;
}

.o-period-panel__container.is-daily .o-period-panel__row {
  margin-left: 6px;
}

.o-period-panel__header {
  display: flex;
  flex-direction: row;
}

.o-period-panel__link-checkbox {
  width: 69px;
  flex-shrink: 0;
  height: 32px;
}

.o-period-panel__time-scale {
  width: 492px;
  flex-shrink: 0;
  height: 24px;
}

.o-period-panel__time-scale--time {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 16px;
}

.o-period-panel__time-scale--time-item {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
}

.o-period-panel__time-scale--scale {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 4px;
  margin-top: 4px;
}

.o-period-panel__time-scale--scale-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
}

.o-period-panel__time-scale--scale-item i {
  width: 1px;
  height: 4px;
  background-color: var(--o-neutral-stroke-accessible);
}

.o-period-panel__row {
  display: flex;
  align-items: center;
  height: 24px;
}

.o-period-panel__row--link {
  width: 24px;
  height: 24px;
}

.o-period-panel__row--link .o-button {
  margin-top: -2px;
}

.o-period-panel__row--link .o-icon__svg {
  cursor: var(--o-cursor-pointer);
  color: var(--o-neutral-fg-3-normal);
}

.o-period-panel__row--name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
  width: 40px;
  margin: 0 8px 0 4px;
}

.o-period-panel__row--core {
  display: flex;
  flex-direction: row;
}

.o-period-panel__row--core > span {
  display: block;
  position: relative;
  background-color: var(--o-neutral-stroke-2-normal);
  width: 9px;
  height: 22px;
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMpSURBVFhH7ZZLTBNBGMfHJwYR4vPqxa22uAV2BYvioxYRxHdBUUSiIhpARYki8UEwapQQg1486MFHongyHkw4edJMogc1QcRKeWoFwQcSNoRg/n7bsbg18baLxvhP5tDO7P5+s99827L/+Rsz5sf4IxmXcKsJ8dcazvj97an6ZxqjJjOWMcfEhBs+bLvbdP9d1wf4298GGpr8V54+a0yjeV3G0tBO0yMqHzRU6/C2zgDetHSg0deCFy99KLjd3Oys9ntpHYlaExKYE1H/8JH3V/juW69bpaoApFNdkE/7s2itJRIksGw8Y2rMK19rVwhecsfnD8Gl4x8gHeuBXGmdBN1UjXz85Pn1EFy5/B5KbTfsVT1BuHTkE6TDXyBXdFoiESxD3b16b0nd6+YQXLnYA6WmF/YTAi4d7INU3A/5aMB0CRJQJzCWFB1X08aNcKX6E5TzX2A/KuDSvgHYCjXIpd2mS9DNZk9iU+ZNj7vQwY1w5VwflDP9sJcKuG3XIGz5Q5D395oqQU8hm3pejWRR6oz4swFuhCunB6BWaXAUC7ht+zBsud8gF301WyLYEUKiqpsb4WrlINSTQ3AUCrhtKzA3B5D3Wilx8iM3wtXjw1ArvsGxW8DnbQbs2UB8gZUSFZ+5Ea6WAwuOAPPzBdyRBcRuAtQdVkqU93MjPLEMWHgIcOYJeOxGElpPErlWSpRp3Ah3lQLJB+jxbxNw5zoaa4CkHAsl1IMaN8IXlQCLi2jndBZ0eFwmCa2muSwLJRKLNW6EL9kHLC2k0ngFPCEDUFYBKesslHDt1bgRvqwAWE6dkbRBwNU0Ekql7zMtlEjeo3Ej3L0T8FBnuNYK+AIPnRc3zadbKJGyU+NGeCp1xcpcKg+VQocvXE6l8AxcpevoGvMSJrE0T+NGeBq9IVdtEXDXit6btC5GrNevMy9hEu6tGjfCM6gr3Gve17KolJnBNaIEpgroCZPwZGt8BJ4ZuMQmJ8+i+Siap5968+GhhEms9Go8uPMRuGMirTHtAP4uPyVi5Kks2jGNMefk0YKHQhL6/4k5EWIED92owUPR66xDLTlw/1IY+w5k8ET4URI5IgAAAABJRU5ErkJggg=="), auto;
}

.o-period-panel__row--core > span:nth-child(even) {
  margin-right: 2px;
}

.o-period-panel__row--core > span.is-selected {
  background-color: var(--o-brand-bg-1-normal);
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANASURBVFhH7ZTrT1JhHMdPZbbS2WzVq172itllY5EoU/CGphVruebWC+ftRZtb2bBMVBQUURBFFEER79dSc9bTmtWsHDYTb8NbXjLD9V/8es5hrMNWR0Bha/O7PRuc85zf53PG84U4zP+QI/O2lVjrgi1ucXmjDH8/Rl6j7vghR5fWNuVrm9uwsr4FttUNWFz+Bu8mphLIe44tvstf4XO2VbAuLgN6Oykk9zi2HnwY4dNzNiiQVo6wrvLSyL2ORw4ue8Lzi8pfXeHwIIzNBZ2p/0Al9oSLJXJEwrmCxNm2gTEw942C1thzIBJHp61L8e7Ab0TFbiF1DQU39b6E5u5h0Oj3LxEwO7+qcAe+K4qG3Vt8GKtSUXBD1xA0dbwApa7Tawnc69TAhaW1z+7Cd1P4YE/mw6iimoI3tg+CzjwAFdo2rySwACvw+fC4yBO4PQkvoQBGZEoKXt/aB3UtvSDTmDyWwALRAQTBCbHMLFg8gdvj8YoVwJBUQcE1xh5QG7pAqjJ6LIE3XzhJBLPPfrRYLWJJ+WsSzuUnzs3mZjPC7TF48QUwKKmg4Cp9J1Q1dkCxUu+RBHkO8P88+xQpEcaORGTPnVWzPshihNujYsDOi4H+AjkFr9S1gaLeDIUVOk8lyJ/CIYEPFqJXbSYHSzDAf/JiYScyDrqfyCh4eZ0JZLUt8FSm9V6ivrUf0av2NTOTEb4TkQA/IoTQKS6j4KU1zSBVG0As1XgvUWvsRfSqTadnMMK3uYnwPTwJzHmlFLy4ugkkSj3kFe9DokbfhehV+3IfSzDAt8KTYfN6CpgeSil4YWUDiMtqR/FcPNP9uEgoG9oRvWpTaRmM8A3OTVjn3AZjbgnkSWsQQfBC8azjjrnux0VCoW1F9KpN3stkhK9fE8EHYfovIph3jiDigxxN80yAjIuEXNOC6FX7lJrFDA/insfPB3vz9vS4SEhVBkSv2sTd7D3grEA8w+0D+K+4SBQpGxG9au/vZPsU7oyLxDNFA6JXbVyU41O4My4S+XItclbtUYn6ja/hzrhIPC7VIKpqfoI780fi9KVQIoR1hiAu46r5B+4MliC7ffGEY5FC/oM7gyUoKLnIz4dxMwTxGyJqc3B+OV5cAAAAAElFTkSuQmCC"), auto;
}

.o-period-panel__row--core > span i {
  position: absolute;
  height: 100%;
  background-color: var(--o-brand-bg-1-normal);
  pointer-events: none;
}

.o-period-panel__row--setting {
  margin-left: 13px;
}

.o-period-panel__row--setting .o-icon__svg {
  cursor: var(--o-cursor-pointer);
  color: var(--o-neutral-fg-3-normal);
}

.o-period-mini-panel {
  position: relative;
  height: 12px;
  width: auto;
  background-color: var(--o-neutral-stroke-2-normal);
}

.o-period-mini-panel__period {
  position: absolute;
  height: 100%;
  background-color: var(--o-brand-bg-1-normal);
}

.o-point-panel__container {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid var(--o-neutral-stroke-2-normal);
  border-radius: var(--o-radius-m);
  background-color: var(--o-neutral-bg-5-normal);
  box-sizing: border-box;
  padding: 19px 0;
}

.o-point-panel__container.is-single-day .o-point-panel__time-scale {
  margin-left: 19px;
}

.o-point-panel__container.is-single-day .o-point-panel__time-point {
  margin-left: 27px;
}

.o-point-panel__time-scale {
  height: 24px;
  width: 496px;
  margin-left: 63px;
  margin-right: 20px;
}

.o-point-panel__time-scale--time {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 16px;
}

.o-point-panel__time-scale--time-item {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
}

.o-point-panel__time-scale--scale {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 4px;
  margin-top: 4px;
}

.o-point-panel__time-scale--scale-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
}

.o-point-panel__time-scale--scale-item i {
  width: 1px;
  height: 4px;
  background-color: var(--o-neutral-stroke-accessible);
}

.o-point-panel__time-point {
  margin-top: 8px;
  margin-left: 19px;
  margin-right: 19px;
}

.o-point-panel__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 24px;
}

.o-point-panel__row--day {
  font-family: Lato;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  width: 40px;
  margin-right: 12px;
  color: var(--o-neutral-fg-3-normal);
}

.o-point-panel__row--line {
  width: 480px;
  height: 10px;
  background-color: var(--o-neutral-stroke-2-normal);
  position: relative;
}

.o-point-panel__row--point {
  position: absolute;
  top: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-left: -3px;
  background-color: var(--o-brand-bg-1-normal);
}

.o-point-panel__row--config {
  margin-left: 12px;
}

.o-time-detail__container {
  display: flex;
  flex-direction: column;
}

.o-time-detail__form {
  width: 100%;
  height: 100%;
}

.o-time-detail__form--container {
  height: 292px;
  width: 398px;
  overflow: auto;
}

.o-time-detail__form--item {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.o-time-detail__form--item:last-of-type {
  margin-bottom: 0;
}

.o-time-detail__form--item .time {
  display: flex;
  align-items: center;
}

.o-time-detail__form--item .time .separator {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
  padding: 0 8px;
}

.o-time-detail__form--item .operate {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-left: 12px;
}

.o-time-detail__divider {
  border-bottom: 1px solid var(--o-neutral-stroke-2-normal);
  margin-bottom: 20px;
}

.o-slot-textarea {
  width: 100%;
}

.o-slot-textarea__inner {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-2-normal);
  background-color: var(--o-neutral-bg-5-normal);
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
  padding: 5px 7px;
  border-radius: var(--o-radius-m);
  outline: none;
  overflow: auto;
  white-space: pre-wrap;
}

.o-slot-textarea__inner:hover {
  border-color: var(--o-neutral-stroke-accessible-2-ss);
}

.o-slot-textarea__inner:focus {
  border-color: var(--o-brand-stroke-1-active);
}

.o-slot-textarea__slot {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-brand-fg-1-normal);
  background-color: transparent;
  border: none;
  outline: none;
  height: 20px;
}

.o-slot-textarea__slot:hover {
  color: var(--o-brand-fg-1-hover);
}

.o-slot-textarea__slot:active {
  color: var(--o-neutral-fg-oncolor);
  background-color: var(--o-brand-bg-1-normal);
}

.o-slot-textarea.is-readonly {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.o-slot-textarea.is-readonly .o-slot-textarea__inner, .o-slot-textarea.is-readonly .o-slot-textarea__inner:hover, .o-slot-textarea.is-readonly .o-slot-textarea__inner:active {
  border-color: var(--o-neutral-stroke-4-normal-ss);
  background-color: unset;
}

.o-slot-textarea.is-readonly .o-slot-textarea__slot, .o-slot-textarea.is-readonly .o-slot-textarea__slot:hover, .o-slot-textarea.is-readonly .o-slot-textarea__slot:active {
  color: var(--o-brand-fg-1-normal);
  background-color: transparent;
}

.o-form-item.is-error .o-slot-textarea__inner, .o-form-item.is-error .o-slot-textarea__inner:hover, .o-form-item.is-error .o-slot-textarea__inner:focus {
  border-color: var(--o-status-error-fg-1-normal);
}

strong, b {
  font-family: LatoBold;
  font-weight: 600;
}

.o-editor {
  display: flex;
  flex-direction: column;
  height: 256px;
  width: 100%;
}

.o-editor__content {
  flex: 1;
  min-height: 0;
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-top: none;
  border-bottom-color: var(--o-brand-stroke-1-hover);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.o-editor__core {
  min-height: 210px;
}

.o-editor__core > div {
  padding: 6px 7px;
  outline: none;
  min-height: 210px;
  line-height: normal;
}

.o-editor:hover .o-editor__content {
  border-color: var(--o-brand-stroke-1-hover);
}

.o-editor:hover .o-editor-toolbar {
  border-top-color: var(--o-brand-stroke-1-hover);
  border-left-color: var(--o-brand-stroke-1-hover);
  border-right-color: var(--o-brand-stroke-1-hover);
}

.o-editor.is-focus .o-editor__content {
  border-color: var(--o-brand-stroke-1-active);
}

.o-editor.is-focus .o-editor-toolbar {
  border-top-color: var(--o-brand-stroke-1-active);
  border-left-color: var(--o-brand-stroke-1-active);
  border-right-color: var(--o-brand-stroke-1-active);
}

.o-editor.is-readonly .o-editor__content, .o-editor.is-readonly:hover .o-editor__content {
  border-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-editor.is-readonly .o-editor-toolbar, .o-editor.is-readonly:hover .o-editor-toolbar {
  border-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-editor.is-disabled .o-editor__content, .o-editor.is-disabled:hover .o-editor__content {
  border-color: var(--o-neutral-stroke-4-normal-ss);
  background-color: var(--o-neutral-bg-disabled);
}

.o-editor.is-disabled .o-editor-toolbar, .o-editor.is-disabled:hover .o-editor-toolbar {
  border-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-editor-toolbar {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  height: 44px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: var(--o-neutral-bg-2-normal);
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  padding: 0 5px;
  align-items: center;
}

.o-editor-toolbar__splitter {
  width: 1px;
  height: 20px;
  background-color: var(--o-neutral-stroke-2-normal);
  margin: 12px;
}

.o-editor-toolbar__font-size {
  margin-right: 12px;
}

.o-editor-toolbar__color-picker {
  margin-right: 12px;
}

.o-editor-toolbar__color-popover.o-popover.o-popper {
  padding: 3px;
}

.o-editor-toolbar__color-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

.o-editor-toolbar__color-panel--block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 2px;
}

.o-editor-toolbar__color-panel--block:hover {
  background-color: var(--o-neutral-bg-1-hover-1);
}

.o-editor-toolbar__color-panel--block:active {
  background-color: var(--o-neutral-bg-1-active-1);
}

.o-editor-toolbar__color-panel--block.is-activated {
  background-color: var(--o-brand-bg-2-selected);
  border: 1px solid var(--o-brand-stroke-2-selected-ss);
}

.o-editor-toolbar__color-panel--core {
  width: 14px;
  height: 14px;
  border-radius: 2px;
}

.o-form-item.is-error .o-editor .o-editor__content {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-form-item.is-error .o-editor .o-editor-toolbar {
  border-top-color: var(--o-status-error-fg-1-normal);
  border-left-color: var(--o-status-error-fg-1-normal);
  border-right-color: var(--o-status-error-fg-1-normal);
}

.o-multiple-select__popover.o-select-dropdown-optional-popover.o-popover.o-popper {
  max-height: initial;
}

.o-multiple-select__label {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.o-multiple-select__label--content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.o-multiple-select__label--count {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  height: 24px;
  padding: 2px 8px;
  color: var(--o-neutral-fg-2-normal);
  border-radius: var(--o-radius-m);
  background-color: var(--o-neutral-bg-disabled);
}

.o-multiple-select__list-view .o-list-view__search {
  padding: 11px 11px 8px 11px;
  margin: 0;
}

.o-multiple-select__list-view .o-list-view__check-all {
  padding: 0 11px 4px 11px;
}

.o-multiple-select__list-view .o-list-view__whole-list {
  padding: 0 3px 3px 3px;
}

.o-multiple-select__list-view .o-list-view__searching-list {
  padding: 0 3px 3px 3px;
}

.o-fold {
  background-color: var(--o-neutral-bg-6-normal);
}

.o-fold__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44px;
  padding: 0 24px 0 20px;
  gap: 4px;
}

.o-fold__header--slot {
  flex: 1;
  min-width: 0;
}

.o-fold__body {
  border-top: 1px solid var(--o-neutral-stroke-2-normal);
  height: 244px;
}

.o-input-mac {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--o-neutral-bg-5-normal);
  position: relative;
  border: 1px solid var(--o-neutral-stroke-4-normal-ss);
  border-bottom-color: var(--o-neutral-stroke-accessible-2-ss);
  border-radius: var(--o-radius-m);
  height: 32px;
  line-height: 32px;
}

.o-input-mac__symbol {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--o-neutral-fg-3-normal);
  display: inline-block;
  width: 4px;
}

.o-input-mac.is-focused {
  border: 1px solid var(--o-brand-stroke-1-active);
}

.o-input-mac.is-focused:hover {
  border-color: var(--o-brand-stroke-1-active);
}

.o-input-mac.is-disabled {
  background-color: var(--o-neutral-bg-disabled);
  opacity: 1;
  color: var(--o-neutral-fg-disabled);
  cursor: default;
}

.o-input-mac.is-disabled, .o-input-mac.is-disabled:hover {
  border-color: var(--o-neutral-stroke-1-normal);
}

.o-input-mac.is-disabled .o-input.is-disabled .o-input__wrapper:hover {
  border-color: transparent;
}

.o-input-mac.is-readonly {
  opacity: 1;
  cursor: default;
}

.o-input-mac.is-readonly, .o-input-mac.is-readonly:hover {
  border-color: var(--o-neutral-stroke-4-normal-ss);
}

.o-input-mac.is-readonly .o-input,
.o-input-mac.is-readonly .o-input__wrapper,
.o-input-mac.is-readonly .o-input__inner {
  cursor: default;
}

.o-input-mac:hover {
  border-color: var(--o-brand-stroke-1-hover);
}

.o-input-mac .o-input.is-disabled .o-input__wrapper {
  background: none;
  border-color: transparent;
}

.o-input-mac .o-input__wrapper {
  padding: 0 0 0 5px;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  background: none;
  outline: none;
  border-color: transparent;
  font-size: 12px;
}

.o-input-mac .o-input__wrapper.is-focus, .o-input-mac .o-input__wrapper:hover {
  border-color: transparent;
}

.o-input-mac .o-input__inner {
  padding: 0;
  text-align: center;
}

.o-form-item.is-error .o-input-mac {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-form-item.is-error .o-input-mac:hover {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-form-item.is-error .o-input-mac:focus {
  border-color: var(--o-status-error-fg-1-normal);
}

.o-form-item.is-error .o-input-mac .o-input__wrapper {
  border-color: transparent;
}

.o-form-item.is-error .o-input-mac .o-input__wrapper.is-focus {
  border-color: transparent;
}

.o-form-item.is-error .o-input-mac .o-input__wrapper:hover {
  border-color: transparent;
}

:root {
  --o-icon-color-normal:rgba(255, 255, 255, 0.9);
  --o-icon-color-active:rgba(255, 255, 255, 0.5);
  --o-icon-color-hover:rgba(255, 255, 255, 1);
  --o-icon-color-disabled:rgba(255, 255, 255, 0.3);
}

.o-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --svg-color: inherit;
  color: var(--svg-color);
  fill: currentColor;
  padding: 0;
  outline: none;
  border: none;
  background: transparent;
}

.o-icon .innerFill {
  fill: currentColor;
}

.o-icon__pointer {
  /* 按照UI规范，移除鼠标手型效果。 */
  /*cursor: pointer;*/
  cursor: default;
}

.o-icon__disabled {
  cursor: default;
}