.table-cell-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem;
  height: 100%;
}
.table-cell-wrapper.header-action {
  padding: 0;
}
.table-cell-wrapper > span,
.table-cell-wrapper time,
.table-cell-wrapper .bx--link,
.table-cell-wrapper .title,
.table-cell-wrapper .status {
  z-index: 1;
}
.table-cell-wrapper .bx--link {
  white-space: normal;
}
.table-cell-wrapper time.date {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.table-cell-wrapper time.date {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.table-cell-wrapper time.date {
  color: #1a1a1a;
}
.table-cell-wrapper time.time {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.table-cell-wrapper time.time {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.table-cell-wrapper .sls-icon {
  z-index: 1;
  flex: 0 0 auto;
}
.table-cell-wrapper.active {
  position: static;
  background-color: rgb(233.8, 239.4, 251.2);
}
.table-cell-wrapper.active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(233.8, 239.4, 251.2);
  z-index: -1;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.data-table-list > .selection-bar._active {
  border-radius: 10px 10px 0 0;
}
.data-table-list > .selection-bar._active + .v-table {
  border-radius: 0 0 10px 10px;
}
.data-table-list > .selection-bar._active + .v-table > .v-table__wrapper {
  border-radius: 0;
}
.data-table-list > .selection-bar._active + .v-table > .v-table__wrapper > table > thead > tr > th:first-child {
  border-radius: 0;
}
.data-table-list > .selection-bar._active + .v-table > .v-table__wrapper > table > thead > tr > th:last-child {
  border-radius: 0;
}
.data-table-list > .v-table {
  border-radius: 10px;
}
.data-table-list > .v-table > .v-table__wrapper {
  border-radius: 10px 10px 0 0;
}
.data-table-list.result-list-table-view-datatable {
  flex: 0 0 100%;
  max-width: 100%;
  padding-bottom: 8rem;
  margin-top: 1.5rem;
}
.data-table-list.result-list-table-view-datatable .v-data-table__wrapper .v-data-table__progress {
  display: none;
}
.data-table-list.result-list-table-view-datatable .v-data-table__wrapper > table > thead > tr > th {
  border-right: 1px solid #ced3d9;
}.sls-slider {
  display: flex;
  align-items: center;
  width: 100%;
  margin: auto;
}
.sls-slider .is-thumb-hidden .v-slider-thumb {
  display: none;
}
.sls-slider .v-slider-track__fill {
  display: none;
}/*!
* Vuetify v3.3.8
* Forged by John Leider
* Released under the MIT License.
*/
@keyframes v-shake {
  59% {
    margin-left: 0;
  }
  60%,
  80% {
    margin-left: 2px;
  }
  70%,
  90% {
    margin-left: -2px;
  }
}
.bg-black {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.bg-transparent {
  background-color: transparent !important;
  color: currentColor !important;
}

.bg-red {
  background-color: #f44336 !important;
  color: #ffffff !important;
}

.bg-red-lighten-5 {
  background-color: #ffebee !important;
  color: #000000 !important;
}

.bg-red-lighten-4 {
  background-color: #ffcdd2 !important;
  color: #000000 !important;
}

.bg-red-lighten-3 {
  background-color: #ef9a9a !important;
  color: #000000 !important;
}

.bg-red-lighten-2 {
  background-color: #e57373 !important;
  color: #ffffff !important;
}

.bg-red-lighten-1 {
  background-color: #ef5350 !important;
  color: #ffffff !important;
}

.bg-red-darken-1 {
  background-color: #e53935 !important;
  color: #ffffff !important;
}

.bg-red-darken-2 {
  background-color: #d32f2f !important;
  color: #ffffff !important;
}

.bg-red-darken-3 {
  background-color: #c62828 !important;
  color: #ffffff !important;
}

.bg-red-darken-4 {
  background-color: #b71c1c !important;
  color: #ffffff !important;
}

.bg-red-accent-1 {
  background-color: #ff8a80 !important;
  color: #000000 !important;
}

.bg-red-accent-2 {
  background-color: #ff5252 !important;
  color: #ffffff !important;
}

.bg-red-accent-3 {
  background-color: #ff1744 !important;
  color: #ffffff !important;
}

.bg-red-accent-4 {
  background-color: #d50000 !important;
  color: #ffffff !important;
}

.bg-pink {
  background-color: #e91e63 !important;
  color: #ffffff !important;
}

.bg-pink-lighten-5 {
  background-color: #fce4ec !important;
  color: #000000 !important;
}

.bg-pink-lighten-4 {
  background-color: #f8bbd0 !important;
  color: #000000 !important;
}

.bg-pink-lighten-3 {
  background-color: #f48fb1 !important;
  color: #000000 !important;
}

.bg-pink-lighten-2 {
  background-color: #f06292 !important;
  color: #ffffff !important;
}

.bg-pink-lighten-1 {
  background-color: #ec407a !important;
  color: #ffffff !important;
}

.bg-pink-darken-1 {
  background-color: #d81b60 !important;
  color: #ffffff !important;
}

.bg-pink-darken-2 {
  background-color: #c2185b !important;
  color: #ffffff !important;
}

.bg-pink-darken-3 {
  background-color: #ad1457 !important;
  color: #ffffff !important;
}

.bg-pink-darken-4 {
  background-color: #880e4f !important;
  color: #ffffff !important;
}

.bg-pink-accent-1 {
  background-color: #ff80ab !important;
  color: #ffffff !important;
}

.bg-pink-accent-2 {
  background-color: #ff4081 !important;
  color: #ffffff !important;
}

.bg-pink-accent-3 {
  background-color: #f50057 !important;
  color: #ffffff !important;
}

.bg-pink-accent-4 {
  background-color: #c51162 !important;
  color: #ffffff !important;
}

.bg-purple {
  background-color: #9c27b0 !important;
  color: #ffffff !important;
}

.bg-purple-lighten-5 {
  background-color: #f3e5f5 !important;
  color: #000000 !important;
}

.bg-purple-lighten-4 {
  background-color: #e1bee7 !important;
  color: #000000 !important;
}

.bg-purple-lighten-3 {
  background-color: #ce93d8 !important;
  color: #ffffff !important;
}

.bg-purple-lighten-2 {
  background-color: #ba68c8 !important;
  color: #ffffff !important;
}

.bg-purple-lighten-1 {
  background-color: #ab47bc !important;
  color: #ffffff !important;
}

.bg-purple-darken-1 {
  background-color: #8e24aa !important;
  color: #ffffff !important;
}

.bg-purple-darken-2 {
  background-color: #7b1fa2 !important;
  color: #ffffff !important;
}

.bg-purple-darken-3 {
  background-color: #6a1b9a !important;
  color: #ffffff !important;
}

.bg-purple-darken-4 {
  background-color: #4a148c !important;
  color: #ffffff !important;
}

.bg-purple-accent-1 {
  background-color: #ea80fc !important;
  color: #ffffff !important;
}

.bg-purple-accent-2 {
  background-color: #e040fb !important;
  color: #ffffff !important;
}

.bg-purple-accent-3 {
  background-color: #d500f9 !important;
  color: #ffffff !important;
}

.bg-purple-accent-4 {
  background-color: #aa00ff !important;
  color: #ffffff !important;
}

.bg-deep-purple {
  background-color: #673ab7 !important;
  color: #ffffff !important;
}

.bg-deep-purple-lighten-5 {
  background-color: #ede7f6 !important;
  color: #000000 !important;
}

.bg-deep-purple-lighten-4 {
  background-color: #d1c4e9 !important;
  color: #000000 !important;
}

.bg-deep-purple-lighten-3 {
  background-color: #b39ddb !important;
  color: #ffffff !important;
}

.bg-deep-purple-lighten-2 {
  background-color: #9575cd !important;
  color: #ffffff !important;
}

.bg-deep-purple-lighten-1 {
  background-color: #7e57c2 !important;
  color: #ffffff !important;
}

.bg-deep-purple-darken-1 {
  background-color: #5e35b1 !important;
  color: #ffffff !important;
}

.bg-deep-purple-darken-2 {
  background-color: #512da8 !important;
  color: #ffffff !important;
}

.bg-deep-purple-darken-3 {
  background-color: #4527a0 !important;
  color: #ffffff !important;
}

.bg-deep-purple-darken-4 {
  background-color: #311b92 !important;
  color: #ffffff !important;
}

.bg-deep-purple-accent-1 {
  background-color: #b388ff !important;
  color: #ffffff !important;
}

.bg-deep-purple-accent-2 {
  background-color: #7c4dff !important;
  color: #ffffff !important;
}

.bg-deep-purple-accent-3 {
  background-color: #651fff !important;
  color: #ffffff !important;
}

.bg-deep-purple-accent-4 {
  background-color: #6200ea !important;
  color: #ffffff !important;
}

.bg-indigo {
  background-color: #3f51b5 !important;
  color: #ffffff !important;
}

.bg-indigo-lighten-5 {
  background-color: #e8eaf6 !important;
  color: #000000 !important;
}

.bg-indigo-lighten-4 {
  background-color: #c5cae9 !important;
  color: #000000 !important;
}

.bg-indigo-lighten-3 {
  background-color: #9fa8da !important;
  color: #ffffff !important;
}

.bg-indigo-lighten-2 {
  background-color: #7986cb !important;
  color: #ffffff !important;
}

.bg-indigo-lighten-1 {
  background-color: #5c6bc0 !important;
  color: #ffffff !important;
}

.bg-indigo-darken-1 {
  background-color: #3949ab !important;
  color: #ffffff !important;
}

.bg-indigo-darken-2 {
  background-color: #303f9f !important;
  color: #ffffff !important;
}

.bg-indigo-darken-3 {
  background-color: #283593 !important;
  color: #ffffff !important;
}

.bg-indigo-darken-4 {
  background-color: #1a237e !important;
  color: #ffffff !important;
}

.bg-indigo-accent-1 {
  background-color: #8c9eff !important;
  color: #ffffff !important;
}

.bg-indigo-accent-2 {
  background-color: #536dfe !important;
  color: #ffffff !important;
}

.bg-indigo-accent-3 {
  background-color: #3d5afe !important;
  color: #ffffff !important;
}

.bg-indigo-accent-4 {
  background-color: #304ffe !important;
  color: #ffffff !important;
}

.bg-blue {
  background-color: #2196f3 !important;
  color: #ffffff !important;
}

.bg-blue-lighten-5 {
  background-color: #e3f2fd !important;
  color: #000000 !important;
}

.bg-blue-lighten-4 {
  background-color: #bbdefb !important;
  color: #000000 !important;
}

.bg-blue-lighten-3 {
  background-color: #90caf9 !important;
  color: #000000 !important;
}

.bg-blue-lighten-2 {
  background-color: #64b5f6 !important;
  color: #000000 !important;
}

.bg-blue-lighten-1 {
  background-color: #42a5f5 !important;
  color: #ffffff !important;
}

.bg-blue-darken-1 {
  background-color: #1e88e5 !important;
  color: #ffffff !important;
}

.bg-blue-darken-2 {
  background-color: #1976d2 !important;
  color: #ffffff !important;
}

.bg-blue-darken-3 {
  background-color: #1565c0 !important;
  color: #ffffff !important;
}

.bg-blue-darken-4 {
  background-color: #0d47a1 !important;
  color: #ffffff !important;
}

.bg-blue-accent-1 {
  background-color: #82b1ff !important;
  color: #000000 !important;
}

.bg-blue-accent-2 {
  background-color: #448aff !important;
  color: #ffffff !important;
}

.bg-blue-accent-3 {
  background-color: #2979ff !important;
  color: #ffffff !important;
}

.bg-blue-accent-4 {
  background-color: #2962ff !important;
  color: #ffffff !important;
}

.bg-light-blue {
  background-color: #03a9f4 !important;
  color: #ffffff !important;
}

.bg-light-blue-lighten-5 {
  background-color: #e1f5fe !important;
  color: #000000 !important;
}

.bg-light-blue-lighten-4 {
  background-color: #b3e5fc !important;
  color: #000000 !important;
}

.bg-light-blue-lighten-3 {
  background-color: #81d4fa !important;
  color: #000000 !important;
}

.bg-light-blue-lighten-2 {
  background-color: #4fc3f7 !important;
  color: #000000 !important;
}

.bg-light-blue-lighten-1 {
  background-color: #29b6f6 !important;
  color: #000000 !important;
}

.bg-light-blue-darken-1 {
  background-color: #039be5 !important;
  color: #ffffff !important;
}

.bg-light-blue-darken-2 {
  background-color: #0288d1 !important;
  color: #ffffff !important;
}

.bg-light-blue-darken-3 {
  background-color: #0277bd !important;
  color: #ffffff !important;
}

.bg-light-blue-darken-4 {
  background-color: #01579b !important;
  color: #ffffff !important;
}

.bg-light-blue-accent-1 {
  background-color: #80d8ff !important;
  color: #000000 !important;
}

.bg-light-blue-accent-2 {
  background-color: #40c4ff !important;
  color: #000000 !important;
}

.bg-light-blue-accent-3 {
  background-color: #00b0ff !important;
  color: #ffffff !important;
}

.bg-light-blue-accent-4 {
  background-color: #0091ea !important;
  color: #ffffff !important;
}

.bg-cyan {
  background-color: #00bcd4 !important;
  color: #000000 !important;
}

.bg-cyan-lighten-5 {
  background-color: #e0f7fa !important;
  color: #000000 !important;
}

.bg-cyan-lighten-4 {
  background-color: #b2ebf2 !important;
  color: #000000 !important;
}

.bg-cyan-lighten-3 {
  background-color: #80deea !important;
  color: #000000 !important;
}

.bg-cyan-lighten-2 {
  background-color: #4dd0e1 !important;
  color: #000000 !important;
}

.bg-cyan-lighten-1 {
  background-color: #26c6da !important;
  color: #000000 !important;
}

.bg-cyan-darken-1 {
  background-color: #00acc1 !important;
  color: #ffffff !important;
}

.bg-cyan-darken-2 {
  background-color: #0097a7 !important;
  color: #ffffff !important;
}

.bg-cyan-darken-3 {
  background-color: #00838f !important;
  color: #ffffff !important;
}

.bg-cyan-darken-4 {
  background-color: #006064 !important;
  color: #ffffff !important;
}

.bg-cyan-accent-1 {
  background-color: #84ffff !important;
  color: #000000 !important;
}

.bg-cyan-accent-2 {
  background-color: #18ffff !important;
  color: #000000 !important;
}

.bg-cyan-accent-3 {
  background-color: #00e5ff !important;
  color: #000000 !important;
}

.bg-cyan-accent-4 {
  background-color: #00b8d4 !important;
  color: #ffffff !important;
}

.bg-teal {
  background-color: #009688 !important;
  color: #ffffff !important;
}

.bg-teal-lighten-5 {
  background-color: #e0f2f1 !important;
  color: #000000 !important;
}

.bg-teal-lighten-4 {
  background-color: #b2dfdb !important;
  color: #000000 !important;
}

.bg-teal-lighten-3 {
  background-color: #80cbc4 !important;
  color: #000000 !important;
}

.bg-teal-lighten-2 {
  background-color: #4db6ac !important;
  color: #ffffff !important;
}

.bg-teal-lighten-1 {
  background-color: #26a69a !important;
  color: #ffffff !important;
}

.bg-teal-darken-1 {
  background-color: #00897b !important;
  color: #ffffff !important;
}

.bg-teal-darken-2 {
  background-color: #00796b !important;
  color: #ffffff !important;
}

.bg-teal-darken-3 {
  background-color: #00695c !important;
  color: #ffffff !important;
}

.bg-teal-darken-4 {
  background-color: #004d40 !important;
  color: #ffffff !important;
}

.bg-teal-accent-1 {
  background-color: #a7ffeb !important;
  color: #000000 !important;
}

.bg-teal-accent-2 {
  background-color: #64ffda !important;
  color: #000000 !important;
}

.bg-teal-accent-3 {
  background-color: #1de9b6 !important;
  color: #000000 !important;
}

.bg-teal-accent-4 {
  background-color: #00bfa5 !important;
  color: #ffffff !important;
}

.bg-green {
  background-color: #4caf50 !important;
  color: #ffffff !important;
}

.bg-green-lighten-5 {
  background-color: #e8f5e9 !important;
  color: #000000 !important;
}

.bg-green-lighten-4 {
  background-color: #c8e6c9 !important;
  color: #000000 !important;
}

.bg-green-lighten-3 {
  background-color: #a5d6a7 !important;
  color: #000000 !important;
}

.bg-green-lighten-2 {
  background-color: #81c784 !important;
  color: #000000 !important;
}

.bg-green-lighten-1 {
  background-color: #66bb6a !important;
  color: #ffffff !important;
}

.bg-green-darken-1 {
  background-color: #43a047 !important;
  color: #ffffff !important;
}

.bg-green-darken-2 {
  background-color: #388e3c !important;
  color: #ffffff !important;
}

.bg-green-darken-3 {
  background-color: #2e7d32 !important;
  color: #ffffff !important;
}

.bg-green-darken-4 {
  background-color: #1b5e20 !important;
  color: #ffffff !important;
}

.bg-green-accent-1 {
  background-color: #b9f6ca !important;
  color: #000000 !important;
}

.bg-green-accent-2 {
  background-color: #69f0ae !important;
  color: #000000 !important;
}

.bg-green-accent-3 {
  background-color: #00e676 !important;
  color: #000000 !important;
}

.bg-green-accent-4 {
  background-color: #00c853 !important;
  color: #000000 !important;
}

.bg-light-green {
  background-color: #8bc34a !important;
  color: #000000 !important;
}

.bg-light-green-lighten-5 {
  background-color: #f1f8e9 !important;
  color: #000000 !important;
}

.bg-light-green-lighten-4 {
  background-color: #dcedc8 !important;
  color: #000000 !important;
}

.bg-light-green-lighten-3 {
  background-color: #c5e1a5 !important;
  color: #000000 !important;
}

.bg-light-green-lighten-2 {
  background-color: #aed581 !important;
  color: #000000 !important;
}

.bg-light-green-lighten-1 {
  background-color: #9ccc65 !important;
  color: #000000 !important;
}

.bg-light-green-darken-1 {
  background-color: #7cb342 !important;
  color: #ffffff !important;
}

.bg-light-green-darken-2 {
  background-color: #689f38 !important;
  color: #ffffff !important;
}

.bg-light-green-darken-3 {
  background-color: #558b2f !important;
  color: #ffffff !important;
}

.bg-light-green-darken-4 {
  background-color: #33691e !important;
  color: #ffffff !important;
}

.bg-light-green-accent-1 {
  background-color: #ccff90 !important;
  color: #000000 !important;
}

.bg-light-green-accent-2 {
  background-color: #b2ff59 !important;
  color: #000000 !important;
}

.bg-light-green-accent-3 {
  background-color: #76ff03 !important;
  color: #000000 !important;
}

.bg-light-green-accent-4 {
  background-color: #64dd17 !important;
  color: #000000 !important;
}

.bg-lime {
  background-color: #cddc39 !important;
  color: #000000 !important;
}

.bg-lime-lighten-5 {
  background-color: #f9fbe7 !important;
  color: #000000 !important;
}

.bg-lime-lighten-4 {
  background-color: #f0f4c3 !important;
  color: #000000 !important;
}

.bg-lime-lighten-3 {
  background-color: #e6ee9c !important;
  color: #000000 !important;
}

.bg-lime-lighten-2 {
  background-color: #dce775 !important;
  color: #000000 !important;
}

.bg-lime-lighten-1 {
  background-color: #d4e157 !important;
  color: #000000 !important;
}

.bg-lime-darken-1 {
  background-color: #c0ca33 !important;
  color: #000000 !important;
}

.bg-lime-darken-2 {
  background-color: #afb42b !important;
  color: #000000 !important;
}

.bg-lime-darken-3 {
  background-color: #9e9d24 !important;
  color: #ffffff !important;
}

.bg-lime-darken-4 {
  background-color: #827717 !important;
  color: #ffffff !important;
}

.bg-lime-accent-1 {
  background-color: #f4ff81 !important;
  color: #000000 !important;
}

.bg-lime-accent-2 {
  background-color: #eeff41 !important;
  color: #000000 !important;
}

.bg-lime-accent-3 {
  background-color: #c6ff00 !important;
  color: #000000 !important;
}

.bg-lime-accent-4 {
  background-color: #aeea00 !important;
  color: #000000 !important;
}

.bg-yellow {
  background-color: #ffeb3b !important;
  color: #000000 !important;
}

.bg-yellow-lighten-5 {
  background-color: #fffde7 !important;
  color: #000000 !important;
}

.bg-yellow-lighten-4 {
  background-color: #fff9c4 !important;
  color: #000000 !important;
}

.bg-yellow-lighten-3 {
  background-color: #fff59d !important;
  color: #000000 !important;
}

.bg-yellow-lighten-2 {
  background-color: #fff176 !important;
  color: #000000 !important;
}

.bg-yellow-lighten-1 {
  background-color: #ffee58 !important;
  color: #000000 !important;
}

.bg-yellow-darken-1 {
  background-color: #fdd835 !important;
  color: #000000 !important;
}

.bg-yellow-darken-2 {
  background-color: #fbc02d !important;
  color: #000000 !important;
}

.bg-yellow-darken-3 {
  background-color: #f9a825 !important;
  color: #000000 !important;
}

.bg-yellow-darken-4 {
  background-color: #f57f17 !important;
  color: #ffffff !important;
}

.bg-yellow-accent-1 {
  background-color: #ffff8d !important;
  color: #000000 !important;
}

.bg-yellow-accent-2 {
  background-color: #ffff00 !important;
  color: #000000 !important;
}

.bg-yellow-accent-3 {
  background-color: #ffea00 !important;
  color: #000000 !important;
}

.bg-yellow-accent-4 {
  background-color: #ffd600 !important;
  color: #000000 !important;
}

.bg-amber {
  background-color: #ffc107 !important;
  color: #000000 !important;
}

.bg-amber-lighten-5 {
  background-color: #fff8e1 !important;
  color: #000000 !important;
}

.bg-amber-lighten-4 {
  background-color: #ffecb3 !important;
  color: #000000 !important;
}

.bg-amber-lighten-3 {
  background-color: #ffe082 !important;
  color: #000000 !important;
}

.bg-amber-lighten-2 {
  background-color: #ffd54f !important;
  color: #000000 !important;
}

.bg-amber-lighten-1 {
  background-color: #ffca28 !important;
  color: #000000 !important;
}

.bg-amber-darken-1 {
  background-color: #ffb300 !important;
  color: #000000 !important;
}

.bg-amber-darken-2 {
  background-color: #ffa000 !important;
  color: #000000 !important;
}

.bg-amber-darken-3 {
  background-color: #ff8f00 !important;
  color: #000000 !important;
}

.bg-amber-darken-4 {
  background-color: #ff6f00 !important;
  color: #ffffff !important;
}

.bg-amber-accent-1 {
  background-color: #ffe57f !important;
  color: #000000 !important;
}

.bg-amber-accent-2 {
  background-color: #ffd740 !important;
  color: #000000 !important;
}

.bg-amber-accent-3 {
  background-color: #ffc400 !important;
  color: #000000 !important;
}

.bg-amber-accent-4 {
  background-color: #ffab00 !important;
  color: #000000 !important;
}

.bg-orange {
  background-color: #ff9800 !important;
  color: #000000 !important;
}

.bg-orange-lighten-5 {
  background-color: #fff3e0 !important;
  color: #000000 !important;
}

.bg-orange-lighten-4 {
  background-color: #ffe0b2 !important;
  color: #000000 !important;
}

.bg-orange-lighten-3 {
  background-color: #ffcc80 !important;
  color: #000000 !important;
}

.bg-orange-lighten-2 {
  background-color: #ffb74d !important;
  color: #000000 !important;
}

.bg-orange-lighten-1 {
  background-color: #ffa726 !important;
  color: #000000 !important;
}

.bg-orange-darken-1 {
  background-color: #fb8c00 !important;
  color: #ffffff !important;
}

.bg-orange-darken-2 {
  background-color: #f57c00 !important;
  color: #ffffff !important;
}

.bg-orange-darken-3 {
  background-color: #ef6c00 !important;
  color: #ffffff !important;
}

.bg-orange-darken-4 {
  background-color: #e65100 !important;
  color: #ffffff !important;
}

.bg-orange-accent-1 {
  background-color: #ffd180 !important;
  color: #000000 !important;
}

.bg-orange-accent-2 {
  background-color: #ffab40 !important;
  color: #000000 !important;
}

.bg-orange-accent-3 {
  background-color: #ff9100 !important;
  color: #000000 !important;
}

.bg-orange-accent-4 {
  background-color: #ff6d00 !important;
  color: #ffffff !important;
}

.bg-deep-orange {
  background-color: #ff5722 !important;
  color: #ffffff !important;
}

.bg-deep-orange-lighten-5 {
  background-color: #fbe9e7 !important;
  color: #000000 !important;
}

.bg-deep-orange-lighten-4 {
  background-color: #ffccbc !important;
  color: #000000 !important;
}

.bg-deep-orange-lighten-3 {
  background-color: #ffab91 !important;
  color: #000000 !important;
}

.bg-deep-orange-lighten-2 {
  background-color: #ff8a65 !important;
  color: #000000 !important;
}

.bg-deep-orange-lighten-1 {
  background-color: #ff7043 !important;
  color: #ffffff !important;
}

.bg-deep-orange-darken-1 {
  background-color: #f4511e !important;
  color: #ffffff !important;
}

.bg-deep-orange-darken-2 {
  background-color: #e64a19 !important;
  color: #ffffff !important;
}

.bg-deep-orange-darken-3 {
  background-color: #d84315 !important;
  color: #ffffff !important;
}

.bg-deep-orange-darken-4 {
  background-color: #bf360c !important;
  color: #ffffff !important;
}

.bg-deep-orange-accent-1 {
  background-color: #ff9e80 !important;
  color: #000000 !important;
}

.bg-deep-orange-accent-2 {
  background-color: #ff6e40 !important;
  color: #ffffff !important;
}

.bg-deep-orange-accent-3 {
  background-color: #ff3d00 !important;
  color: #ffffff !important;
}

.bg-deep-orange-accent-4 {
  background-color: #dd2c00 !important;
  color: #ffffff !important;
}

.bg-brown {
  background-color: #795548 !important;
  color: #ffffff !important;
}

.bg-brown-lighten-5 {
  background-color: #efebe9 !important;
  color: #000000 !important;
}

.bg-brown-lighten-4 {
  background-color: #d7ccc8 !important;
  color: #000000 !important;
}

.bg-brown-lighten-3 {
  background-color: #bcaaa4 !important;
  color: #000000 !important;
}

.bg-brown-lighten-2 {
  background-color: #a1887f !important;
  color: #ffffff !important;
}

.bg-brown-lighten-1 {
  background-color: #8d6e63 !important;
  color: #ffffff !important;
}

.bg-brown-darken-1 {
  background-color: #6d4c41 !important;
  color: #ffffff !important;
}

.bg-brown-darken-2 {
  background-color: #5d4037 !important;
  color: #ffffff !important;
}

.bg-brown-darken-3 {
  background-color: #4e342e !important;
  color: #ffffff !important;
}

.bg-brown-darken-4 {
  background-color: #3e2723 !important;
  color: #ffffff !important;
}

.bg-blue-grey {
  background-color: #607d8b !important;
  color: #ffffff !important;
}

.bg-blue-grey-lighten-5 {
  background-color: #eceff1 !important;
  color: #000000 !important;
}

.bg-blue-grey-lighten-4 {
  background-color: #cfd8dc !important;
  color: #000000 !important;
}

.bg-blue-grey-lighten-3 {
  background-color: #b0bec5 !important;
  color: #000000 !important;
}

.bg-blue-grey-lighten-2 {
  background-color: #90a4ae !important;
  color: #ffffff !important;
}

.bg-blue-grey-lighten-1 {
  background-color: #78909c !important;
  color: #ffffff !important;
}

.bg-blue-grey-darken-1 {
  background-color: #546e7a !important;
  color: #ffffff !important;
}

.bg-blue-grey-darken-2 {
  background-color: #455a64 !important;
  color: #ffffff !important;
}

.bg-blue-grey-darken-3 {
  background-color: #37474f !important;
  color: #ffffff !important;
}

.bg-blue-grey-darken-4 {
  background-color: #263238 !important;
  color: #ffffff !important;
}

.bg-grey {
  background-color: #9e9e9e !important;
  color: #ffffff !important;
}

.bg-grey-lighten-5 {
  background-color: #fafafa !important;
  color: #000000 !important;
}

.bg-grey-lighten-4 {
  background-color: #f5f5f5 !important;
  color: #000000 !important;
}

.bg-grey-lighten-3 {
  background-color: #eeeeee !important;
  color: #000000 !important;
}

.bg-grey-lighten-2 {
  background-color: #e0e0e0 !important;
  color: #000000 !important;
}

.bg-grey-lighten-1 {
  background-color: #bdbdbd !important;
  color: #000000 !important;
}

.bg-grey-darken-1 {
  background-color: #757575 !important;
  color: #ffffff !important;
}

.bg-grey-darken-2 {
  background-color: #616161 !important;
  color: #ffffff !important;
}

.bg-grey-darken-3 {
  background-color: #424242 !important;
  color: #ffffff !important;
}

.bg-grey-darken-4 {
  background-color: #212121 !important;
  color: #ffffff !important;
}

.bg-shades-black {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.bg-shades-white {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.bg-shades-transparent {
  background-color: transparent !important;
  color: currentColor !important;
}

.text-black {
  color: #000000 !important;
}

.text-white {
  color: #ffffff !important;
}

.text-transparent {
  color: transparent !important;
}

.text-red {
  color: #f44336 !important;
}

.text-red-lighten-5 {
  color: #ffebee !important;
}

.text-red-lighten-4 {
  color: #ffcdd2 !important;
}

.text-red-lighten-3 {
  color: #ef9a9a !important;
}

.text-red-lighten-2 {
  color: #e57373 !important;
}

.text-red-lighten-1 {
  color: #ef5350 !important;
}

.text-red-darken-1 {
  color: #e53935 !important;
}

.text-red-darken-2 {
  color: #d32f2f !important;
}

.text-red-darken-3 {
  color: #c62828 !important;
}

.text-red-darken-4 {
  color: #b71c1c !important;
}

.text-red-accent-1 {
  color: #ff8a80 !important;
}

.text-red-accent-2 {
  color: #ff5252 !important;
}

.text-red-accent-3 {
  color: #ff1744 !important;
}

.text-red-accent-4 {
  color: #d50000 !important;
}

.text-pink {
  color: #e91e63 !important;
}

.text-pink-lighten-5 {
  color: #fce4ec !important;
}

.text-pink-lighten-4 {
  color: #f8bbd0 !important;
}

.text-pink-lighten-3 {
  color: #f48fb1 !important;
}

.text-pink-lighten-2 {
  color: #f06292 !important;
}

.text-pink-lighten-1 {
  color: #ec407a !important;
}

.text-pink-darken-1 {
  color: #d81b60 !important;
}

.text-pink-darken-2 {
  color: #c2185b !important;
}

.text-pink-darken-3 {
  color: #ad1457 !important;
}

.text-pink-darken-4 {
  color: #880e4f !important;
}

.text-pink-accent-1 {
  color: #ff80ab !important;
}

.text-pink-accent-2 {
  color: #ff4081 !important;
}

.text-pink-accent-3 {
  color: #f50057 !important;
}

.text-pink-accent-4 {
  color: #c51162 !important;
}

.text-purple {
  color: #9c27b0 !important;
}

.text-purple-lighten-5 {
  color: #f3e5f5 !important;
}

.text-purple-lighten-4 {
  color: #e1bee7 !important;
}

.text-purple-lighten-3 {
  color: #ce93d8 !important;
}

.text-purple-lighten-2 {
  color: #ba68c8 !important;
}

.text-purple-lighten-1 {
  color: #ab47bc !important;
}

.text-purple-darken-1 {
  color: #8e24aa !important;
}

.text-purple-darken-2 {
  color: #7b1fa2 !important;
}

.text-purple-darken-3 {
  color: #6a1b9a !important;
}

.text-purple-darken-4 {
  color: #4a148c !important;
}

.text-purple-accent-1 {
  color: #ea80fc !important;
}

.text-purple-accent-2 {
  color: #e040fb !important;
}

.text-purple-accent-3 {
  color: #d500f9 !important;
}

.text-purple-accent-4 {
  color: #aa00ff !important;
}

.text-deep-purple {
  color: #673ab7 !important;
}

.text-deep-purple-lighten-5 {
  color: #ede7f6 !important;
}

.text-deep-purple-lighten-4 {
  color: #d1c4e9 !important;
}

.text-deep-purple-lighten-3 {
  color: #b39ddb !important;
}

.text-deep-purple-lighten-2 {
  color: #9575cd !important;
}

.text-deep-purple-lighten-1 {
  color: #7e57c2 !important;
}

.text-deep-purple-darken-1 {
  color: #5e35b1 !important;
}

.text-deep-purple-darken-2 {
  color: #512da8 !important;
}

.text-deep-purple-darken-3 {
  color: #4527a0 !important;
}

.text-deep-purple-darken-4 {
  color: #311b92 !important;
}

.text-deep-purple-accent-1 {
  color: #b388ff !important;
}

.text-deep-purple-accent-2 {
  color: #7c4dff !important;
}

.text-deep-purple-accent-3 {
  color: #651fff !important;
}

.text-deep-purple-accent-4 {
  color: #6200ea !important;
}

.text-indigo {
  color: #3f51b5 !important;
}

.text-indigo-lighten-5 {
  color: #e8eaf6 !important;
}

.text-indigo-lighten-4 {
  color: #c5cae9 !important;
}

.text-indigo-lighten-3 {
  color: #9fa8da !important;
}

.text-indigo-lighten-2 {
  color: #7986cb !important;
}

.text-indigo-lighten-1 {
  color: #5c6bc0 !important;
}

.text-indigo-darken-1 {
  color: #3949ab !important;
}

.text-indigo-darken-2 {
  color: #303f9f !important;
}

.text-indigo-darken-3 {
  color: #283593 !important;
}

.text-indigo-darken-4 {
  color: #1a237e !important;
}

.text-indigo-accent-1 {
  color: #8c9eff !important;
}

.text-indigo-accent-2 {
  color: #536dfe !important;
}

.text-indigo-accent-3 {
  color: #3d5afe !important;
}

.text-indigo-accent-4 {
  color: #304ffe !important;
}

.text-blue {
  color: #2196f3 !important;
}

.text-blue-lighten-5 {
  color: #e3f2fd !important;
}

.text-blue-lighten-4 {
  color: #bbdefb !important;
}

.text-blue-lighten-3 {
  color: #90caf9 !important;
}

.text-blue-lighten-2 {
  color: #64b5f6 !important;
}

.text-blue-lighten-1 {
  color: #42a5f5 !important;
}

.text-blue-darken-1 {
  color: #1e88e5 !important;
}

.text-blue-darken-2 {
  color: #1976d2 !important;
}

.text-blue-darken-3 {
  color: #1565c0 !important;
}

.text-blue-darken-4 {
  color: #0d47a1 !important;
}

.text-blue-accent-1 {
  color: #82b1ff !important;
}

.text-blue-accent-2 {
  color: #448aff !important;
}

.text-blue-accent-3 {
  color: #2979ff !important;
}

.text-blue-accent-4 {
  color: #2962ff !important;
}

.text-light-blue {
  color: #03a9f4 !important;
}

.text-light-blue-lighten-5 {
  color: #e1f5fe !important;
}

.text-light-blue-lighten-4 {
  color: #b3e5fc !important;
}

.text-light-blue-lighten-3 {
  color: #81d4fa !important;
}

.text-light-blue-lighten-2 {
  color: #4fc3f7 !important;
}

.text-light-blue-lighten-1 {
  color: #29b6f6 !important;
}

.text-light-blue-darken-1 {
  color: #039be5 !important;
}

.text-light-blue-darken-2 {
  color: #0288d1 !important;
}

.text-light-blue-darken-3 {
  color: #0277bd !important;
}

.text-light-blue-darken-4 {
  color: #01579b !important;
}

.text-light-blue-accent-1 {
  color: #80d8ff !important;
}

.text-light-blue-accent-2 {
  color: #40c4ff !important;
}

.text-light-blue-accent-3 {
  color: #00b0ff !important;
}

.text-light-blue-accent-4 {
  color: #0091ea !important;
}

.text-cyan {
  color: #00bcd4 !important;
}

.text-cyan-lighten-5 {
  color: #e0f7fa !important;
}

.text-cyan-lighten-4 {
  color: #b2ebf2 !important;
}

.text-cyan-lighten-3 {
  color: #80deea !important;
}

.text-cyan-lighten-2 {
  color: #4dd0e1 !important;
}

.text-cyan-lighten-1 {
  color: #26c6da !important;
}

.text-cyan-darken-1 {
  color: #00acc1 !important;
}

.text-cyan-darken-2 {
  color: #0097a7 !important;
}

.text-cyan-darken-3 {
  color: #00838f !important;
}

.text-cyan-darken-4 {
  color: #006064 !important;
}

.text-cyan-accent-1 {
  color: #84ffff !important;
}

.text-cyan-accent-2 {
  color: #18ffff !important;
}

.text-cyan-accent-3 {
  color: #00e5ff !important;
}

.text-cyan-accent-4 {
  color: #00b8d4 !important;
}

.text-teal {
  color: #009688 !important;
}

.text-teal-lighten-5 {
  color: #e0f2f1 !important;
}

.text-teal-lighten-4 {
  color: #b2dfdb !important;
}

.text-teal-lighten-3 {
  color: #80cbc4 !important;
}

.text-teal-lighten-2 {
  color: #4db6ac !important;
}

.text-teal-lighten-1 {
  color: #26a69a !important;
}

.text-teal-darken-1 {
  color: #00897b !important;
}

.text-teal-darken-2 {
  color: #00796b !important;
}

.text-teal-darken-3 {
  color: #00695c !important;
}

.text-teal-darken-4 {
  color: #004d40 !important;
}

.text-teal-accent-1 {
  color: #a7ffeb !important;
}

.text-teal-accent-2 {
  color: #64ffda !important;
}

.text-teal-accent-3 {
  color: #1de9b6 !important;
}

.text-teal-accent-4 {
  color: #00bfa5 !important;
}

.text-green {
  color: #4caf50 !important;
}

.text-green-lighten-5 {
  color: #e8f5e9 !important;
}

.text-green-lighten-4 {
  color: #c8e6c9 !important;
}

.text-green-lighten-3 {
  color: #a5d6a7 !important;
}

.text-green-lighten-2 {
  color: #81c784 !important;
}

.text-green-lighten-1 {
  color: #66bb6a !important;
}

.text-green-darken-1 {
  color: #43a047 !important;
}

.text-green-darken-2 {
  color: #388e3c !important;
}

.text-green-darken-3 {
  color: #2e7d32 !important;
}

.text-green-darken-4 {
  color: #1b5e20 !important;
}

.text-green-accent-1 {
  color: #b9f6ca !important;
}

.text-green-accent-2 {
  color: #69f0ae !important;
}

.text-green-accent-3 {
  color: #00e676 !important;
}

.text-green-accent-4 {
  color: #00c853 !important;
}

.text-light-green {
  color: #8bc34a !important;
}

.text-light-green-lighten-5 {
  color: #f1f8e9 !important;
}

.text-light-green-lighten-4 {
  color: #dcedc8 !important;
}

.text-light-green-lighten-3 {
  color: #c5e1a5 !important;
}

.text-light-green-lighten-2 {
  color: #aed581 !important;
}

.text-light-green-lighten-1 {
  color: #9ccc65 !important;
}

.text-light-green-darken-1 {
  color: #7cb342 !important;
}

.text-light-green-darken-2 {
  color: #689f38 !important;
}

.text-light-green-darken-3 {
  color: #558b2f !important;
}

.text-light-green-darken-4 {
  color: #33691e !important;
}

.text-light-green-accent-1 {
  color: #ccff90 !important;
}

.text-light-green-accent-2 {
  color: #b2ff59 !important;
}

.text-light-green-accent-3 {
  color: #76ff03 !important;
}

.text-light-green-accent-4 {
  color: #64dd17 !important;
}

.text-lime {
  color: #cddc39 !important;
}

.text-lime-lighten-5 {
  color: #f9fbe7 !important;
}

.text-lime-lighten-4 {
  color: #f0f4c3 !important;
}

.text-lime-lighten-3 {
  color: #e6ee9c !important;
}

.text-lime-lighten-2 {
  color: #dce775 !important;
}

.text-lime-lighten-1 {
  color: #d4e157 !important;
}

.text-lime-darken-1 {
  color: #c0ca33 !important;
}

.text-lime-darken-2 {
  color: #afb42b !important;
}

.text-lime-darken-3 {
  color: #9e9d24 !important;
}

.text-lime-darken-4 {
  color: #827717 !important;
}

.text-lime-accent-1 {
  color: #f4ff81 !important;
}

.text-lime-accent-2 {
  color: #eeff41 !important;
}

.text-lime-accent-3 {
  color: #c6ff00 !important;
}

.text-lime-accent-4 {
  color: #aeea00 !important;
}

.text-yellow {
  color: #ffeb3b !important;
}

.text-yellow-lighten-5 {
  color: #fffde7 !important;
}

.text-yellow-lighten-4 {
  color: #fff9c4 !important;
}

.text-yellow-lighten-3 {
  color: #fff59d !important;
}

.text-yellow-lighten-2 {
  color: #fff176 !important;
}

.text-yellow-lighten-1 {
  color: #ffee58 !important;
}

.text-yellow-darken-1 {
  color: #fdd835 !important;
}

.text-yellow-darken-2 {
  color: #fbc02d !important;
}

.text-yellow-darken-3 {
  color: #f9a825 !important;
}

.text-yellow-darken-4 {
  color: #f57f17 !important;
}

.text-yellow-accent-1 {
  color: #ffff8d !important;
}

.text-yellow-accent-2 {
  color: #ffff00 !important;
}

.text-yellow-accent-3 {
  color: #ffea00 !important;
}

.text-yellow-accent-4 {
  color: #ffd600 !important;
}

.text-amber {
  color: #ffc107 !important;
}

.text-amber-lighten-5 {
  color: #fff8e1 !important;
}

.text-amber-lighten-4 {
  color: #ffecb3 !important;
}

.text-amber-lighten-3 {
  color: #ffe082 !important;
}

.text-amber-lighten-2 {
  color: #ffd54f !important;
}

.text-amber-lighten-1 {
  color: #ffca28 !important;
}

.text-amber-darken-1 {
  color: #ffb300 !important;
}

.text-amber-darken-2 {
  color: #ffa000 !important;
}

.text-amber-darken-3 {
  color: #ff8f00 !important;
}

.text-amber-darken-4 {
  color: #ff6f00 !important;
}

.text-amber-accent-1 {
  color: #ffe57f !important;
}

.text-amber-accent-2 {
  color: #ffd740 !important;
}

.text-amber-accent-3 {
  color: #ffc400 !important;
}

.text-amber-accent-4 {
  color: #ffab00 !important;
}

.text-orange {
  color: #ff9800 !important;
}

.text-orange-lighten-5 {
  color: #fff3e0 !important;
}

.text-orange-lighten-4 {
  color: #ffe0b2 !important;
}

.text-orange-lighten-3 {
  color: #ffcc80 !important;
}

.text-orange-lighten-2 {
  color: #ffb74d !important;
}

.text-orange-lighten-1 {
  color: #ffa726 !important;
}

.text-orange-darken-1 {
  color: #fb8c00 !important;
}

.text-orange-darken-2 {
  color: #f57c00 !important;
}

.text-orange-darken-3 {
  color: #ef6c00 !important;
}

.text-orange-darken-4 {
  color: #e65100 !important;
}

.text-orange-accent-1 {
  color: #ffd180 !important;
}

.text-orange-accent-2 {
  color: #ffab40 !important;
}

.text-orange-accent-3 {
  color: #ff9100 !important;
}

.text-orange-accent-4 {
  color: #ff6d00 !important;
}

.text-deep-orange {
  color: #ff5722 !important;
}

.text-deep-orange-lighten-5 {
  color: #fbe9e7 !important;
}

.text-deep-orange-lighten-4 {
  color: #ffccbc !important;
}

.text-deep-orange-lighten-3 {
  color: #ffab91 !important;
}

.text-deep-orange-lighten-2 {
  color: #ff8a65 !important;
}

.text-deep-orange-lighten-1 {
  color: #ff7043 !important;
}

.text-deep-orange-darken-1 {
  color: #f4511e !important;
}

.text-deep-orange-darken-2 {
  color: #e64a19 !important;
}

.text-deep-orange-darken-3 {
  color: #d84315 !important;
}

.text-deep-orange-darken-4 {
  color: #bf360c !important;
}

.text-deep-orange-accent-1 {
  color: #ff9e80 !important;
}

.text-deep-orange-accent-2 {
  color: #ff6e40 !important;
}

.text-deep-orange-accent-3 {
  color: #ff3d00 !important;
}

.text-deep-orange-accent-4 {
  color: #dd2c00 !important;
}

.text-brown {
  color: #795548 !important;
}

.text-brown-lighten-5 {
  color: #efebe9 !important;
}

.text-brown-lighten-4 {
  color: #d7ccc8 !important;
}

.text-brown-lighten-3 {
  color: #bcaaa4 !important;
}

.text-brown-lighten-2 {
  color: #a1887f !important;
}

.text-brown-lighten-1 {
  color: #8d6e63 !important;
}

.text-brown-darken-1 {
  color: #6d4c41 !important;
}

.text-brown-darken-2 {
  color: #5d4037 !important;
}

.text-brown-darken-3 {
  color: #4e342e !important;
}

.text-brown-darken-4 {
  color: #3e2723 !important;
}

.text-blue-grey {
  color: #607d8b !important;
}

.text-blue-grey-lighten-5 {
  color: #eceff1 !important;
}

.text-blue-grey-lighten-4 {
  color: #cfd8dc !important;
}

.text-blue-grey-lighten-3 {
  color: #b0bec5 !important;
}

.text-blue-grey-lighten-2 {
  color: #90a4ae !important;
}

.text-blue-grey-lighten-1 {
  color: #78909c !important;
}

.text-blue-grey-darken-1 {
  color: #546e7a !important;
}

.text-blue-grey-darken-2 {
  color: #455a64 !important;
}

.text-blue-grey-darken-3 {
  color: #37474f !important;
}

.text-blue-grey-darken-4 {
  color: #263238 !important;
}

.text-grey {
  color: #9e9e9e !important;
}

.text-grey-lighten-5 {
  color: #fafafa !important;
}

.text-grey-lighten-4 {
  color: #f5f5f5 !important;
}

.text-grey-lighten-3 {
  color: #eeeeee !important;
}

.text-grey-lighten-2 {
  color: #e0e0e0 !important;
}

.text-grey-lighten-1 {
  color: #bdbdbd !important;
}

.text-grey-darken-1 {
  color: #757575 !important;
}

.text-grey-darken-2 {
  color: #616161 !important;
}

.text-grey-darken-3 {
  color: #424242 !important;
}

.text-grey-darken-4 {
  color: #212121 !important;
}

.text-shades-black {
  color: #000000 !important;
}

.text-shades-white {
  color: #ffffff !important;
}

.text-shades-transparent {
  color: transparent !important;
}

/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled="true"] {
  cursor: default;
}

.dialog-transition-enter-active,
.dialog-bottom-transition-enter-active,
.dialog-top-transition-enter-active {
  transition-duration: 225ms !important;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.dialog-transition-leave-active,
.dialog-bottom-transition-leave-active,
.dialog-top-transition-leave-active {
  transition-duration: 125ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.dialog-transition-enter-active,
.dialog-transition-leave-active,
.dialog-bottom-transition-enter-active,
.dialog-bottom-transition-leave-active,
.dialog-top-transition-enter-active,
.dialog-top-transition-leave-active {
  transition-property: transform, opacity !important;
  pointer-events: none;
}

.dialog-transition-enter-from,
.dialog-transition-leave-to {
  transform: scale(0.9);
  opacity: 0;
}
.dialog-transition-enter-to,
.dialog-transition-leave-from {
  opacity: 1;
}

.dialog-bottom-transition-enter-from,
.dialog-bottom-transition-leave-to {
  transform: translateY(calc(50vh + 50%));
}

.dialog-top-transition-enter-from,
.dialog-top-transition-leave-to {
  transform: translateY(calc(-50vh - 50%));
}

.picker-transition-enter-active,
.picker-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-leave-active,
.picker-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-move,
.picker-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-enter-from,
.picker-transition-leave-to,
.picker-reverse-transition-enter-from,
.picker-reverse-transition-leave-to {
  opacity: 0;
}
.picker-transition-leave-from,
.picker-transition-leave-active,
.picker-transition-leave-to,
.picker-reverse-transition-leave-from,
.picker-reverse-transition-leave-active,
.picker-reverse-transition-leave-to {
  position: absolute !important;
}
.picker-transition-enter-active,
.picker-transition-leave-active,
.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.picker-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-enter-from {
  transform: translate(0, 100%);
}
.picker-transition-leave-to {
  transform: translate(0, -100%);
}

.picker-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-reverse-transition-enter-from {
  transform: translate(0, -100%);
}
.picker-reverse-transition-leave-to {
  transform: translate(0, 100%);
}

.expand-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-transition-enter-active,
.expand-transition-leave-active {
  transition-property: height !important;
}

.expand-x-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-x-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-x-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-x-transition-enter-active,
.expand-x-transition-leave-active {
  transition-property: width !important;
}

.scale-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-transition-leave-to {
  opacity: 0;
}
.scale-transition-leave-active {
  transition-duration: 100ms !important;
}
.scale-transition-enter-from {
  opacity: 0;
  transform: scale(0);
}
.scale-transition-enter-active,
.scale-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scale-rotate-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-transition-leave-to {
  opacity: 0;
}
.scale-rotate-transition-leave-active {
  transition-duration: 100ms !important;
}
.scale-rotate-transition-enter-from {
  opacity: 0;
  transform: scale(0) rotate(-45deg);
}
.scale-rotate-transition-enter-active,
.scale-rotate-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scale-rotate-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-reverse-transition-leave-to {
  opacity: 0;
}
.scale-rotate-reverse-transition-leave-active {
  transition-duration: 100ms !important;
}
.scale-rotate-reverse-transition-enter-from {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.scale-rotate-reverse-transition-enter-active,
.scale-rotate-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.message-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.message-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.message-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.message-transition-enter-from,
.message-transition-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}
.message-transition-leave-from,
.message-transition-leave-active {
  position: absolute;
}
.message-transition-enter-active,
.message-transition-leave-active {
  transition-property: transform, opacity !important;
}

.slide-y-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-transition-enter-from,
.slide-y-transition-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}
.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
  transition-property: transform, opacity !important;
}

.slide-y-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-reverse-transition-enter-from,
.slide-y-reverse-transition-leave-to {
  opacity: 0;
  transform: translateY(15px);
}
.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scroll-y-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-transition-enter-from,
.scroll-y-transition-leave-to {
  opacity: 0;
}
.scroll-y-transition-enter-from {
  transform: translateY(-15px);
}
.scroll-y-transition-leave-to {
  transform: translateY(15px);
}
.scroll-y-transition-enter-active,
.scroll-y-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scroll-y-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-reverse-transition-enter-from,
.scroll-y-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-y-reverse-transition-enter-from {
  transform: translateY(15px);
}
.scroll-y-reverse-transition-leave-to {
  transform: translateY(-15px);
}
.scroll-y-reverse-transition-enter-active,
.scroll-y-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scroll-x-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-transition-enter-from,
.scroll-x-transition-leave-to {
  opacity: 0;
}
.scroll-x-transition-enter-from {
  transform: translateX(-15px);
}
.scroll-x-transition-leave-to {
  transform: translateX(15px);
}
.scroll-x-transition-enter-active,
.scroll-x-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scroll-x-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-reverse-transition-enter-from,
.scroll-x-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-x-reverse-transition-enter-from {
  transform: translateX(15px);
}
.scroll-x-reverse-transition-leave-to {
  transform: translateX(-15px);
}
.scroll-x-reverse-transition-enter-active,
.scroll-x-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.slide-x-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-transition-enter-from,
.slide-x-transition-leave-to {
  opacity: 0;
  transform: translateX(-15px);
}
.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
  transition-property: transform, opacity !important;
}

.slide-x-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-reverse-transition-enter-from,
.slide-x-reverse-transition-leave-to {
  opacity: 0;
  transform: translateX(15px);
}
.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.fade-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fade-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fade-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fade-transition-enter-from,
.fade-transition-leave-to {
  opacity: 0 !important;
}
.fade-transition-enter-active,
.fade-transition-leave-active {
  transition-property: opacity !important;
}

.fab-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fab-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fab-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fab-transition-enter-from,
.fab-transition-leave-to {
  transform: scale(0) rotate(-45deg);
}
.fab-transition-enter-active,
.fab-transition-leave-active {
  transition-property: transform !important;
}

.v-locale--is-rtl {
  direction: rtl;
}
.v-locale--is-ltr {
  direction: ltr;
}

.blockquote {
  padding: 16px 0 16px 24px;
  font-size: 18px;
  font-weight: 300;
}

html {
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html.overflow-y-hidden {
  overflow-y: hidden !important;
}

:root {
  --v-theme-overlay-multiplier: 1;
  --v-scrollbar-offset: 0px;
}

@supports (-webkit-touch-callout: none) {
  body {
    cursor: pointer;
  }
}
@media only print {
  .hidden-print-only {
    display: none !important;
  }
}

@media only screen {
  .hidden-screen-only {
    display: none !important;
  }
}

@media (max-width: 599.98px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 600px) and (max-width: 959.98px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 960px) and (max-width: 1279.98px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1919.98px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1920px) and (max-width: 2559.98px) {
  .hidden-xl {
    display: none !important;
  }
}

@media (min-width: 2560px) {
  .hidden-xxl {
    display: none !important;
  }
}

@media (min-width: 600px) {
  .hidden-sm-and-up {
    display: none !important;
  }
}

@media (min-width: 960px) {
  .hidden-md-and-up {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .hidden-lg-and-up {
    display: none !important;
  }
}

@media (min-width: 1920px) {
  .hidden-xl-and-up {
    display: none !important;
  }
}

@media (max-width: 959.98px) {
  .hidden-sm-and-down {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .hidden-md-and-down {
    display: none !important;
  }
}

@media (max-width: 1919.98px) {
  .hidden-lg-and-down {
    display: none !important;
  }
}

@media (max-width: 2559.98px) {
  .hidden-xl-and-down {
    display: none !important;
  }
}

.elevation-24 {
  box-shadow:
    0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-23 {
  box-shadow:
    0px 11px 14px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 23px 36px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 9px 44px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-22 {
  box-shadow:
    0px 10px 14px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 22px 35px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 8px 42px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-21 {
  box-shadow:
    0px 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 21px 33px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 8px 40px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-20 {
  box-shadow:
    0px 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 20px 31px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 8px 38px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-19 {
  box-shadow:
    0px 9px 12px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 19px 29px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 7px 36px 6px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-18 {
  box-shadow:
    0px 9px 11px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 18px 28px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 7px 34px 6px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-17 {
  box-shadow:
    0px 8px 11px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 17px 26px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 6px 32px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-16 {
  box-shadow:
    0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 6px 30px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-15 {
  box-shadow:
    0px 8px 9px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 15px 22px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 6px 28px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-14 {
  box-shadow:
    0px 7px 9px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 14px 21px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 5px 26px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-13 {
  box-shadow:
    0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 13px 19px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 5px 24px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-12 {
  box-shadow:
    0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-11 {
  box-shadow:
    0px 6px 7px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 11px 15px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 4px 20px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-10 {
  box-shadow:
    0px 6px 6px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 10px 14px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 4px 18px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-9 {
  box-shadow:
    0px 5px 6px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 9px 12px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 3px 16px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-8 {
  box-shadow:
    0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-7 {
  box-shadow:
    0px 4px 5px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 7px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 2px 16px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-6 {
  box-shadow:
    0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-5 {
  box-shadow:
    0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 5px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 14px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-4 {
  box-shadow:
    0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-3 {
  box-shadow:
    0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-2 {
  box-shadow:
    0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-1 {
  box-shadow:
    0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-0 {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.d-sr-only,
.d-sr-only-focusable:not(:focus) {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.float-none {
  float: none !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.v-locale--is-rtl .float-end {
  float: left !important;
}

.v-locale--is-rtl .float-start {
  float: right !important;
}

.v-locale--is-ltr .float-end {
  float: right !important;
}

.v-locale--is-ltr .float-start {
  float: left !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-1-1 {
  flex: 1 1 auto !important;
}

.flex-1-0 {
  flex: 1 0 auto !important;
}

.flex-0-1 {
  flex: 0 1 auto !important;
}

.flex-0-0 {
  flex: 0 0 auto !important;
}

.flex-1-1-100 {
  flex: 1 1 100% !important;
}

.flex-1-0-100 {
  flex: 1 0 100% !important;
}

.flex-0-1-100 {
  flex: 0 1 100% !important;
}

.flex-0-0-100 {
  flex: 0 0 100% !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-space-between {
  justify-content: space-between !important;
}

.justify-space-around {
  justify-content: space-around !important;
}

.justify-space-evenly {
  justify-content: space-evenly !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-end {
  align-items: flex-end !important;
}

.align-center {
  align-items: center !important;
}

.align-baseline {
  align-items: baseline !important;
}

.align-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-space-between {
  align-content: space-between !important;
}

.align-content-space-around {
  align-content: space-around !important;
}

.align-content-space-evenly {
  align-content: space-evenly !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

.order-last {
  order: 13 !important;
}

.ma-0 {
  margin: 0px !important;
}

.ma-1 {
  margin: 4px !important;
}

.ma-2 {
  margin: 8px !important;
}

.ma-3 {
  margin: 12px !important;
}

.ma-4 {
  margin: 16px !important;
}

.ma-5 {
  margin: 20px !important;
}

.ma-6 {
  margin: 24px !important;
}

.ma-7 {
  margin: 28px !important;
}

.ma-8 {
  margin: 32px !important;
}

.ma-9 {
  margin: 36px !important;
}

.ma-10 {
  margin: 40px !important;
}

.ma-11 {
  margin: 44px !important;
}

.ma-12 {
  margin: 48px !important;
}

.ma-13 {
  margin: 52px !important;
}

.ma-14 {
  margin: 56px !important;
}

.ma-15 {
  margin: 60px !important;
}

.ma-16 {
  margin: 64px !important;
}

.ma-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.mx-2 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.mx-3 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mx-4 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.mx-5 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.mx-6 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.mx-7 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.mx-8 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.mx-9 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.mx-10 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.mx-11 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.mx-12 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.mx-13 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.mx-14 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.mx-15 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.mx-16 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-7 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.my-8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.my-9 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.my-10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-11 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.my-12 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.my-13 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.my-14 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.my-15 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.my-16 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mt-6 {
  margin-top: 24px !important;
}

.mt-7 {
  margin-top: 28px !important;
}

.mt-8 {
  margin-top: 32px !important;
}

.mt-9 {
  margin-top: 36px !important;
}

.mt-10 {
  margin-top: 40px !important;
}

.mt-11 {
  margin-top: 44px !important;
}

.mt-12 {
  margin-top: 48px !important;
}

.mt-13 {
  margin-top: 52px !important;
}

.mt-14 {
  margin-top: 56px !important;
}

.mt-15 {
  margin-top: 60px !important;
}

.mt-16 {
  margin-top: 64px !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 12px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.mr-5 {
  margin-right: 20px !important;
}

.mr-6 {
  margin-right: 24px !important;
}

.mr-7 {
  margin-right: 28px !important;
}

.mr-8 {
  margin-right: 32px !important;
}

.mr-9 {
  margin-right: 36px !important;
}

.mr-10 {
  margin-right: 40px !important;
}

.mr-11 {
  margin-right: 44px !important;
}

.mr-12 {
  margin-right: 48px !important;
}

.mr-13 {
  margin-right: 52px !important;
}

.mr-14 {
  margin-right: 56px !important;
}

.mr-15 {
  margin-right: 60px !important;
}

.mr-16 {
  margin-right: 64px !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.mb-5 {
  margin-bottom: 20px !important;
}

.mb-6 {
  margin-bottom: 24px !important;
}

.mb-7 {
  margin-bottom: 28px !important;
}

.mb-8 {
  margin-bottom: 32px !important;
}

.mb-9 {
  margin-bottom: 36px !important;
}

.mb-10 {
  margin-bottom: 40px !important;
}

.mb-11 {
  margin-bottom: 44px !important;
}

.mb-12 {
  margin-bottom: 48px !important;
}

.mb-13 {
  margin-bottom: 52px !important;
}

.mb-14 {
  margin-bottom: 56px !important;
}

.mb-15 {
  margin-bottom: 60px !important;
}

.mb-16 {
  margin-bottom: 64px !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.ml-3 {
  margin-left: 12px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.ml-5 {
  margin-left: 20px !important;
}

.ml-6 {
  margin-left: 24px !important;
}

.ml-7 {
  margin-left: 28px !important;
}

.ml-8 {
  margin-left: 32px !important;
}

.ml-9 {
  margin-left: 36px !important;
}

.ml-10 {
  margin-left: 40px !important;
}

.ml-11 {
  margin-left: 44px !important;
}

.ml-12 {
  margin-left: 48px !important;
}

.ml-13 {
  margin-left: 52px !important;
}

.ml-14 {
  margin-left: 56px !important;
}

.ml-15 {
  margin-left: 60px !important;
}

.ml-16 {
  margin-left: 64px !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ms-0 {
  margin-inline-start: 0px !important;
}

.ms-1 {
  margin-inline-start: 4px !important;
}

.ms-2 {
  margin-inline-start: 8px !important;
}

.ms-3 {
  margin-inline-start: 12px !important;
}

.ms-4 {
  margin-inline-start: 16px !important;
}

.ms-5 {
  margin-inline-start: 20px !important;
}

.ms-6 {
  margin-inline-start: 24px !important;
}

.ms-7 {
  margin-inline-start: 28px !important;
}

.ms-8 {
  margin-inline-start: 32px !important;
}

.ms-9 {
  margin-inline-start: 36px !important;
}

.ms-10 {
  margin-inline-start: 40px !important;
}

.ms-11 {
  margin-inline-start: 44px !important;
}

.ms-12 {
  margin-inline-start: 48px !important;
}

.ms-13 {
  margin-inline-start: 52px !important;
}

.ms-14 {
  margin-inline-start: 56px !important;
}

.ms-15 {
  margin-inline-start: 60px !important;
}

.ms-16 {
  margin-inline-start: 64px !important;
}

.ms-auto {
  margin-inline-start: auto !important;
}

.me-0 {
  margin-inline-end: 0px !important;
}

.me-1 {
  margin-inline-end: 4px !important;
}

.me-2 {
  margin-inline-end: 8px !important;
}

.me-3 {
  margin-inline-end: 12px !important;
}

.me-4 {
  margin-inline-end: 16px !important;
}

.me-5 {
  margin-inline-end: 20px !important;
}

.me-6 {
  margin-inline-end: 24px !important;
}

.me-7 {
  margin-inline-end: 28px !important;
}

.me-8 {
  margin-inline-end: 32px !important;
}

.me-9 {
  margin-inline-end: 36px !important;
}

.me-10 {
  margin-inline-end: 40px !important;
}

.me-11 {
  margin-inline-end: 44px !important;
}

.me-12 {
  margin-inline-end: 48px !important;
}

.me-13 {
  margin-inline-end: 52px !important;
}

.me-14 {
  margin-inline-end: 56px !important;
}

.me-15 {
  margin-inline-end: 60px !important;
}

.me-16 {
  margin-inline-end: 64px !important;
}

.me-auto {
  margin-inline-end: auto !important;
}

.ma-n1 {
  margin: -4px !important;
}

.ma-n2 {
  margin: -8px !important;
}

.ma-n3 {
  margin: -12px !important;
}

.ma-n4 {
  margin: -16px !important;
}

.ma-n5 {
  margin: -20px !important;
}

.ma-n6 {
  margin: -24px !important;
}

.ma-n7 {
  margin: -28px !important;
}

.ma-n8 {
  margin: -32px !important;
}

.ma-n9 {
  margin: -36px !important;
}

.ma-n10 {
  margin: -40px !important;
}

.ma-n11 {
  margin: -44px !important;
}

.ma-n12 {
  margin: -48px !important;
}

.ma-n13 {
  margin: -52px !important;
}

.ma-n14 {
  margin: -56px !important;
}

.ma-n15 {
  margin: -60px !important;
}

.ma-n16 {
  margin: -64px !important;
}

.mx-n1 {
  margin-right: -4px !important;
  margin-left: -4px !important;
}

.mx-n2 {
  margin-right: -8px !important;
  margin-left: -8px !important;
}

.mx-n3 {
  margin-right: -12px !important;
  margin-left: -12px !important;
}

.mx-n4 {
  margin-right: -16px !important;
  margin-left: -16px !important;
}

.mx-n5 {
  margin-right: -20px !important;
  margin-left: -20px !important;
}

.mx-n6 {
  margin-right: -24px !important;
  margin-left: -24px !important;
}

.mx-n7 {
  margin-right: -28px !important;
  margin-left: -28px !important;
}

.mx-n8 {
  margin-right: -32px !important;
  margin-left: -32px !important;
}

.mx-n9 {
  margin-right: -36px !important;
  margin-left: -36px !important;
}

.mx-n10 {
  margin-right: -40px !important;
  margin-left: -40px !important;
}

.mx-n11 {
  margin-right: -44px !important;
  margin-left: -44px !important;
}

.mx-n12 {
  margin-right: -48px !important;
  margin-left: -48px !important;
}

.mx-n13 {
  margin-right: -52px !important;
  margin-left: -52px !important;
}

.mx-n14 {
  margin-right: -56px !important;
  margin-left: -56px !important;
}

.mx-n15 {
  margin-right: -60px !important;
  margin-left: -60px !important;
}

.mx-n16 {
  margin-right: -64px !important;
  margin-left: -64px !important;
}

.my-n1 {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

.my-n2 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

.my-n3 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

.my-n4 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}

.my-n5 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.my-n6 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}

.my-n7 {
  margin-top: -28px !important;
  margin-bottom: -28px !important;
}

.my-n8 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}

.my-n9 {
  margin-top: -36px !important;
  margin-bottom: -36px !important;
}

.my-n10 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.my-n11 {
  margin-top: -44px !important;
  margin-bottom: -44px !important;
}

.my-n12 {
  margin-top: -48px !important;
  margin-bottom: -48px !important;
}

.my-n13 {
  margin-top: -52px !important;
  margin-bottom: -52px !important;
}

.my-n14 {
  margin-top: -56px !important;
  margin-bottom: -56px !important;
}

.my-n15 {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}

.my-n16 {
  margin-top: -64px !important;
  margin-bottom: -64px !important;
}

.mt-n1 {
  margin-top: -4px !important;
}

.mt-n2 {
  margin-top: -8px !important;
}

.mt-n3 {
  margin-top: -12px !important;
}

.mt-n4 {
  margin-top: -16px !important;
}

.mt-n5 {
  margin-top: -20px !important;
}

.mt-n6 {
  margin-top: -24px !important;
}

.mt-n7 {
  margin-top: -28px !important;
}

.mt-n8 {
  margin-top: -32px !important;
}

.mt-n9 {
  margin-top: -36px !important;
}

.mt-n10 {
  margin-top: -40px !important;
}

.mt-n11 {
  margin-top: -44px !important;
}

.mt-n12 {
  margin-top: -48px !important;
}

.mt-n13 {
  margin-top: -52px !important;
}

.mt-n14 {
  margin-top: -56px !important;
}

.mt-n15 {
  margin-top: -60px !important;
}

.mt-n16 {
  margin-top: -64px !important;
}

.mr-n1 {
  margin-right: -4px !important;
}

.mr-n2 {
  margin-right: -8px !important;
}

.mr-n3 {
  margin-right: -12px !important;
}

.mr-n4 {
  margin-right: -16px !important;
}

.mr-n5 {
  margin-right: -20px !important;
}

.mr-n6 {
  margin-right: -24px !important;
}

.mr-n7 {
  margin-right: -28px !important;
}

.mr-n8 {
  margin-right: -32px !important;
}

.mr-n9 {
  margin-right: -36px !important;
}

.mr-n10 {
  margin-right: -40px !important;
}

.mr-n11 {
  margin-right: -44px !important;
}

.mr-n12 {
  margin-right: -48px !important;
}

.mr-n13 {
  margin-right: -52px !important;
}

.mr-n14 {
  margin-right: -56px !important;
}

.mr-n15 {
  margin-right: -60px !important;
}

.mr-n16 {
  margin-right: -64px !important;
}

.mb-n1 {
  margin-bottom: -4px !important;
}

.mb-n2 {
  margin-bottom: -8px !important;
}

.mb-n3 {
  margin-bottom: -12px !important;
}

.mb-n4 {
  margin-bottom: -16px !important;
}

.mb-n5 {
  margin-bottom: -20px !important;
}

.mb-n6 {
  margin-bottom: -24px !important;
}

.mb-n7 {
  margin-bottom: -28px !important;
}

.mb-n8 {
  margin-bottom: -32px !important;
}

.mb-n9 {
  margin-bottom: -36px !important;
}

.mb-n10 {
  margin-bottom: -40px !important;
}

.mb-n11 {
  margin-bottom: -44px !important;
}

.mb-n12 {
  margin-bottom: -48px !important;
}

.mb-n13 {
  margin-bottom: -52px !important;
}

.mb-n14 {
  margin-bottom: -56px !important;
}

.mb-n15 {
  margin-bottom: -60px !important;
}

.mb-n16 {
  margin-bottom: -64px !important;
}

.ml-n1 {
  margin-left: -4px !important;
}

.ml-n2 {
  margin-left: -8px !important;
}

.ml-n3 {
  margin-left: -12px !important;
}

.ml-n4 {
  margin-left: -16px !important;
}

.ml-n5 {
  margin-left: -20px !important;
}

.ml-n6 {
  margin-left: -24px !important;
}

.ml-n7 {
  margin-left: -28px !important;
}

.ml-n8 {
  margin-left: -32px !important;
}

.ml-n9 {
  margin-left: -36px !important;
}

.ml-n10 {
  margin-left: -40px !important;
}

.ml-n11 {
  margin-left: -44px !important;
}

.ml-n12 {
  margin-left: -48px !important;
}

.ml-n13 {
  margin-left: -52px !important;
}

.ml-n14 {
  margin-left: -56px !important;
}

.ml-n15 {
  margin-left: -60px !important;
}

.ml-n16 {
  margin-left: -64px !important;
}

.ms-n1 {
  margin-inline-start: -4px !important;
}

.ms-n2 {
  margin-inline-start: -8px !important;
}

.ms-n3 {
  margin-inline-start: -12px !important;
}

.ms-n4 {
  margin-inline-start: -16px !important;
}

.ms-n5 {
  margin-inline-start: -20px !important;
}

.ms-n6 {
  margin-inline-start: -24px !important;
}

.ms-n7 {
  margin-inline-start: -28px !important;
}

.ms-n8 {
  margin-inline-start: -32px !important;
}

.ms-n9 {
  margin-inline-start: -36px !important;
}

.ms-n10 {
  margin-inline-start: -40px !important;
}

.ms-n11 {
  margin-inline-start: -44px !important;
}

.ms-n12 {
  margin-inline-start: -48px !important;
}

.ms-n13 {
  margin-inline-start: -52px !important;
}

.ms-n14 {
  margin-inline-start: -56px !important;
}

.ms-n15 {
  margin-inline-start: -60px !important;
}

.ms-n16 {
  margin-inline-start: -64px !important;
}

.me-n1 {
  margin-inline-end: -4px !important;
}

.me-n2 {
  margin-inline-end: -8px !important;
}

.me-n3 {
  margin-inline-end: -12px !important;
}

.me-n4 {
  margin-inline-end: -16px !important;
}

.me-n5 {
  margin-inline-end: -20px !important;
}

.me-n6 {
  margin-inline-end: -24px !important;
}

.me-n7 {
  margin-inline-end: -28px !important;
}

.me-n8 {
  margin-inline-end: -32px !important;
}

.me-n9 {
  margin-inline-end: -36px !important;
}

.me-n10 {
  margin-inline-end: -40px !important;
}

.me-n11 {
  margin-inline-end: -44px !important;
}

.me-n12 {
  margin-inline-end: -48px !important;
}

.me-n13 {
  margin-inline-end: -52px !important;
}

.me-n14 {
  margin-inline-end: -56px !important;
}

.me-n15 {
  margin-inline-end: -60px !important;
}

.me-n16 {
  margin-inline-end: -64px !important;
}

.pa-0 {
  padding: 0px !important;
}

.pa-1 {
  padding: 4px !important;
}

.pa-2 {
  padding: 8px !important;
}

.pa-3 {
  padding: 12px !important;
}

.pa-4 {
  padding: 16px !important;
}

.pa-5 {
  padding: 20px !important;
}

.pa-6 {
  padding: 24px !important;
}

.pa-7 {
  padding: 28px !important;
}

.pa-8 {
  padding: 32px !important;
}

.pa-9 {
  padding: 36px !important;
}

.pa-10 {
  padding: 40px !important;
}

.pa-11 {
  padding: 44px !important;
}

.pa-12 {
  padding: 48px !important;
}

.pa-13 {
  padding: 52px !important;
}

.pa-14 {
  padding: 56px !important;
}

.pa-15 {
  padding: 60px !important;
}

.pa-16 {
  padding: 64px !important;
}

.px-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.px-1 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.px-2 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.px-3 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.px-4 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.px-5 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.px-6 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.px-7 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.px-8 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.px-9 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.px-10 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.px-11 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.px-12 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.px-13 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.px-14 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.px-15 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.px-16 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.py-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.py-9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-11 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.py-12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.py-13 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.py-14 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.py-15 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pt-6 {
  padding-top: 24px !important;
}

.pt-7 {
  padding-top: 28px !important;
}

.pt-8 {
  padding-top: 32px !important;
}

.pt-9 {
  padding-top: 36px !important;
}

.pt-10 {
  padding-top: 40px !important;
}

.pt-11 {
  padding-top: 44px !important;
}

.pt-12 {
  padding-top: 48px !important;
}

.pt-13 {
  padding-top: 52px !important;
}

.pt-14 {
  padding-top: 56px !important;
}

.pt-15 {
  padding-top: 60px !important;
}

.pt-16 {
  padding-top: 64px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pr-3 {
  padding-right: 12px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pr-5 {
  padding-right: 20px !important;
}

.pr-6 {
  padding-right: 24px !important;
}

.pr-7 {
  padding-right: 28px !important;
}

.pr-8 {
  padding-right: 32px !important;
}

.pr-9 {
  padding-right: 36px !important;
}

.pr-10 {
  padding-right: 40px !important;
}

.pr-11 {
  padding-right: 44px !important;
}

.pr-12 {
  padding-right: 48px !important;
}

.pr-13 {
  padding-right: 52px !important;
}

.pr-14 {
  padding-right: 56px !important;
}

.pr-15 {
  padding-right: 60px !important;
}

.pr-16 {
  padding-right: 64px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pb-7 {
  padding-bottom: 28px !important;
}

.pb-8 {
  padding-bottom: 32px !important;
}

.pb-9 {
  padding-bottom: 36px !important;
}

.pb-10 {
  padding-bottom: 40px !important;
}

.pb-11 {
  padding-bottom: 44px !important;
}

.pb-12 {
  padding-bottom: 48px !important;
}

.pb-13 {
  padding-bottom: 52px !important;
}

.pb-14 {
  padding-bottom: 56px !important;
}

.pb-15 {
  padding-bottom: 60px !important;
}

.pb-16 {
  padding-bottom: 64px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

.pl-7 {
  padding-left: 28px !important;
}

.pl-8 {
  padding-left: 32px !important;
}

.pl-9 {
  padding-left: 36px !important;
}

.pl-10 {
  padding-left: 40px !important;
}

.pl-11 {
  padding-left: 44px !important;
}

.pl-12 {
  padding-left: 48px !important;
}

.pl-13 {
  padding-left: 52px !important;
}

.pl-14 {
  padding-left: 56px !important;
}

.pl-15 {
  padding-left: 60px !important;
}

.pl-16 {
  padding-left: 64px !important;
}

.ps-0 {
  padding-inline-start: 0px !important;
}

.ps-1 {
  padding-inline-start: 4px !important;
}

.ps-2 {
  padding-inline-start: 8px !important;
}

.ps-3 {
  padding-inline-start: 12px !important;
}

.ps-4 {
  padding-inline-start: 16px !important;
}

.ps-5 {
  padding-inline-start: 20px !important;
}

.ps-6 {
  padding-inline-start: 24px !important;
}

.ps-7 {
  padding-inline-start: 28px !important;
}

.ps-8 {
  padding-inline-start: 32px !important;
}

.ps-9 {
  padding-inline-start: 36px !important;
}

.ps-10 {
  padding-inline-start: 40px !important;
}

.ps-11 {
  padding-inline-start: 44px !important;
}

.ps-12 {
  padding-inline-start: 48px !important;
}

.ps-13 {
  padding-inline-start: 52px !important;
}

.ps-14 {
  padding-inline-start: 56px !important;
}

.ps-15 {
  padding-inline-start: 60px !important;
}

.ps-16 {
  padding-inline-start: 64px !important;
}

.pe-0 {
  padding-inline-end: 0px !important;
}

.pe-1 {
  padding-inline-end: 4px !important;
}

.pe-2 {
  padding-inline-end: 8px !important;
}

.pe-3 {
  padding-inline-end: 12px !important;
}

.pe-4 {
  padding-inline-end: 16px !important;
}

.pe-5 {
  padding-inline-end: 20px !important;
}

.pe-6 {
  padding-inline-end: 24px !important;
}

.pe-7 {
  padding-inline-end: 28px !important;
}

.pe-8 {
  padding-inline-end: 32px !important;
}

.pe-9 {
  padding-inline-end: 36px !important;
}

.pe-10 {
  padding-inline-end: 40px !important;
}

.pe-11 {
  padding-inline-end: 44px !important;
}

.pe-12 {
  padding-inline-end: 48px !important;
}

.pe-13 {
  padding-inline-end: 52px !important;
}

.pe-14 {
  padding-inline-end: 56px !important;
}

.pe-15 {
  padding-inline-end: 60px !important;
}

.pe-16 {
  padding-inline-end: 64px !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-sm {
  border-radius: 2px !important;
}

.rounded {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 24px !important;
}

.rounded-pill {
  border-radius: 9999px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-shaped {
  border-radius: 24px 0 !important;
}

.rounded-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-t-sm {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.rounded-t {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.rounded-t-lg {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.rounded-t-xl {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
}

.rounded-t-pill {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.rounded-t-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-t-shaped {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-e-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-e-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-e-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.v-locale--is-rtl .rounded-e-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.v-locale--is-ltr .rounded-e {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.v-locale--is-rtl .rounded-e {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.v-locale--is-ltr .rounded-e-lg {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.v-locale--is-rtl .rounded-e-lg {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.v-locale--is-ltr .rounded-e-xl {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.v-locale--is-rtl .rounded-e-xl {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
}

.v-locale--is-ltr .rounded-e-pill {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-e-pill {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-e-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-e-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-e-shaped {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-e-shaped {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-b-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-b-sm {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.rounded-b {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.rounded-b-lg {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.rounded-b-xl {
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.rounded-b-pill {
  border-bottom-left-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.rounded-b-circle {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-b-shaped {
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-s-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-s-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-s-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.v-locale--is-rtl .rounded-s-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.v-locale--is-ltr .rounded-s {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.v-locale--is-rtl .rounded-s {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.v-locale--is-ltr .rounded-s-lg {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.v-locale--is-rtl .rounded-s-lg {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.v-locale--is-ltr .rounded-s-xl {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
}

.v-locale--is-rtl .rounded-s-xl {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.v-locale--is-ltr .rounded-s-pill {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-s-pill {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-s-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-s-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-s-shaped {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-s-shaped {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-ts-0 {
  border-top-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-ts-0 {
  border-top-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-ts-sm {
  border-top-left-radius: 2px !important;
}

.v-locale--is-rtl .rounded-ts-sm {
  border-top-right-radius: 2px !important;
}

.v-locale--is-ltr .rounded-ts {
  border-top-left-radius: 4px !important;
}

.v-locale--is-rtl .rounded-ts {
  border-top-right-radius: 4px !important;
}

.v-locale--is-ltr .rounded-ts-lg {
  border-top-left-radius: 8px !important;
}

.v-locale--is-rtl .rounded-ts-lg {
  border-top-right-radius: 8px !important;
}

.v-locale--is-ltr .rounded-ts-xl {
  border-top-left-radius: 24px !important;
}

.v-locale--is-rtl .rounded-ts-xl {
  border-top-right-radius: 24px !important;
}

.v-locale--is-ltr .rounded-ts-pill {
  border-top-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-ts-pill {
  border-top-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-ts-circle {
  border-top-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-ts-circle {
  border-top-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-ts-shaped {
  border-top-left-radius: 24px 0 !important;
}

.v-locale--is-rtl .rounded-ts-shaped {
  border-top-right-radius: 24px 0 !important;
}

.v-locale--is-ltr .rounded-te-0 {
  border-top-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-te-0 {
  border-top-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-te-sm {
  border-top-right-radius: 2px !important;
}

.v-locale--is-rtl .rounded-te-sm {
  border-top-left-radius: 2px !important;
}

.v-locale--is-ltr .rounded-te {
  border-top-right-radius: 4px !important;
}

.v-locale--is-rtl .rounded-te {
  border-top-left-radius: 4px !important;
}

.v-locale--is-ltr .rounded-te-lg {
  border-top-right-radius: 8px !important;
}

.v-locale--is-rtl .rounded-te-lg {
  border-top-left-radius: 8px !important;
}

.v-locale--is-ltr .rounded-te-xl {
  border-top-right-radius: 24px !important;
}

.v-locale--is-rtl .rounded-te-xl {
  border-top-left-radius: 24px !important;
}

.v-locale--is-ltr .rounded-te-pill {
  border-top-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-te-pill {
  border-top-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-te-circle {
  border-top-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-te-circle {
  border-top-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-te-shaped {
  border-top-right-radius: 24px 0 !important;
}

.v-locale--is-rtl .rounded-te-shaped {
  border-top-left-radius: 24px 0 !important;
}

.v-locale--is-ltr .rounded-be-0 {
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-be-0 {
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-be-sm {
  border-bottom-right-radius: 2px !important;
}

.v-locale--is-rtl .rounded-be-sm {
  border-bottom-left-radius: 2px !important;
}

.v-locale--is-ltr .rounded-be {
  border-bottom-right-radius: 4px !important;
}

.v-locale--is-rtl .rounded-be {
  border-bottom-left-radius: 4px !important;
}

.v-locale--is-ltr .rounded-be-lg {
  border-bottom-right-radius: 8px !important;
}

.v-locale--is-rtl .rounded-be-lg {
  border-bottom-left-radius: 8px !important;
}

.v-locale--is-ltr .rounded-be-xl {
  border-bottom-right-radius: 24px !important;
}

.v-locale--is-rtl .rounded-be-xl {
  border-bottom-left-radius: 24px !important;
}

.v-locale--is-ltr .rounded-be-pill {
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-be-pill {
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-be-circle {
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-be-circle {
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-be-shaped {
  border-bottom-right-radius: 24px 0 !important;
}

.v-locale--is-rtl .rounded-be-shaped {
  border-bottom-left-radius: 24px 0 !important;
}

.v-locale--is-ltr .rounded-bs-0 {
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-bs-0 {
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-bs-sm {
  border-bottom-left-radius: 2px !important;
}

.v-locale--is-rtl .rounded-bs-sm {
  border-bottom-right-radius: 2px !important;
}

.v-locale--is-ltr .rounded-bs {
  border-bottom-left-radius: 4px !important;
}

.v-locale--is-rtl .rounded-bs {
  border-bottom-right-radius: 4px !important;
}

.v-locale--is-ltr .rounded-bs-lg {
  border-bottom-left-radius: 8px !important;
}

.v-locale--is-rtl .rounded-bs-lg {
  border-bottom-right-radius: 8px !important;
}

.v-locale--is-ltr .rounded-bs-xl {
  border-bottom-left-radius: 24px !important;
}

.v-locale--is-rtl .rounded-bs-xl {
  border-bottom-right-radius: 24px !important;
}

.v-locale--is-ltr .rounded-bs-pill {
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-bs-pill {
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-bs-circle {
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-bs-circle {
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-bs-shaped {
  border-bottom-left-radius: 24px 0 !important;
}

.v-locale--is-rtl .rounded-bs-shaped {
  border-bottom-right-radius: 24px 0 !important;
}

.border-0 {
  border-width: 0 !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border {
  border-width: thin !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-sm {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-md {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-lg {
  border-width: 4px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-xl {
  border-width: 8px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-opacity-0 {
  --v-border-opacity: 0 !important;
}

.border-opacity {
  --v-border-opacity: 0.12 !important;
}

.border-opacity-25 {
  --v-border-opacity: 0.25 !important;
}

.border-opacity-50 {
  --v-border-opacity: 0.5 !important;
}

.border-opacity-75 {
  --v-border-opacity: 0.75 !important;
}

.border-opacity-100 {
  --v-border-opacity: 1 !important;
}

.border-t-0 {
  border-block-start-width: 0 !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t {
  border-block-start-width: thin !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-sm {
  border-block-start-width: 1px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-md {
  border-block-start-width: 2px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-lg {
  border-block-start-width: 4px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-xl {
  border-block-start-width: 8px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-0 {
  border-inline-end-width: 0 !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e {
  border-inline-end-width: thin !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-sm {
  border-inline-end-width: 1px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-md {
  border-inline-end-width: 2px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-lg {
  border-inline-end-width: 4px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-xl {
  border-inline-end-width: 8px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-0 {
  border-block-end-width: 0 !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b {
  border-block-end-width: thin !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-sm {
  border-block-end-width: 1px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-md {
  border-block-end-width: 2px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-lg {
  border-block-end-width: 4px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-xl {
  border-block-end-width: 8px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-0 {
  border-inline-start-width: 0 !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s {
  border-inline-start-width: thin !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-sm {
  border-inline-start-width: 1px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-md {
  border-inline-start-width: 2px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-lg {
  border-inline-start-width: 4px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-xl {
  border-inline-start-width: 8px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-double {
  border-style: double !important;
}

.border-none {
  border-style: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-overline {
  text-decoration: overline !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-no-wrap {
  white-space: nowrap !important;
}

.text-pre {
  white-space: pre !important;
}

.text-pre-line {
  white-space: pre-line !important;
}

.text-pre-wrap {
  white-space: pre-wrap !important;
}

.text-break {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.text-high-emphasis {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)) !important;
}

.text-medium-emphasis {
  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)) !important;
}

.text-disabled {
  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)) !important;
}

.text-truncate {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.text-h1 {
  font-size: 6rem !important;
  font-weight: 300;
  line-height: 6rem;
  letter-spacing: -0.015625em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-h2 {
  font-size: 3.75rem !important;
  font-weight: 300;
  line-height: 3.75rem;
  letter-spacing: -0.0083333333em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-h3 {
  font-size: 3rem !important;
  font-weight: 400;
  line-height: 3.125rem;
  letter-spacing: normal !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-h4 {
  font-size: 2.125rem !important;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0.0073529412em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-h5 {
  font-size: 1.5rem !important;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: normal !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-h6 {
  font-size: 1.25rem !important;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-subtitle-1 {
  font-size: 1rem !important;
  font-weight: normal;
  line-height: 1.75rem;
  letter-spacing: 0.009375em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-subtitle-2 {
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-body-1 {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.03125em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-body-2 {
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.0178571429em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-button {
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 2.25rem;
  letter-spacing: 0.0892857143em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: uppercase !important;
}

.text-caption {
  font-size: 0.75rem !important;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.0333333333em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: none !important;
}

.text-overline {
  font-size: 0.75rem !important;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.1666666667em !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: uppercase !important;
}

.text-none {
  text-transform: none !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.font-weight-thin {
  font-weight: 100 !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-regular {
  font-weight: 400 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-black {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-mono {
  font-family: monospace !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-fixed {
  position: fixed !important;
}

.position-absolute {
  position: absolute !important;
}

.position-sticky {
  position: sticky !important;
}

.fill-height {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.h-screen {
  height: 100vh !important;
}

.h-0 {
  height: 0 !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-screen {
  height: 100dvh !important;
}

.w-auto {
  width: auto !important;
}

.w-0 {
  width: 0 !important;
}

.w-25 {
  width: 25% !important;
}

.w-33 {
  width: 33% !important;
}

.w-50 {
  width: 50% !important;
}

.w-66 {
  width: 66% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 600px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-sm-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-sm-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-sm-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-sm-start {
    float: left !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-sm-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-sm-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-sm-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-sm-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-sm-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-sm-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-sm-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-space-between {
    justify-content: space-between !important;
  }
  .justify-sm-space-around {
    justify-content: space-around !important;
  }
  .justify-sm-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-baseline {
    align-items: baseline !important;
  }
  .align-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-space-between {
    align-content: space-between !important;
  }
  .align-content-sm-space-around {
    align-content: space-around !important;
  }
  .align-content-sm-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-6 {
    order: 6 !important;
  }
  .order-sm-7 {
    order: 7 !important;
  }
  .order-sm-8 {
    order: 8 !important;
  }
  .order-sm-9 {
    order: 9 !important;
  }
  .order-sm-10 {
    order: 10 !important;
  }
  .order-sm-11 {
    order: 11 !important;
  }
  .order-sm-12 {
    order: 12 !important;
  }
  .order-sm-last {
    order: 13 !important;
  }
  .ma-sm-0 {
    margin: 0px !important;
  }
  .ma-sm-1 {
    margin: 4px !important;
  }
  .ma-sm-2 {
    margin: 8px !important;
  }
  .ma-sm-3 {
    margin: 12px !important;
  }
  .ma-sm-4 {
    margin: 16px !important;
  }
  .ma-sm-5 {
    margin: 20px !important;
  }
  .ma-sm-6 {
    margin: 24px !important;
  }
  .ma-sm-7 {
    margin: 28px !important;
  }
  .ma-sm-8 {
    margin: 32px !important;
  }
  .ma-sm-9 {
    margin: 36px !important;
  }
  .ma-sm-10 {
    margin: 40px !important;
  }
  .ma-sm-11 {
    margin: 44px !important;
  }
  .ma-sm-12 {
    margin: 48px !important;
  }
  .ma-sm-13 {
    margin: 52px !important;
  }
  .ma-sm-14 {
    margin: 56px !important;
  }
  .ma-sm-15 {
    margin: 60px !important;
  }
  .ma-sm-16 {
    margin: 64px !important;
  }
  .ma-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-sm-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-sm-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-sm-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-sm-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-sm-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-sm-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-sm-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-sm-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-sm-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-sm-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-sm-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-sm-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-sm-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-sm-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-sm-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-sm-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-sm-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-sm-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-sm-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-sm-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-sm-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-sm-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-sm-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-sm-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-sm-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-sm-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-sm-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-sm-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-sm-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-sm-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-sm-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mt-sm-1 {
    margin-top: 4px !important;
  }
  .mt-sm-2 {
    margin-top: 8px !important;
  }
  .mt-sm-3 {
    margin-top: 12px !important;
  }
  .mt-sm-4 {
    margin-top: 16px !important;
  }
  .mt-sm-5 {
    margin-top: 20px !important;
  }
  .mt-sm-6 {
    margin-top: 24px !important;
  }
  .mt-sm-7 {
    margin-top: 28px !important;
  }
  .mt-sm-8 {
    margin-top: 32px !important;
  }
  .mt-sm-9 {
    margin-top: 36px !important;
  }
  .mt-sm-10 {
    margin-top: 40px !important;
  }
  .mt-sm-11 {
    margin-top: 44px !important;
  }
  .mt-sm-12 {
    margin-top: 48px !important;
  }
  .mt-sm-13 {
    margin-top: 52px !important;
  }
  .mt-sm-14 {
    margin-top: 56px !important;
  }
  .mt-sm-15 {
    margin-top: 60px !important;
  }
  .mt-sm-16 {
    margin-top: 64px !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-0 {
    margin-right: 0px !important;
  }
  .mr-sm-1 {
    margin-right: 4px !important;
  }
  .mr-sm-2 {
    margin-right: 8px !important;
  }
  .mr-sm-3 {
    margin-right: 12px !important;
  }
  .mr-sm-4 {
    margin-right: 16px !important;
  }
  .mr-sm-5 {
    margin-right: 20px !important;
  }
  .mr-sm-6 {
    margin-right: 24px !important;
  }
  .mr-sm-7 {
    margin-right: 28px !important;
  }
  .mr-sm-8 {
    margin-right: 32px !important;
  }
  .mr-sm-9 {
    margin-right: 36px !important;
  }
  .mr-sm-10 {
    margin-right: 40px !important;
  }
  .mr-sm-11 {
    margin-right: 44px !important;
  }
  .mr-sm-12 {
    margin-right: 48px !important;
  }
  .mr-sm-13 {
    margin-right: 52px !important;
  }
  .mr-sm-14 {
    margin-right: 56px !important;
  }
  .mr-sm-15 {
    margin-right: 60px !important;
  }
  .mr-sm-16 {
    margin-right: 64px !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .mb-sm-1 {
    margin-bottom: 4px !important;
  }
  .mb-sm-2 {
    margin-bottom: 8px !important;
  }
  .mb-sm-3 {
    margin-bottom: 12px !important;
  }
  .mb-sm-4 {
    margin-bottom: 16px !important;
  }
  .mb-sm-5 {
    margin-bottom: 20px !important;
  }
  .mb-sm-6 {
    margin-bottom: 24px !important;
  }
  .mb-sm-7 {
    margin-bottom: 28px !important;
  }
  .mb-sm-8 {
    margin-bottom: 32px !important;
  }
  .mb-sm-9 {
    margin-bottom: 36px !important;
  }
  .mb-sm-10 {
    margin-bottom: 40px !important;
  }
  .mb-sm-11 {
    margin-bottom: 44px !important;
  }
  .mb-sm-12 {
    margin-bottom: 48px !important;
  }
  .mb-sm-13 {
    margin-bottom: 52px !important;
  }
  .mb-sm-14 {
    margin-bottom: 56px !important;
  }
  .mb-sm-15 {
    margin-bottom: 60px !important;
  }
  .mb-sm-16 {
    margin-bottom: 64px !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-0 {
    margin-left: 0px !important;
  }
  .ml-sm-1 {
    margin-left: 4px !important;
  }
  .ml-sm-2 {
    margin-left: 8px !important;
  }
  .ml-sm-3 {
    margin-left: 12px !important;
  }
  .ml-sm-4 {
    margin-left: 16px !important;
  }
  .ml-sm-5 {
    margin-left: 20px !important;
  }
  .ml-sm-6 {
    margin-left: 24px !important;
  }
  .ml-sm-7 {
    margin-left: 28px !important;
  }
  .ml-sm-8 {
    margin-left: 32px !important;
  }
  .ml-sm-9 {
    margin-left: 36px !important;
  }
  .ml-sm-10 {
    margin-left: 40px !important;
  }
  .ml-sm-11 {
    margin-left: 44px !important;
  }
  .ml-sm-12 {
    margin-left: 48px !important;
  }
  .ml-sm-13 {
    margin-left: 52px !important;
  }
  .ml-sm-14 {
    margin-left: 56px !important;
  }
  .ml-sm-15 {
    margin-left: 60px !important;
  }
  .ml-sm-16 {
    margin-left: 64px !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .ms-sm-0 {
    margin-inline-start: 0px !important;
  }
  .ms-sm-1 {
    margin-inline-start: 4px !important;
  }
  .ms-sm-2 {
    margin-inline-start: 8px !important;
  }
  .ms-sm-3 {
    margin-inline-start: 12px !important;
  }
  .ms-sm-4 {
    margin-inline-start: 16px !important;
  }
  .ms-sm-5 {
    margin-inline-start: 20px !important;
  }
  .ms-sm-6 {
    margin-inline-start: 24px !important;
  }
  .ms-sm-7 {
    margin-inline-start: 28px !important;
  }
  .ms-sm-8 {
    margin-inline-start: 32px !important;
  }
  .ms-sm-9 {
    margin-inline-start: 36px !important;
  }
  .ms-sm-10 {
    margin-inline-start: 40px !important;
  }
  .ms-sm-11 {
    margin-inline-start: 44px !important;
  }
  .ms-sm-12 {
    margin-inline-start: 48px !important;
  }
  .ms-sm-13 {
    margin-inline-start: 52px !important;
  }
  .ms-sm-14 {
    margin-inline-start: 56px !important;
  }
  .ms-sm-15 {
    margin-inline-start: 60px !important;
  }
  .ms-sm-16 {
    margin-inline-start: 64px !important;
  }
  .ms-sm-auto {
    margin-inline-start: auto !important;
  }
  .me-sm-0 {
    margin-inline-end: 0px !important;
  }
  .me-sm-1 {
    margin-inline-end: 4px !important;
  }
  .me-sm-2 {
    margin-inline-end: 8px !important;
  }
  .me-sm-3 {
    margin-inline-end: 12px !important;
  }
  .me-sm-4 {
    margin-inline-end: 16px !important;
  }
  .me-sm-5 {
    margin-inline-end: 20px !important;
  }
  .me-sm-6 {
    margin-inline-end: 24px !important;
  }
  .me-sm-7 {
    margin-inline-end: 28px !important;
  }
  .me-sm-8 {
    margin-inline-end: 32px !important;
  }
  .me-sm-9 {
    margin-inline-end: 36px !important;
  }
  .me-sm-10 {
    margin-inline-end: 40px !important;
  }
  .me-sm-11 {
    margin-inline-end: 44px !important;
  }
  .me-sm-12 {
    margin-inline-end: 48px !important;
  }
  .me-sm-13 {
    margin-inline-end: 52px !important;
  }
  .me-sm-14 {
    margin-inline-end: 56px !important;
  }
  .me-sm-15 {
    margin-inline-end: 60px !important;
  }
  .me-sm-16 {
    margin-inline-end: 64px !important;
  }
  .me-sm-auto {
    margin-inline-end: auto !important;
  }
  .ma-sm-n1 {
    margin: -4px !important;
  }
  .ma-sm-n2 {
    margin: -8px !important;
  }
  .ma-sm-n3 {
    margin: -12px !important;
  }
  .ma-sm-n4 {
    margin: -16px !important;
  }
  .ma-sm-n5 {
    margin: -20px !important;
  }
  .ma-sm-n6 {
    margin: -24px !important;
  }
  .ma-sm-n7 {
    margin: -28px !important;
  }
  .ma-sm-n8 {
    margin: -32px !important;
  }
  .ma-sm-n9 {
    margin: -36px !important;
  }
  .ma-sm-n10 {
    margin: -40px !important;
  }
  .ma-sm-n11 {
    margin: -44px !important;
  }
  .ma-sm-n12 {
    margin: -48px !important;
  }
  .ma-sm-n13 {
    margin: -52px !important;
  }
  .ma-sm-n14 {
    margin: -56px !important;
  }
  .ma-sm-n15 {
    margin: -60px !important;
  }
  .ma-sm-n16 {
    margin: -64px !important;
  }
  .mx-sm-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-sm-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-sm-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-sm-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-sm-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-sm-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-sm-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-sm-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-sm-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-sm-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-sm-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-sm-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-sm-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-sm-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-sm-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-sm-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-sm-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-sm-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-sm-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-sm-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-sm-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-sm-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-sm-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-sm-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-sm-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-sm-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-sm-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-sm-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-sm-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-sm-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-sm-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-sm-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-sm-n1 {
    margin-top: -4px !important;
  }
  .mt-sm-n2 {
    margin-top: -8px !important;
  }
  .mt-sm-n3 {
    margin-top: -12px !important;
  }
  .mt-sm-n4 {
    margin-top: -16px !important;
  }
  .mt-sm-n5 {
    margin-top: -20px !important;
  }
  .mt-sm-n6 {
    margin-top: -24px !important;
  }
  .mt-sm-n7 {
    margin-top: -28px !important;
  }
  .mt-sm-n8 {
    margin-top: -32px !important;
  }
  .mt-sm-n9 {
    margin-top: -36px !important;
  }
  .mt-sm-n10 {
    margin-top: -40px !important;
  }
  .mt-sm-n11 {
    margin-top: -44px !important;
  }
  .mt-sm-n12 {
    margin-top: -48px !important;
  }
  .mt-sm-n13 {
    margin-top: -52px !important;
  }
  .mt-sm-n14 {
    margin-top: -56px !important;
  }
  .mt-sm-n15 {
    margin-top: -60px !important;
  }
  .mt-sm-n16 {
    margin-top: -64px !important;
  }
  .mr-sm-n1 {
    margin-right: -4px !important;
  }
  .mr-sm-n2 {
    margin-right: -8px !important;
  }
  .mr-sm-n3 {
    margin-right: -12px !important;
  }
  .mr-sm-n4 {
    margin-right: -16px !important;
  }
  .mr-sm-n5 {
    margin-right: -20px !important;
  }
  .mr-sm-n6 {
    margin-right: -24px !important;
  }
  .mr-sm-n7 {
    margin-right: -28px !important;
  }
  .mr-sm-n8 {
    margin-right: -32px !important;
  }
  .mr-sm-n9 {
    margin-right: -36px !important;
  }
  .mr-sm-n10 {
    margin-right: -40px !important;
  }
  .mr-sm-n11 {
    margin-right: -44px !important;
  }
  .mr-sm-n12 {
    margin-right: -48px !important;
  }
  .mr-sm-n13 {
    margin-right: -52px !important;
  }
  .mr-sm-n14 {
    margin-right: -56px !important;
  }
  .mr-sm-n15 {
    margin-right: -60px !important;
  }
  .mr-sm-n16 {
    margin-right: -64px !important;
  }
  .mb-sm-n1 {
    margin-bottom: -4px !important;
  }
  .mb-sm-n2 {
    margin-bottom: -8px !important;
  }
  .mb-sm-n3 {
    margin-bottom: -12px !important;
  }
  .mb-sm-n4 {
    margin-bottom: -16px !important;
  }
  .mb-sm-n5 {
    margin-bottom: -20px !important;
  }
  .mb-sm-n6 {
    margin-bottom: -24px !important;
  }
  .mb-sm-n7 {
    margin-bottom: -28px !important;
  }
  .mb-sm-n8 {
    margin-bottom: -32px !important;
  }
  .mb-sm-n9 {
    margin-bottom: -36px !important;
  }
  .mb-sm-n10 {
    margin-bottom: -40px !important;
  }
  .mb-sm-n11 {
    margin-bottom: -44px !important;
  }
  .mb-sm-n12 {
    margin-bottom: -48px !important;
  }
  .mb-sm-n13 {
    margin-bottom: -52px !important;
  }
  .mb-sm-n14 {
    margin-bottom: -56px !important;
  }
  .mb-sm-n15 {
    margin-bottom: -60px !important;
  }
  .mb-sm-n16 {
    margin-bottom: -64px !important;
  }
  .ml-sm-n1 {
    margin-left: -4px !important;
  }
  .ml-sm-n2 {
    margin-left: -8px !important;
  }
  .ml-sm-n3 {
    margin-left: -12px !important;
  }
  .ml-sm-n4 {
    margin-left: -16px !important;
  }
  .ml-sm-n5 {
    margin-left: -20px !important;
  }
  .ml-sm-n6 {
    margin-left: -24px !important;
  }
  .ml-sm-n7 {
    margin-left: -28px !important;
  }
  .ml-sm-n8 {
    margin-left: -32px !important;
  }
  .ml-sm-n9 {
    margin-left: -36px !important;
  }
  .ml-sm-n10 {
    margin-left: -40px !important;
  }
  .ml-sm-n11 {
    margin-left: -44px !important;
  }
  .ml-sm-n12 {
    margin-left: -48px !important;
  }
  .ml-sm-n13 {
    margin-left: -52px !important;
  }
  .ml-sm-n14 {
    margin-left: -56px !important;
  }
  .ml-sm-n15 {
    margin-left: -60px !important;
  }
  .ml-sm-n16 {
    margin-left: -64px !important;
  }
  .ms-sm-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-sm-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-sm-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-sm-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-sm-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-sm-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-sm-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-sm-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-sm-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-sm-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-sm-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-sm-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-sm-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-sm-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-sm-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-sm-n16 {
    margin-inline-start: -64px !important;
  }
  .me-sm-n1 {
    margin-inline-end: -4px !important;
  }
  .me-sm-n2 {
    margin-inline-end: -8px !important;
  }
  .me-sm-n3 {
    margin-inline-end: -12px !important;
  }
  .me-sm-n4 {
    margin-inline-end: -16px !important;
  }
  .me-sm-n5 {
    margin-inline-end: -20px !important;
  }
  .me-sm-n6 {
    margin-inline-end: -24px !important;
  }
  .me-sm-n7 {
    margin-inline-end: -28px !important;
  }
  .me-sm-n8 {
    margin-inline-end: -32px !important;
  }
  .me-sm-n9 {
    margin-inline-end: -36px !important;
  }
  .me-sm-n10 {
    margin-inline-end: -40px !important;
  }
  .me-sm-n11 {
    margin-inline-end: -44px !important;
  }
  .me-sm-n12 {
    margin-inline-end: -48px !important;
  }
  .me-sm-n13 {
    margin-inline-end: -52px !important;
  }
  .me-sm-n14 {
    margin-inline-end: -56px !important;
  }
  .me-sm-n15 {
    margin-inline-end: -60px !important;
  }
  .me-sm-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-sm-0 {
    padding: 0px !important;
  }
  .pa-sm-1 {
    padding: 4px !important;
  }
  .pa-sm-2 {
    padding: 8px !important;
  }
  .pa-sm-3 {
    padding: 12px !important;
  }
  .pa-sm-4 {
    padding: 16px !important;
  }
  .pa-sm-5 {
    padding: 20px !important;
  }
  .pa-sm-6 {
    padding: 24px !important;
  }
  .pa-sm-7 {
    padding: 28px !important;
  }
  .pa-sm-8 {
    padding: 32px !important;
  }
  .pa-sm-9 {
    padding: 36px !important;
  }
  .pa-sm-10 {
    padding: 40px !important;
  }
  .pa-sm-11 {
    padding: 44px !important;
  }
  .pa-sm-12 {
    padding: 48px !important;
  }
  .pa-sm-13 {
    padding: 52px !important;
  }
  .pa-sm-14 {
    padding: 56px !important;
  }
  .pa-sm-15 {
    padding: 60px !important;
  }
  .pa-sm-16 {
    padding: 64px !important;
  }
  .px-sm-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-sm-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-sm-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-sm-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-sm-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-sm-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-sm-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-sm-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-sm-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-sm-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-sm-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-sm-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-sm-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-sm-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-sm-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-sm-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-sm-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-sm-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-sm-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-sm-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-sm-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-sm-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-sm-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-sm-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-sm-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-sm-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-sm-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-sm-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-sm-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-sm-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-sm-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-sm-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pt-sm-1 {
    padding-top: 4px !important;
  }
  .pt-sm-2 {
    padding-top: 8px !important;
  }
  .pt-sm-3 {
    padding-top: 12px !important;
  }
  .pt-sm-4 {
    padding-top: 16px !important;
  }
  .pt-sm-5 {
    padding-top: 20px !important;
  }
  .pt-sm-6 {
    padding-top: 24px !important;
  }
  .pt-sm-7 {
    padding-top: 28px !important;
  }
  .pt-sm-8 {
    padding-top: 32px !important;
  }
  .pt-sm-9 {
    padding-top: 36px !important;
  }
  .pt-sm-10 {
    padding-top: 40px !important;
  }
  .pt-sm-11 {
    padding-top: 44px !important;
  }
  .pt-sm-12 {
    padding-top: 48px !important;
  }
  .pt-sm-13 {
    padding-top: 52px !important;
  }
  .pt-sm-14 {
    padding-top: 56px !important;
  }
  .pt-sm-15 {
    padding-top: 60px !important;
  }
  .pt-sm-16 {
    padding-top: 64px !important;
  }
  .pr-sm-0 {
    padding-right: 0px !important;
  }
  .pr-sm-1 {
    padding-right: 4px !important;
  }
  .pr-sm-2 {
    padding-right: 8px !important;
  }
  .pr-sm-3 {
    padding-right: 12px !important;
  }
  .pr-sm-4 {
    padding-right: 16px !important;
  }
  .pr-sm-5 {
    padding-right: 20px !important;
  }
  .pr-sm-6 {
    padding-right: 24px !important;
  }
  .pr-sm-7 {
    padding-right: 28px !important;
  }
  .pr-sm-8 {
    padding-right: 32px !important;
  }
  .pr-sm-9 {
    padding-right: 36px !important;
  }
  .pr-sm-10 {
    padding-right: 40px !important;
  }
  .pr-sm-11 {
    padding-right: 44px !important;
  }
  .pr-sm-12 {
    padding-right: 48px !important;
  }
  .pr-sm-13 {
    padding-right: 52px !important;
  }
  .pr-sm-14 {
    padding-right: 56px !important;
  }
  .pr-sm-15 {
    padding-right: 60px !important;
  }
  .pr-sm-16 {
    padding-right: 64px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .pb-sm-1 {
    padding-bottom: 4px !important;
  }
  .pb-sm-2 {
    padding-bottom: 8px !important;
  }
  .pb-sm-3 {
    padding-bottom: 12px !important;
  }
  .pb-sm-4 {
    padding-bottom: 16px !important;
  }
  .pb-sm-5 {
    padding-bottom: 20px !important;
  }
  .pb-sm-6 {
    padding-bottom: 24px !important;
  }
  .pb-sm-7 {
    padding-bottom: 28px !important;
  }
  .pb-sm-8 {
    padding-bottom: 32px !important;
  }
  .pb-sm-9 {
    padding-bottom: 36px !important;
  }
  .pb-sm-10 {
    padding-bottom: 40px !important;
  }
  .pb-sm-11 {
    padding-bottom: 44px !important;
  }
  .pb-sm-12 {
    padding-bottom: 48px !important;
  }
  .pb-sm-13 {
    padding-bottom: 52px !important;
  }
  .pb-sm-14 {
    padding-bottom: 56px !important;
  }
  .pb-sm-15 {
    padding-bottom: 60px !important;
  }
  .pb-sm-16 {
    padding-bottom: 64px !important;
  }
  .pl-sm-0 {
    padding-left: 0px !important;
  }
  .pl-sm-1 {
    padding-left: 4px !important;
  }
  .pl-sm-2 {
    padding-left: 8px !important;
  }
  .pl-sm-3 {
    padding-left: 12px !important;
  }
  .pl-sm-4 {
    padding-left: 16px !important;
  }
  .pl-sm-5 {
    padding-left: 20px !important;
  }
  .pl-sm-6 {
    padding-left: 24px !important;
  }
  .pl-sm-7 {
    padding-left: 28px !important;
  }
  .pl-sm-8 {
    padding-left: 32px !important;
  }
  .pl-sm-9 {
    padding-left: 36px !important;
  }
  .pl-sm-10 {
    padding-left: 40px !important;
  }
  .pl-sm-11 {
    padding-left: 44px !important;
  }
  .pl-sm-12 {
    padding-left: 48px !important;
  }
  .pl-sm-13 {
    padding-left: 52px !important;
  }
  .pl-sm-14 {
    padding-left: 56px !important;
  }
  .pl-sm-15 {
    padding-left: 60px !important;
  }
  .pl-sm-16 {
    padding-left: 64px !important;
  }
  .ps-sm-0 {
    padding-inline-start: 0px !important;
  }
  .ps-sm-1 {
    padding-inline-start: 4px !important;
  }
  .ps-sm-2 {
    padding-inline-start: 8px !important;
  }
  .ps-sm-3 {
    padding-inline-start: 12px !important;
  }
  .ps-sm-4 {
    padding-inline-start: 16px !important;
  }
  .ps-sm-5 {
    padding-inline-start: 20px !important;
  }
  .ps-sm-6 {
    padding-inline-start: 24px !important;
  }
  .ps-sm-7 {
    padding-inline-start: 28px !important;
  }
  .ps-sm-8 {
    padding-inline-start: 32px !important;
  }
  .ps-sm-9 {
    padding-inline-start: 36px !important;
  }
  .ps-sm-10 {
    padding-inline-start: 40px !important;
  }
  .ps-sm-11 {
    padding-inline-start: 44px !important;
  }
  .ps-sm-12 {
    padding-inline-start: 48px !important;
  }
  .ps-sm-13 {
    padding-inline-start: 52px !important;
  }
  .ps-sm-14 {
    padding-inline-start: 56px !important;
  }
  .ps-sm-15 {
    padding-inline-start: 60px !important;
  }
  .ps-sm-16 {
    padding-inline-start: 64px !important;
  }
  .pe-sm-0 {
    padding-inline-end: 0px !important;
  }
  .pe-sm-1 {
    padding-inline-end: 4px !important;
  }
  .pe-sm-2 {
    padding-inline-end: 8px !important;
  }
  .pe-sm-3 {
    padding-inline-end: 12px !important;
  }
  .pe-sm-4 {
    padding-inline-end: 16px !important;
  }
  .pe-sm-5 {
    padding-inline-end: 20px !important;
  }
  .pe-sm-6 {
    padding-inline-end: 24px !important;
  }
  .pe-sm-7 {
    padding-inline-end: 28px !important;
  }
  .pe-sm-8 {
    padding-inline-end: 32px !important;
  }
  .pe-sm-9 {
    padding-inline-end: 36px !important;
  }
  .pe-sm-10 {
    padding-inline-end: 40px !important;
  }
  .pe-sm-11 {
    padding-inline-end: 44px !important;
  }
  .pe-sm-12 {
    padding-inline-end: 48px !important;
  }
  .pe-sm-13 {
    padding-inline-end: 52px !important;
  }
  .pe-sm-14 {
    padding-inline-end: 56px !important;
  }
  .pe-sm-15 {
    padding-inline-end: 60px !important;
  }
  .pe-sm-16 {
    padding-inline-end: 64px !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .text-sm-start {
    text-align: start !important;
  }
  .text-sm-end {
    text-align: end !important;
  }
  .text-sm-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
  .text-sm-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-sm-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
}
@media (min-width: 960px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .float-md-none {
    float: none !important;
  }
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-md-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-md-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-md-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-md-start {
    float: left !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-md-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-md-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-md-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-md-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-md-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-md-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-md-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-space-between {
    justify-content: space-between !important;
  }
  .justify-md-space-around {
    justify-content: space-around !important;
  }
  .justify-md-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-baseline {
    align-items: baseline !important;
  }
  .align-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-space-between {
    align-content: space-between !important;
  }
  .align-content-md-space-around {
    align-content: space-around !important;
  }
  .align-content-md-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-6 {
    order: 6 !important;
  }
  .order-md-7 {
    order: 7 !important;
  }
  .order-md-8 {
    order: 8 !important;
  }
  .order-md-9 {
    order: 9 !important;
  }
  .order-md-10 {
    order: 10 !important;
  }
  .order-md-11 {
    order: 11 !important;
  }
  .order-md-12 {
    order: 12 !important;
  }
  .order-md-last {
    order: 13 !important;
  }
  .ma-md-0 {
    margin: 0px !important;
  }
  .ma-md-1 {
    margin: 4px !important;
  }
  .ma-md-2 {
    margin: 8px !important;
  }
  .ma-md-3 {
    margin: 12px !important;
  }
  .ma-md-4 {
    margin: 16px !important;
  }
  .ma-md-5 {
    margin: 20px !important;
  }
  .ma-md-6 {
    margin: 24px !important;
  }
  .ma-md-7 {
    margin: 28px !important;
  }
  .ma-md-8 {
    margin: 32px !important;
  }
  .ma-md-9 {
    margin: 36px !important;
  }
  .ma-md-10 {
    margin: 40px !important;
  }
  .ma-md-11 {
    margin: 44px !important;
  }
  .ma-md-12 {
    margin: 48px !important;
  }
  .ma-md-13 {
    margin: 52px !important;
  }
  .ma-md-14 {
    margin: 56px !important;
  }
  .ma-md-15 {
    margin: 60px !important;
  }
  .ma-md-16 {
    margin: 64px !important;
  }
  .ma-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-md-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-md-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-md-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-md-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-md-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-md-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-md-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-md-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-md-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-md-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-md-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-md-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-md-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-md-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-md-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-md-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-md-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-md-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-md-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-md-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-md-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-md-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-md-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-md-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-md-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-md-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-md-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-md-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-md-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-md-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-md-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mt-md-1 {
    margin-top: 4px !important;
  }
  .mt-md-2 {
    margin-top: 8px !important;
  }
  .mt-md-3 {
    margin-top: 12px !important;
  }
  .mt-md-4 {
    margin-top: 16px !important;
  }
  .mt-md-5 {
    margin-top: 20px !important;
  }
  .mt-md-6 {
    margin-top: 24px !important;
  }
  .mt-md-7 {
    margin-top: 28px !important;
  }
  .mt-md-8 {
    margin-top: 32px !important;
  }
  .mt-md-9 {
    margin-top: 36px !important;
  }
  .mt-md-10 {
    margin-top: 40px !important;
  }
  .mt-md-11 {
    margin-top: 44px !important;
  }
  .mt-md-12 {
    margin-top: 48px !important;
  }
  .mt-md-13 {
    margin-top: 52px !important;
  }
  .mt-md-14 {
    margin-top: 56px !important;
  }
  .mt-md-15 {
    margin-top: 60px !important;
  }
  .mt-md-16 {
    margin-top: 64px !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-0 {
    margin-right: 0px !important;
  }
  .mr-md-1 {
    margin-right: 4px !important;
  }
  .mr-md-2 {
    margin-right: 8px !important;
  }
  .mr-md-3 {
    margin-right: 12px !important;
  }
  .mr-md-4 {
    margin-right: 16px !important;
  }
  .mr-md-5 {
    margin-right: 20px !important;
  }
  .mr-md-6 {
    margin-right: 24px !important;
  }
  .mr-md-7 {
    margin-right: 28px !important;
  }
  .mr-md-8 {
    margin-right: 32px !important;
  }
  .mr-md-9 {
    margin-right: 36px !important;
  }
  .mr-md-10 {
    margin-right: 40px !important;
  }
  .mr-md-11 {
    margin-right: 44px !important;
  }
  .mr-md-12 {
    margin-right: 48px !important;
  }
  .mr-md-13 {
    margin-right: 52px !important;
  }
  .mr-md-14 {
    margin-right: 56px !important;
  }
  .mr-md-15 {
    margin-right: 60px !important;
  }
  .mr-md-16 {
    margin-right: 64px !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  .mb-md-3 {
    margin-bottom: 12px !important;
  }
  .mb-md-4 {
    margin-bottom: 16px !important;
  }
  .mb-md-5 {
    margin-bottom: 20px !important;
  }
  .mb-md-6 {
    margin-bottom: 24px !important;
  }
  .mb-md-7 {
    margin-bottom: 28px !important;
  }
  .mb-md-8 {
    margin-bottom: 32px !important;
  }
  .mb-md-9 {
    margin-bottom: 36px !important;
  }
  .mb-md-10 {
    margin-bottom: 40px !important;
  }
  .mb-md-11 {
    margin-bottom: 44px !important;
  }
  .mb-md-12 {
    margin-bottom: 48px !important;
  }
  .mb-md-13 {
    margin-bottom: 52px !important;
  }
  .mb-md-14 {
    margin-bottom: 56px !important;
  }
  .mb-md-15 {
    margin-bottom: 60px !important;
  }
  .mb-md-16 {
    margin-bottom: 64px !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-0 {
    margin-left: 0px !important;
  }
  .ml-md-1 {
    margin-left: 4px !important;
  }
  .ml-md-2 {
    margin-left: 8px !important;
  }
  .ml-md-3 {
    margin-left: 12px !important;
  }
  .ml-md-4 {
    margin-left: 16px !important;
  }
  .ml-md-5 {
    margin-left: 20px !important;
  }
  .ml-md-6 {
    margin-left: 24px !important;
  }
  .ml-md-7 {
    margin-left: 28px !important;
  }
  .ml-md-8 {
    margin-left: 32px !important;
  }
  .ml-md-9 {
    margin-left: 36px !important;
  }
  .ml-md-10 {
    margin-left: 40px !important;
  }
  .ml-md-11 {
    margin-left: 44px !important;
  }
  .ml-md-12 {
    margin-left: 48px !important;
  }
  .ml-md-13 {
    margin-left: 52px !important;
  }
  .ml-md-14 {
    margin-left: 56px !important;
  }
  .ml-md-15 {
    margin-left: 60px !important;
  }
  .ml-md-16 {
    margin-left: 64px !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .ms-md-0 {
    margin-inline-start: 0px !important;
  }
  .ms-md-1 {
    margin-inline-start: 4px !important;
  }
  .ms-md-2 {
    margin-inline-start: 8px !important;
  }
  .ms-md-3 {
    margin-inline-start: 12px !important;
  }
  .ms-md-4 {
    margin-inline-start: 16px !important;
  }
  .ms-md-5 {
    margin-inline-start: 20px !important;
  }
  .ms-md-6 {
    margin-inline-start: 24px !important;
  }
  .ms-md-7 {
    margin-inline-start: 28px !important;
  }
  .ms-md-8 {
    margin-inline-start: 32px !important;
  }
  .ms-md-9 {
    margin-inline-start: 36px !important;
  }
  .ms-md-10 {
    margin-inline-start: 40px !important;
  }
  .ms-md-11 {
    margin-inline-start: 44px !important;
  }
  .ms-md-12 {
    margin-inline-start: 48px !important;
  }
  .ms-md-13 {
    margin-inline-start: 52px !important;
  }
  .ms-md-14 {
    margin-inline-start: 56px !important;
  }
  .ms-md-15 {
    margin-inline-start: 60px !important;
  }
  .ms-md-16 {
    margin-inline-start: 64px !important;
  }
  .ms-md-auto {
    margin-inline-start: auto !important;
  }
  .me-md-0 {
    margin-inline-end: 0px !important;
  }
  .me-md-1 {
    margin-inline-end: 4px !important;
  }
  .me-md-2 {
    margin-inline-end: 8px !important;
  }
  .me-md-3 {
    margin-inline-end: 12px !important;
  }
  .me-md-4 {
    margin-inline-end: 16px !important;
  }
  .me-md-5 {
    margin-inline-end: 20px !important;
  }
  .me-md-6 {
    margin-inline-end: 24px !important;
  }
  .me-md-7 {
    margin-inline-end: 28px !important;
  }
  .me-md-8 {
    margin-inline-end: 32px !important;
  }
  .me-md-9 {
    margin-inline-end: 36px !important;
  }
  .me-md-10 {
    margin-inline-end: 40px !important;
  }
  .me-md-11 {
    margin-inline-end: 44px !important;
  }
  .me-md-12 {
    margin-inline-end: 48px !important;
  }
  .me-md-13 {
    margin-inline-end: 52px !important;
  }
  .me-md-14 {
    margin-inline-end: 56px !important;
  }
  .me-md-15 {
    margin-inline-end: 60px !important;
  }
  .me-md-16 {
    margin-inline-end: 64px !important;
  }
  .me-md-auto {
    margin-inline-end: auto !important;
  }
  .ma-md-n1 {
    margin: -4px !important;
  }
  .ma-md-n2 {
    margin: -8px !important;
  }
  .ma-md-n3 {
    margin: -12px !important;
  }
  .ma-md-n4 {
    margin: -16px !important;
  }
  .ma-md-n5 {
    margin: -20px !important;
  }
  .ma-md-n6 {
    margin: -24px !important;
  }
  .ma-md-n7 {
    margin: -28px !important;
  }
  .ma-md-n8 {
    margin: -32px !important;
  }
  .ma-md-n9 {
    margin: -36px !important;
  }
  .ma-md-n10 {
    margin: -40px !important;
  }
  .ma-md-n11 {
    margin: -44px !important;
  }
  .ma-md-n12 {
    margin: -48px !important;
  }
  .ma-md-n13 {
    margin: -52px !important;
  }
  .ma-md-n14 {
    margin: -56px !important;
  }
  .ma-md-n15 {
    margin: -60px !important;
  }
  .ma-md-n16 {
    margin: -64px !important;
  }
  .mx-md-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-md-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-md-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-md-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-md-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-md-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-md-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-md-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-md-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-md-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-md-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-md-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-md-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-md-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-md-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-md-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-md-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-md-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-md-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-md-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-md-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-md-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-md-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-md-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-md-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-md-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-md-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-md-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-md-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-md-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-md-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-md-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-md-n1 {
    margin-top: -4px !important;
  }
  .mt-md-n2 {
    margin-top: -8px !important;
  }
  .mt-md-n3 {
    margin-top: -12px !important;
  }
  .mt-md-n4 {
    margin-top: -16px !important;
  }
  .mt-md-n5 {
    margin-top: -20px !important;
  }
  .mt-md-n6 {
    margin-top: -24px !important;
  }
  .mt-md-n7 {
    margin-top: -28px !important;
  }
  .mt-md-n8 {
    margin-top: -32px !important;
  }
  .mt-md-n9 {
    margin-top: -36px !important;
  }
  .mt-md-n10 {
    margin-top: -40px !important;
  }
  .mt-md-n11 {
    margin-top: -44px !important;
  }
  .mt-md-n12 {
    margin-top: -48px !important;
  }
  .mt-md-n13 {
    margin-top: -52px !important;
  }
  .mt-md-n14 {
    margin-top: -56px !important;
  }
  .mt-md-n15 {
    margin-top: -60px !important;
  }
  .mt-md-n16 {
    margin-top: -64px !important;
  }
  .mr-md-n1 {
    margin-right: -4px !important;
  }
  .mr-md-n2 {
    margin-right: -8px !important;
  }
  .mr-md-n3 {
    margin-right: -12px !important;
  }
  .mr-md-n4 {
    margin-right: -16px !important;
  }
  .mr-md-n5 {
    margin-right: -20px !important;
  }
  .mr-md-n6 {
    margin-right: -24px !important;
  }
  .mr-md-n7 {
    margin-right: -28px !important;
  }
  .mr-md-n8 {
    margin-right: -32px !important;
  }
  .mr-md-n9 {
    margin-right: -36px !important;
  }
  .mr-md-n10 {
    margin-right: -40px !important;
  }
  .mr-md-n11 {
    margin-right: -44px !important;
  }
  .mr-md-n12 {
    margin-right: -48px !important;
  }
  .mr-md-n13 {
    margin-right: -52px !important;
  }
  .mr-md-n14 {
    margin-right: -56px !important;
  }
  .mr-md-n15 {
    margin-right: -60px !important;
  }
  .mr-md-n16 {
    margin-right: -64px !important;
  }
  .mb-md-n1 {
    margin-bottom: -4px !important;
  }
  .mb-md-n2 {
    margin-bottom: -8px !important;
  }
  .mb-md-n3 {
    margin-bottom: -12px !important;
  }
  .mb-md-n4 {
    margin-bottom: -16px !important;
  }
  .mb-md-n5 {
    margin-bottom: -20px !important;
  }
  .mb-md-n6 {
    margin-bottom: -24px !important;
  }
  .mb-md-n7 {
    margin-bottom: -28px !important;
  }
  .mb-md-n8 {
    margin-bottom: -32px !important;
  }
  .mb-md-n9 {
    margin-bottom: -36px !important;
  }
  .mb-md-n10 {
    margin-bottom: -40px !important;
  }
  .mb-md-n11 {
    margin-bottom: -44px !important;
  }
  .mb-md-n12 {
    margin-bottom: -48px !important;
  }
  .mb-md-n13 {
    margin-bottom: -52px !important;
  }
  .mb-md-n14 {
    margin-bottom: -56px !important;
  }
  .mb-md-n15 {
    margin-bottom: -60px !important;
  }
  .mb-md-n16 {
    margin-bottom: -64px !important;
  }
  .ml-md-n1 {
    margin-left: -4px !important;
  }
  .ml-md-n2 {
    margin-left: -8px !important;
  }
  .ml-md-n3 {
    margin-left: -12px !important;
  }
  .ml-md-n4 {
    margin-left: -16px !important;
  }
  .ml-md-n5 {
    margin-left: -20px !important;
  }
  .ml-md-n6 {
    margin-left: -24px !important;
  }
  .ml-md-n7 {
    margin-left: -28px !important;
  }
  .ml-md-n8 {
    margin-left: -32px !important;
  }
  .ml-md-n9 {
    margin-left: -36px !important;
  }
  .ml-md-n10 {
    margin-left: -40px !important;
  }
  .ml-md-n11 {
    margin-left: -44px !important;
  }
  .ml-md-n12 {
    margin-left: -48px !important;
  }
  .ml-md-n13 {
    margin-left: -52px !important;
  }
  .ml-md-n14 {
    margin-left: -56px !important;
  }
  .ml-md-n15 {
    margin-left: -60px !important;
  }
  .ml-md-n16 {
    margin-left: -64px !important;
  }
  .ms-md-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-md-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-md-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-md-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-md-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-md-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-md-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-md-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-md-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-md-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-md-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-md-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-md-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-md-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-md-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-md-n16 {
    margin-inline-start: -64px !important;
  }
  .me-md-n1 {
    margin-inline-end: -4px !important;
  }
  .me-md-n2 {
    margin-inline-end: -8px !important;
  }
  .me-md-n3 {
    margin-inline-end: -12px !important;
  }
  .me-md-n4 {
    margin-inline-end: -16px !important;
  }
  .me-md-n5 {
    margin-inline-end: -20px !important;
  }
  .me-md-n6 {
    margin-inline-end: -24px !important;
  }
  .me-md-n7 {
    margin-inline-end: -28px !important;
  }
  .me-md-n8 {
    margin-inline-end: -32px !important;
  }
  .me-md-n9 {
    margin-inline-end: -36px !important;
  }
  .me-md-n10 {
    margin-inline-end: -40px !important;
  }
  .me-md-n11 {
    margin-inline-end: -44px !important;
  }
  .me-md-n12 {
    margin-inline-end: -48px !important;
  }
  .me-md-n13 {
    margin-inline-end: -52px !important;
  }
  .me-md-n14 {
    margin-inline-end: -56px !important;
  }
  .me-md-n15 {
    margin-inline-end: -60px !important;
  }
  .me-md-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-md-0 {
    padding: 0px !important;
  }
  .pa-md-1 {
    padding: 4px !important;
  }
  .pa-md-2 {
    padding: 8px !important;
  }
  .pa-md-3 {
    padding: 12px !important;
  }
  .pa-md-4 {
    padding: 16px !important;
  }
  .pa-md-5 {
    padding: 20px !important;
  }
  .pa-md-6 {
    padding: 24px !important;
  }
  .pa-md-7 {
    padding: 28px !important;
  }
  .pa-md-8 {
    padding: 32px !important;
  }
  .pa-md-9 {
    padding: 36px !important;
  }
  .pa-md-10 {
    padding: 40px !important;
  }
  .pa-md-11 {
    padding: 44px !important;
  }
  .pa-md-12 {
    padding: 48px !important;
  }
  .pa-md-13 {
    padding: 52px !important;
  }
  .pa-md-14 {
    padding: 56px !important;
  }
  .pa-md-15 {
    padding: 60px !important;
  }
  .pa-md-16 {
    padding: 64px !important;
  }
  .px-md-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-md-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-md-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-md-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-md-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-md-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-md-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-md-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-md-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-md-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-md-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-md-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-md-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-md-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-md-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-md-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-md-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-md-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-md-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-md-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-md-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-md-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-md-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-md-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-md-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-md-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-md-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-md-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-md-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-md-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-md-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pt-md-1 {
    padding-top: 4px !important;
  }
  .pt-md-2 {
    padding-top: 8px !important;
  }
  .pt-md-3 {
    padding-top: 12px !important;
  }
  .pt-md-4 {
    padding-top: 16px !important;
  }
  .pt-md-5 {
    padding-top: 20px !important;
  }
  .pt-md-6 {
    padding-top: 24px !important;
  }
  .pt-md-7 {
    padding-top: 28px !important;
  }
  .pt-md-8 {
    padding-top: 32px !important;
  }
  .pt-md-9 {
    padding-top: 36px !important;
  }
  .pt-md-10 {
    padding-top: 40px !important;
  }
  .pt-md-11 {
    padding-top: 44px !important;
  }
  .pt-md-12 {
    padding-top: 48px !important;
  }
  .pt-md-13 {
    padding-top: 52px !important;
  }
  .pt-md-14 {
    padding-top: 56px !important;
  }
  .pt-md-15 {
    padding-top: 60px !important;
  }
  .pt-md-16 {
    padding-top: 64px !important;
  }
  .pr-md-0 {
    padding-right: 0px !important;
  }
  .pr-md-1 {
    padding-right: 4px !important;
  }
  .pr-md-2 {
    padding-right: 8px !important;
  }
  .pr-md-3 {
    padding-right: 12px !important;
  }
  .pr-md-4 {
    padding-right: 16px !important;
  }
  .pr-md-5 {
    padding-right: 20px !important;
  }
  .pr-md-6 {
    padding-right: 24px !important;
  }
  .pr-md-7 {
    padding-right: 28px !important;
  }
  .pr-md-8 {
    padding-right: 32px !important;
  }
  .pr-md-9 {
    padding-right: 36px !important;
  }
  .pr-md-10 {
    padding-right: 40px !important;
  }
  .pr-md-11 {
    padding-right: 44px !important;
  }
  .pr-md-12 {
    padding-right: 48px !important;
  }
  .pr-md-13 {
    padding-right: 52px !important;
  }
  .pr-md-14 {
    padding-right: 56px !important;
  }
  .pr-md-15 {
    padding-right: 60px !important;
  }
  .pr-md-16 {
    padding-right: 64px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  .pb-md-3 {
    padding-bottom: 12px !important;
  }
  .pb-md-4 {
    padding-bottom: 16px !important;
  }
  .pb-md-5 {
    padding-bottom: 20px !important;
  }
  .pb-md-6 {
    padding-bottom: 24px !important;
  }
  .pb-md-7 {
    padding-bottom: 28px !important;
  }
  .pb-md-8 {
    padding-bottom: 32px !important;
  }
  .pb-md-9 {
    padding-bottom: 36px !important;
  }
  .pb-md-10 {
    padding-bottom: 40px !important;
  }
  .pb-md-11 {
    padding-bottom: 44px !important;
  }
  .pb-md-12 {
    padding-bottom: 48px !important;
  }
  .pb-md-13 {
    padding-bottom: 52px !important;
  }
  .pb-md-14 {
    padding-bottom: 56px !important;
  }
  .pb-md-15 {
    padding-bottom: 60px !important;
  }
  .pb-md-16 {
    padding-bottom: 64px !important;
  }
  .pl-md-0 {
    padding-left: 0px !important;
  }
  .pl-md-1 {
    padding-left: 4px !important;
  }
  .pl-md-2 {
    padding-left: 8px !important;
  }
  .pl-md-3 {
    padding-left: 12px !important;
  }
  .pl-md-4 {
    padding-left: 16px !important;
  }
  .pl-md-5 {
    padding-left: 20px !important;
  }
  .pl-md-6 {
    padding-left: 24px !important;
  }
  .pl-md-7 {
    padding-left: 28px !important;
  }
  .pl-md-8 {
    padding-left: 32px !important;
  }
  .pl-md-9 {
    padding-left: 36px !important;
  }
  .pl-md-10 {
    padding-left: 40px !important;
  }
  .pl-md-11 {
    padding-left: 44px !important;
  }
  .pl-md-12 {
    padding-left: 48px !important;
  }
  .pl-md-13 {
    padding-left: 52px !important;
  }
  .pl-md-14 {
    padding-left: 56px !important;
  }
  .pl-md-15 {
    padding-left: 60px !important;
  }
  .pl-md-16 {
    padding-left: 64px !important;
  }
  .ps-md-0 {
    padding-inline-start: 0px !important;
  }
  .ps-md-1 {
    padding-inline-start: 4px !important;
  }
  .ps-md-2 {
    padding-inline-start: 8px !important;
  }
  .ps-md-3 {
    padding-inline-start: 12px !important;
  }
  .ps-md-4 {
    padding-inline-start: 16px !important;
  }
  .ps-md-5 {
    padding-inline-start: 20px !important;
  }
  .ps-md-6 {
    padding-inline-start: 24px !important;
  }
  .ps-md-7 {
    padding-inline-start: 28px !important;
  }
  .ps-md-8 {
    padding-inline-start: 32px !important;
  }
  .ps-md-9 {
    padding-inline-start: 36px !important;
  }
  .ps-md-10 {
    padding-inline-start: 40px !important;
  }
  .ps-md-11 {
    padding-inline-start: 44px !important;
  }
  .ps-md-12 {
    padding-inline-start: 48px !important;
  }
  .ps-md-13 {
    padding-inline-start: 52px !important;
  }
  .ps-md-14 {
    padding-inline-start: 56px !important;
  }
  .ps-md-15 {
    padding-inline-start: 60px !important;
  }
  .ps-md-16 {
    padding-inline-start: 64px !important;
  }
  .pe-md-0 {
    padding-inline-end: 0px !important;
  }
  .pe-md-1 {
    padding-inline-end: 4px !important;
  }
  .pe-md-2 {
    padding-inline-end: 8px !important;
  }
  .pe-md-3 {
    padding-inline-end: 12px !important;
  }
  .pe-md-4 {
    padding-inline-end: 16px !important;
  }
  .pe-md-5 {
    padding-inline-end: 20px !important;
  }
  .pe-md-6 {
    padding-inline-end: 24px !important;
  }
  .pe-md-7 {
    padding-inline-end: 28px !important;
  }
  .pe-md-8 {
    padding-inline-end: 32px !important;
  }
  .pe-md-9 {
    padding-inline-end: 36px !important;
  }
  .pe-md-10 {
    padding-inline-end: 40px !important;
  }
  .pe-md-11 {
    padding-inline-end: 44px !important;
  }
  .pe-md-12 {
    padding-inline-end: 48px !important;
  }
  .pe-md-13 {
    padding-inline-end: 52px !important;
  }
  .pe-md-14 {
    padding-inline-end: 56px !important;
  }
  .pe-md-15 {
    padding-inline-end: 60px !important;
  }
  .pe-md-16 {
    padding-inline-end: 64px !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-start {
    text-align: start !important;
  }
  .text-md-end {
    text-align: end !important;
  }
  .text-md-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
  .text-md-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-md-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-lg-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-lg-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-lg-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-lg-start {
    float: left !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-lg-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-lg-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-lg-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-lg-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-lg-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-lg-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-lg-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-space-between {
    justify-content: space-between !important;
  }
  .justify-lg-space-around {
    justify-content: space-around !important;
  }
  .justify-lg-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-baseline {
    align-items: baseline !important;
  }
  .align-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-space-between {
    align-content: space-between !important;
  }
  .align-content-lg-space-around {
    align-content: space-around !important;
  }
  .align-content-lg-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-6 {
    order: 6 !important;
  }
  .order-lg-7 {
    order: 7 !important;
  }
  .order-lg-8 {
    order: 8 !important;
  }
  .order-lg-9 {
    order: 9 !important;
  }
  .order-lg-10 {
    order: 10 !important;
  }
  .order-lg-11 {
    order: 11 !important;
  }
  .order-lg-12 {
    order: 12 !important;
  }
  .order-lg-last {
    order: 13 !important;
  }
  .ma-lg-0 {
    margin: 0px !important;
  }
  .ma-lg-1 {
    margin: 4px !important;
  }
  .ma-lg-2 {
    margin: 8px !important;
  }
  .ma-lg-3 {
    margin: 12px !important;
  }
  .ma-lg-4 {
    margin: 16px !important;
  }
  .ma-lg-5 {
    margin: 20px !important;
  }
  .ma-lg-6 {
    margin: 24px !important;
  }
  .ma-lg-7 {
    margin: 28px !important;
  }
  .ma-lg-8 {
    margin: 32px !important;
  }
  .ma-lg-9 {
    margin: 36px !important;
  }
  .ma-lg-10 {
    margin: 40px !important;
  }
  .ma-lg-11 {
    margin: 44px !important;
  }
  .ma-lg-12 {
    margin: 48px !important;
  }
  .ma-lg-13 {
    margin: 52px !important;
  }
  .ma-lg-14 {
    margin: 56px !important;
  }
  .ma-lg-15 {
    margin: 60px !important;
  }
  .ma-lg-16 {
    margin: 64px !important;
  }
  .ma-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-lg-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-lg-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-lg-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-lg-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-lg-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-lg-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-lg-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-lg-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-lg-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-lg-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-lg-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-lg-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-lg-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-lg-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-lg-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-lg-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-lg-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-lg-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-lg-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-lg-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-lg-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-lg-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-lg-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-lg-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-lg-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-lg-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-lg-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-lg-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-lg-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-lg-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-lg-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  .mt-lg-3 {
    margin-top: 12px !important;
  }
  .mt-lg-4 {
    margin-top: 16px !important;
  }
  .mt-lg-5 {
    margin-top: 20px !important;
  }
  .mt-lg-6 {
    margin-top: 24px !important;
  }
  .mt-lg-7 {
    margin-top: 28px !important;
  }
  .mt-lg-8 {
    margin-top: 32px !important;
  }
  .mt-lg-9 {
    margin-top: 36px !important;
  }
  .mt-lg-10 {
    margin-top: 40px !important;
  }
  .mt-lg-11 {
    margin-top: 44px !important;
  }
  .mt-lg-12 {
    margin-top: 48px !important;
  }
  .mt-lg-13 {
    margin-top: 52px !important;
  }
  .mt-lg-14 {
    margin-top: 56px !important;
  }
  .mt-lg-15 {
    margin-top: 60px !important;
  }
  .mt-lg-16 {
    margin-top: 64px !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0px !important;
  }
  .mr-lg-1 {
    margin-right: 4px !important;
  }
  .mr-lg-2 {
    margin-right: 8px !important;
  }
  .mr-lg-3 {
    margin-right: 12px !important;
  }
  .mr-lg-4 {
    margin-right: 16px !important;
  }
  .mr-lg-5 {
    margin-right: 20px !important;
  }
  .mr-lg-6 {
    margin-right: 24px !important;
  }
  .mr-lg-7 {
    margin-right: 28px !important;
  }
  .mr-lg-8 {
    margin-right: 32px !important;
  }
  .mr-lg-9 {
    margin-right: 36px !important;
  }
  .mr-lg-10 {
    margin-right: 40px !important;
  }
  .mr-lg-11 {
    margin-right: 44px !important;
  }
  .mr-lg-12 {
    margin-right: 48px !important;
  }
  .mr-lg-13 {
    margin-right: 52px !important;
  }
  .mr-lg-14 {
    margin-right: 56px !important;
  }
  .mr-lg-15 {
    margin-right: 60px !important;
  }
  .mr-lg-16 {
    margin-right: 64px !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  .mb-lg-3 {
    margin-bottom: 12px !important;
  }
  .mb-lg-4 {
    margin-bottom: 16px !important;
  }
  .mb-lg-5 {
    margin-bottom: 20px !important;
  }
  .mb-lg-6 {
    margin-bottom: 24px !important;
  }
  .mb-lg-7 {
    margin-bottom: 28px !important;
  }
  .mb-lg-8 {
    margin-bottom: 32px !important;
  }
  .mb-lg-9 {
    margin-bottom: 36px !important;
  }
  .mb-lg-10 {
    margin-bottom: 40px !important;
  }
  .mb-lg-11 {
    margin-bottom: 44px !important;
  }
  .mb-lg-12 {
    margin-bottom: 48px !important;
  }
  .mb-lg-13 {
    margin-bottom: 52px !important;
  }
  .mb-lg-14 {
    margin-bottom: 56px !important;
  }
  .mb-lg-15 {
    margin-bottom: 60px !important;
  }
  .mb-lg-16 {
    margin-bottom: 64px !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-0 {
    margin-left: 0px !important;
  }
  .ml-lg-1 {
    margin-left: 4px !important;
  }
  .ml-lg-2 {
    margin-left: 8px !important;
  }
  .ml-lg-3 {
    margin-left: 12px !important;
  }
  .ml-lg-4 {
    margin-left: 16px !important;
  }
  .ml-lg-5 {
    margin-left: 20px !important;
  }
  .ml-lg-6 {
    margin-left: 24px !important;
  }
  .ml-lg-7 {
    margin-left: 28px !important;
  }
  .ml-lg-8 {
    margin-left: 32px !important;
  }
  .ml-lg-9 {
    margin-left: 36px !important;
  }
  .ml-lg-10 {
    margin-left: 40px !important;
  }
  .ml-lg-11 {
    margin-left: 44px !important;
  }
  .ml-lg-12 {
    margin-left: 48px !important;
  }
  .ml-lg-13 {
    margin-left: 52px !important;
  }
  .ml-lg-14 {
    margin-left: 56px !important;
  }
  .ml-lg-15 {
    margin-left: 60px !important;
  }
  .ml-lg-16 {
    margin-left: 64px !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .ms-lg-0 {
    margin-inline-start: 0px !important;
  }
  .ms-lg-1 {
    margin-inline-start: 4px !important;
  }
  .ms-lg-2 {
    margin-inline-start: 8px !important;
  }
  .ms-lg-3 {
    margin-inline-start: 12px !important;
  }
  .ms-lg-4 {
    margin-inline-start: 16px !important;
  }
  .ms-lg-5 {
    margin-inline-start: 20px !important;
  }
  .ms-lg-6 {
    margin-inline-start: 24px !important;
  }
  .ms-lg-7 {
    margin-inline-start: 28px !important;
  }
  .ms-lg-8 {
    margin-inline-start: 32px !important;
  }
  .ms-lg-9 {
    margin-inline-start: 36px !important;
  }
  .ms-lg-10 {
    margin-inline-start: 40px !important;
  }
  .ms-lg-11 {
    margin-inline-start: 44px !important;
  }
  .ms-lg-12 {
    margin-inline-start: 48px !important;
  }
  .ms-lg-13 {
    margin-inline-start: 52px !important;
  }
  .ms-lg-14 {
    margin-inline-start: 56px !important;
  }
  .ms-lg-15 {
    margin-inline-start: 60px !important;
  }
  .ms-lg-16 {
    margin-inline-start: 64px !important;
  }
  .ms-lg-auto {
    margin-inline-start: auto !important;
  }
  .me-lg-0 {
    margin-inline-end: 0px !important;
  }
  .me-lg-1 {
    margin-inline-end: 4px !important;
  }
  .me-lg-2 {
    margin-inline-end: 8px !important;
  }
  .me-lg-3 {
    margin-inline-end: 12px !important;
  }
  .me-lg-4 {
    margin-inline-end: 16px !important;
  }
  .me-lg-5 {
    margin-inline-end: 20px !important;
  }
  .me-lg-6 {
    margin-inline-end: 24px !important;
  }
  .me-lg-7 {
    margin-inline-end: 28px !important;
  }
  .me-lg-8 {
    margin-inline-end: 32px !important;
  }
  .me-lg-9 {
    margin-inline-end: 36px !important;
  }
  .me-lg-10 {
    margin-inline-end: 40px !important;
  }
  .me-lg-11 {
    margin-inline-end: 44px !important;
  }
  .me-lg-12 {
    margin-inline-end: 48px !important;
  }
  .me-lg-13 {
    margin-inline-end: 52px !important;
  }
  .me-lg-14 {
    margin-inline-end: 56px !important;
  }
  .me-lg-15 {
    margin-inline-end: 60px !important;
  }
  .me-lg-16 {
    margin-inline-end: 64px !important;
  }
  .me-lg-auto {
    margin-inline-end: auto !important;
  }
  .ma-lg-n1 {
    margin: -4px !important;
  }
  .ma-lg-n2 {
    margin: -8px !important;
  }
  .ma-lg-n3 {
    margin: -12px !important;
  }
  .ma-lg-n4 {
    margin: -16px !important;
  }
  .ma-lg-n5 {
    margin: -20px !important;
  }
  .ma-lg-n6 {
    margin: -24px !important;
  }
  .ma-lg-n7 {
    margin: -28px !important;
  }
  .ma-lg-n8 {
    margin: -32px !important;
  }
  .ma-lg-n9 {
    margin: -36px !important;
  }
  .ma-lg-n10 {
    margin: -40px !important;
  }
  .ma-lg-n11 {
    margin: -44px !important;
  }
  .ma-lg-n12 {
    margin: -48px !important;
  }
  .ma-lg-n13 {
    margin: -52px !important;
  }
  .ma-lg-n14 {
    margin: -56px !important;
  }
  .ma-lg-n15 {
    margin: -60px !important;
  }
  .ma-lg-n16 {
    margin: -64px !important;
  }
  .mx-lg-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-lg-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-lg-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-lg-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-lg-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-lg-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-lg-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-lg-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-lg-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-lg-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-lg-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-lg-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-lg-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-lg-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-lg-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-lg-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-lg-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-lg-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-lg-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-lg-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-lg-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-lg-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-lg-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-lg-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-lg-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-lg-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-lg-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-lg-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-lg-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-lg-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-lg-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-lg-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-lg-n1 {
    margin-top: -4px !important;
  }
  .mt-lg-n2 {
    margin-top: -8px !important;
  }
  .mt-lg-n3 {
    margin-top: -12px !important;
  }
  .mt-lg-n4 {
    margin-top: -16px !important;
  }
  .mt-lg-n5 {
    margin-top: -20px !important;
  }
  .mt-lg-n6 {
    margin-top: -24px !important;
  }
  .mt-lg-n7 {
    margin-top: -28px !important;
  }
  .mt-lg-n8 {
    margin-top: -32px !important;
  }
  .mt-lg-n9 {
    margin-top: -36px !important;
  }
  .mt-lg-n10 {
    margin-top: -40px !important;
  }
  .mt-lg-n11 {
    margin-top: -44px !important;
  }
  .mt-lg-n12 {
    margin-top: -48px !important;
  }
  .mt-lg-n13 {
    margin-top: -52px !important;
  }
  .mt-lg-n14 {
    margin-top: -56px !important;
  }
  .mt-lg-n15 {
    margin-top: -60px !important;
  }
  .mt-lg-n16 {
    margin-top: -64px !important;
  }
  .mr-lg-n1 {
    margin-right: -4px !important;
  }
  .mr-lg-n2 {
    margin-right: -8px !important;
  }
  .mr-lg-n3 {
    margin-right: -12px !important;
  }
  .mr-lg-n4 {
    margin-right: -16px !important;
  }
  .mr-lg-n5 {
    margin-right: -20px !important;
  }
  .mr-lg-n6 {
    margin-right: -24px !important;
  }
  .mr-lg-n7 {
    margin-right: -28px !important;
  }
  .mr-lg-n8 {
    margin-right: -32px !important;
  }
  .mr-lg-n9 {
    margin-right: -36px !important;
  }
  .mr-lg-n10 {
    margin-right: -40px !important;
  }
  .mr-lg-n11 {
    margin-right: -44px !important;
  }
  .mr-lg-n12 {
    margin-right: -48px !important;
  }
  .mr-lg-n13 {
    margin-right: -52px !important;
  }
  .mr-lg-n14 {
    margin-right: -56px !important;
  }
  .mr-lg-n15 {
    margin-right: -60px !important;
  }
  .mr-lg-n16 {
    margin-right: -64px !important;
  }
  .mb-lg-n1 {
    margin-bottom: -4px !important;
  }
  .mb-lg-n2 {
    margin-bottom: -8px !important;
  }
  .mb-lg-n3 {
    margin-bottom: -12px !important;
  }
  .mb-lg-n4 {
    margin-bottom: -16px !important;
  }
  .mb-lg-n5 {
    margin-bottom: -20px !important;
  }
  .mb-lg-n6 {
    margin-bottom: -24px !important;
  }
  .mb-lg-n7 {
    margin-bottom: -28px !important;
  }
  .mb-lg-n8 {
    margin-bottom: -32px !important;
  }
  .mb-lg-n9 {
    margin-bottom: -36px !important;
  }
  .mb-lg-n10 {
    margin-bottom: -40px !important;
  }
  .mb-lg-n11 {
    margin-bottom: -44px !important;
  }
  .mb-lg-n12 {
    margin-bottom: -48px !important;
  }
  .mb-lg-n13 {
    margin-bottom: -52px !important;
  }
  .mb-lg-n14 {
    margin-bottom: -56px !important;
  }
  .mb-lg-n15 {
    margin-bottom: -60px !important;
  }
  .mb-lg-n16 {
    margin-bottom: -64px !important;
  }
  .ml-lg-n1 {
    margin-left: -4px !important;
  }
  .ml-lg-n2 {
    margin-left: -8px !important;
  }
  .ml-lg-n3 {
    margin-left: -12px !important;
  }
  .ml-lg-n4 {
    margin-left: -16px !important;
  }
  .ml-lg-n5 {
    margin-left: -20px !important;
  }
  .ml-lg-n6 {
    margin-left: -24px !important;
  }
  .ml-lg-n7 {
    margin-left: -28px !important;
  }
  .ml-lg-n8 {
    margin-left: -32px !important;
  }
  .ml-lg-n9 {
    margin-left: -36px !important;
  }
  .ml-lg-n10 {
    margin-left: -40px !important;
  }
  .ml-lg-n11 {
    margin-left: -44px !important;
  }
  .ml-lg-n12 {
    margin-left: -48px !important;
  }
  .ml-lg-n13 {
    margin-left: -52px !important;
  }
  .ml-lg-n14 {
    margin-left: -56px !important;
  }
  .ml-lg-n15 {
    margin-left: -60px !important;
  }
  .ml-lg-n16 {
    margin-left: -64px !important;
  }
  .ms-lg-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-lg-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-lg-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-lg-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-lg-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-lg-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-lg-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-lg-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-lg-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-lg-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-lg-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-lg-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-lg-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-lg-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-lg-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-lg-n16 {
    margin-inline-start: -64px !important;
  }
  .me-lg-n1 {
    margin-inline-end: -4px !important;
  }
  .me-lg-n2 {
    margin-inline-end: -8px !important;
  }
  .me-lg-n3 {
    margin-inline-end: -12px !important;
  }
  .me-lg-n4 {
    margin-inline-end: -16px !important;
  }
  .me-lg-n5 {
    margin-inline-end: -20px !important;
  }
  .me-lg-n6 {
    margin-inline-end: -24px !important;
  }
  .me-lg-n7 {
    margin-inline-end: -28px !important;
  }
  .me-lg-n8 {
    margin-inline-end: -32px !important;
  }
  .me-lg-n9 {
    margin-inline-end: -36px !important;
  }
  .me-lg-n10 {
    margin-inline-end: -40px !important;
  }
  .me-lg-n11 {
    margin-inline-end: -44px !important;
  }
  .me-lg-n12 {
    margin-inline-end: -48px !important;
  }
  .me-lg-n13 {
    margin-inline-end: -52px !important;
  }
  .me-lg-n14 {
    margin-inline-end: -56px !important;
  }
  .me-lg-n15 {
    margin-inline-end: -60px !important;
  }
  .me-lg-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-lg-0 {
    padding: 0px !important;
  }
  .pa-lg-1 {
    padding: 4px !important;
  }
  .pa-lg-2 {
    padding: 8px !important;
  }
  .pa-lg-3 {
    padding: 12px !important;
  }
  .pa-lg-4 {
    padding: 16px !important;
  }
  .pa-lg-5 {
    padding: 20px !important;
  }
  .pa-lg-6 {
    padding: 24px !important;
  }
  .pa-lg-7 {
    padding: 28px !important;
  }
  .pa-lg-8 {
    padding: 32px !important;
  }
  .pa-lg-9 {
    padding: 36px !important;
  }
  .pa-lg-10 {
    padding: 40px !important;
  }
  .pa-lg-11 {
    padding: 44px !important;
  }
  .pa-lg-12 {
    padding: 48px !important;
  }
  .pa-lg-13 {
    padding: 52px !important;
  }
  .pa-lg-14 {
    padding: 56px !important;
  }
  .pa-lg-15 {
    padding: 60px !important;
  }
  .pa-lg-16 {
    padding: 64px !important;
  }
  .px-lg-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-lg-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-lg-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-lg-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-lg-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-lg-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-lg-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-lg-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-lg-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-lg-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-lg-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-lg-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-lg-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-lg-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-lg-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-lg-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-lg-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-lg-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-lg-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-lg-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-lg-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-lg-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-lg-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-lg-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-lg-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-lg-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-lg-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-lg-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-lg-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-lg-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-lg-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  .pt-lg-3 {
    padding-top: 12px !important;
  }
  .pt-lg-4 {
    padding-top: 16px !important;
  }
  .pt-lg-5 {
    padding-top: 20px !important;
  }
  .pt-lg-6 {
    padding-top: 24px !important;
  }
  .pt-lg-7 {
    padding-top: 28px !important;
  }
  .pt-lg-8 {
    padding-top: 32px !important;
  }
  .pt-lg-9 {
    padding-top: 36px !important;
  }
  .pt-lg-10 {
    padding-top: 40px !important;
  }
  .pt-lg-11 {
    padding-top: 44px !important;
  }
  .pt-lg-12 {
    padding-top: 48px !important;
  }
  .pt-lg-13 {
    padding-top: 52px !important;
  }
  .pt-lg-14 {
    padding-top: 56px !important;
  }
  .pt-lg-15 {
    padding-top: 60px !important;
  }
  .pt-lg-16 {
    padding-top: 64px !important;
  }
  .pr-lg-0 {
    padding-right: 0px !important;
  }
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  .pr-lg-3 {
    padding-right: 12px !important;
  }
  .pr-lg-4 {
    padding-right: 16px !important;
  }
  .pr-lg-5 {
    padding-right: 20px !important;
  }
  .pr-lg-6 {
    padding-right: 24px !important;
  }
  .pr-lg-7 {
    padding-right: 28px !important;
  }
  .pr-lg-8 {
    padding-right: 32px !important;
  }
  .pr-lg-9 {
    padding-right: 36px !important;
  }
  .pr-lg-10 {
    padding-right: 40px !important;
  }
  .pr-lg-11 {
    padding-right: 44px !important;
  }
  .pr-lg-12 {
    padding-right: 48px !important;
  }
  .pr-lg-13 {
    padding-right: 52px !important;
  }
  .pr-lg-14 {
    padding-right: 56px !important;
  }
  .pr-lg-15 {
    padding-right: 60px !important;
  }
  .pr-lg-16 {
    padding-right: 64px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  .pb-lg-3 {
    padding-bottom: 12px !important;
  }
  .pb-lg-4 {
    padding-bottom: 16px !important;
  }
  .pb-lg-5 {
    padding-bottom: 20px !important;
  }
  .pb-lg-6 {
    padding-bottom: 24px !important;
  }
  .pb-lg-7 {
    padding-bottom: 28px !important;
  }
  .pb-lg-8 {
    padding-bottom: 32px !important;
  }
  .pb-lg-9 {
    padding-bottom: 36px !important;
  }
  .pb-lg-10 {
    padding-bottom: 40px !important;
  }
  .pb-lg-11 {
    padding-bottom: 44px !important;
  }
  .pb-lg-12 {
    padding-bottom: 48px !important;
  }
  .pb-lg-13 {
    padding-bottom: 52px !important;
  }
  .pb-lg-14 {
    padding-bottom: 56px !important;
  }
  .pb-lg-15 {
    padding-bottom: 60px !important;
  }
  .pb-lg-16 {
    padding-bottom: 64px !important;
  }
  .pl-lg-0 {
    padding-left: 0px !important;
  }
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  .pl-lg-3 {
    padding-left: 12px !important;
  }
  .pl-lg-4 {
    padding-left: 16px !important;
  }
  .pl-lg-5 {
    padding-left: 20px !important;
  }
  .pl-lg-6 {
    padding-left: 24px !important;
  }
  .pl-lg-7 {
    padding-left: 28px !important;
  }
  .pl-lg-8 {
    padding-left: 32px !important;
  }
  .pl-lg-9 {
    padding-left: 36px !important;
  }
  .pl-lg-10 {
    padding-left: 40px !important;
  }
  .pl-lg-11 {
    padding-left: 44px !important;
  }
  .pl-lg-12 {
    padding-left: 48px !important;
  }
  .pl-lg-13 {
    padding-left: 52px !important;
  }
  .pl-lg-14 {
    padding-left: 56px !important;
  }
  .pl-lg-15 {
    padding-left: 60px !important;
  }
  .pl-lg-16 {
    padding-left: 64px !important;
  }
  .ps-lg-0 {
    padding-inline-start: 0px !important;
  }
  .ps-lg-1 {
    padding-inline-start: 4px !important;
  }
  .ps-lg-2 {
    padding-inline-start: 8px !important;
  }
  .ps-lg-3 {
    padding-inline-start: 12px !important;
  }
  .ps-lg-4 {
    padding-inline-start: 16px !important;
  }
  .ps-lg-5 {
    padding-inline-start: 20px !important;
  }
  .ps-lg-6 {
    padding-inline-start: 24px !important;
  }
  .ps-lg-7 {
    padding-inline-start: 28px !important;
  }
  .ps-lg-8 {
    padding-inline-start: 32px !important;
  }
  .ps-lg-9 {
    padding-inline-start: 36px !important;
  }
  .ps-lg-10 {
    padding-inline-start: 40px !important;
  }
  .ps-lg-11 {
    padding-inline-start: 44px !important;
  }
  .ps-lg-12 {
    padding-inline-start: 48px !important;
  }
  .ps-lg-13 {
    padding-inline-start: 52px !important;
  }
  .ps-lg-14 {
    padding-inline-start: 56px !important;
  }
  .ps-lg-15 {
    padding-inline-start: 60px !important;
  }
  .ps-lg-16 {
    padding-inline-start: 64px !important;
  }
  .pe-lg-0 {
    padding-inline-end: 0px !important;
  }
  .pe-lg-1 {
    padding-inline-end: 4px !important;
  }
  .pe-lg-2 {
    padding-inline-end: 8px !important;
  }
  .pe-lg-3 {
    padding-inline-end: 12px !important;
  }
  .pe-lg-4 {
    padding-inline-end: 16px !important;
  }
  .pe-lg-5 {
    padding-inline-end: 20px !important;
  }
  .pe-lg-6 {
    padding-inline-end: 24px !important;
  }
  .pe-lg-7 {
    padding-inline-end: 28px !important;
  }
  .pe-lg-8 {
    padding-inline-end: 32px !important;
  }
  .pe-lg-9 {
    padding-inline-end: 36px !important;
  }
  .pe-lg-10 {
    padding-inline-end: 40px !important;
  }
  .pe-lg-11 {
    padding-inline-end: 44px !important;
  }
  .pe-lg-12 {
    padding-inline-end: 48px !important;
  }
  .pe-lg-13 {
    padding-inline-end: 52px !important;
  }
  .pe-lg-14 {
    padding-inline-end: 56px !important;
  }
  .pe-lg-15 {
    padding-inline-end: 60px !important;
  }
  .pe-lg-16 {
    padding-inline-end: 64px !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-start {
    text-align: start !important;
  }
  .text-lg-end {
    text-align: end !important;
  }
  .text-lg-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
  .text-lg-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-lg-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
}
@media (min-width: 1920px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-xl-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-xl-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-xl-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-xl-start {
    float: left !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-xl-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-xl-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-xl-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-xl-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-xl-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-xl-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-xl-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-space-between {
    justify-content: space-between !important;
  }
  .justify-xl-space-around {
    justify-content: space-around !important;
  }
  .justify-xl-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-baseline {
    align-items: baseline !important;
  }
  .align-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-space-between {
    align-content: space-between !important;
  }
  .align-content-xl-space-around {
    align-content: space-around !important;
  }
  .align-content-xl-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-6 {
    order: 6 !important;
  }
  .order-xl-7 {
    order: 7 !important;
  }
  .order-xl-8 {
    order: 8 !important;
  }
  .order-xl-9 {
    order: 9 !important;
  }
  .order-xl-10 {
    order: 10 !important;
  }
  .order-xl-11 {
    order: 11 !important;
  }
  .order-xl-12 {
    order: 12 !important;
  }
  .order-xl-last {
    order: 13 !important;
  }
  .ma-xl-0 {
    margin: 0px !important;
  }
  .ma-xl-1 {
    margin: 4px !important;
  }
  .ma-xl-2 {
    margin: 8px !important;
  }
  .ma-xl-3 {
    margin: 12px !important;
  }
  .ma-xl-4 {
    margin: 16px !important;
  }
  .ma-xl-5 {
    margin: 20px !important;
  }
  .ma-xl-6 {
    margin: 24px !important;
  }
  .ma-xl-7 {
    margin: 28px !important;
  }
  .ma-xl-8 {
    margin: 32px !important;
  }
  .ma-xl-9 {
    margin: 36px !important;
  }
  .ma-xl-10 {
    margin: 40px !important;
  }
  .ma-xl-11 {
    margin: 44px !important;
  }
  .ma-xl-12 {
    margin: 48px !important;
  }
  .ma-xl-13 {
    margin: 52px !important;
  }
  .ma-xl-14 {
    margin: 56px !important;
  }
  .ma-xl-15 {
    margin: 60px !important;
  }
  .ma-xl-16 {
    margin: 64px !important;
  }
  .ma-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-xl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-xl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-xl-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-xl-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-xl-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xl-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-xl-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-xl-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-xl-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-xl-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xl-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-xl-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-xl-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-xl-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-xl-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xl-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-xl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-xl-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-xl-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-xl-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xl-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-xl-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-xl-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-xl-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-xl-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xl-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-xl-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-xl-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-xl-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-xl-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xl-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0px !important;
  }
  .mt-xl-1 {
    margin-top: 4px !important;
  }
  .mt-xl-2 {
    margin-top: 8px !important;
  }
  .mt-xl-3 {
    margin-top: 12px !important;
  }
  .mt-xl-4 {
    margin-top: 16px !important;
  }
  .mt-xl-5 {
    margin-top: 20px !important;
  }
  .mt-xl-6 {
    margin-top: 24px !important;
  }
  .mt-xl-7 {
    margin-top: 28px !important;
  }
  .mt-xl-8 {
    margin-top: 32px !important;
  }
  .mt-xl-9 {
    margin-top: 36px !important;
  }
  .mt-xl-10 {
    margin-top: 40px !important;
  }
  .mt-xl-11 {
    margin-top: 44px !important;
  }
  .mt-xl-12 {
    margin-top: 48px !important;
  }
  .mt-xl-13 {
    margin-top: 52px !important;
  }
  .mt-xl-14 {
    margin-top: 56px !important;
  }
  .mt-xl-15 {
    margin-top: 60px !important;
  }
  .mt-xl-16 {
    margin-top: 64px !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-0 {
    margin-right: 0px !important;
  }
  .mr-xl-1 {
    margin-right: 4px !important;
  }
  .mr-xl-2 {
    margin-right: 8px !important;
  }
  .mr-xl-3 {
    margin-right: 12px !important;
  }
  .mr-xl-4 {
    margin-right: 16px !important;
  }
  .mr-xl-5 {
    margin-right: 20px !important;
  }
  .mr-xl-6 {
    margin-right: 24px !important;
  }
  .mr-xl-7 {
    margin-right: 28px !important;
  }
  .mr-xl-8 {
    margin-right: 32px !important;
  }
  .mr-xl-9 {
    margin-right: 36px !important;
  }
  .mr-xl-10 {
    margin-right: 40px !important;
  }
  .mr-xl-11 {
    margin-right: 44px !important;
  }
  .mr-xl-12 {
    margin-right: 48px !important;
  }
  .mr-xl-13 {
    margin-right: 52px !important;
  }
  .mr-xl-14 {
    margin-right: 56px !important;
  }
  .mr-xl-15 {
    margin-right: 60px !important;
  }
  .mr-xl-16 {
    margin-right: 64px !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
  .mb-xl-1 {
    margin-bottom: 4px !important;
  }
  .mb-xl-2 {
    margin-bottom: 8px !important;
  }
  .mb-xl-3 {
    margin-bottom: 12px !important;
  }
  .mb-xl-4 {
    margin-bottom: 16px !important;
  }
  .mb-xl-5 {
    margin-bottom: 20px !important;
  }
  .mb-xl-6 {
    margin-bottom: 24px !important;
  }
  .mb-xl-7 {
    margin-bottom: 28px !important;
  }
  .mb-xl-8 {
    margin-bottom: 32px !important;
  }
  .mb-xl-9 {
    margin-bottom: 36px !important;
  }
  .mb-xl-10 {
    margin-bottom: 40px !important;
  }
  .mb-xl-11 {
    margin-bottom: 44px !important;
  }
  .mb-xl-12 {
    margin-bottom: 48px !important;
  }
  .mb-xl-13 {
    margin-bottom: 52px !important;
  }
  .mb-xl-14 {
    margin-bottom: 56px !important;
  }
  .mb-xl-15 {
    margin-bottom: 60px !important;
  }
  .mb-xl-16 {
    margin-bottom: 64px !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-0 {
    margin-left: 0px !important;
  }
  .ml-xl-1 {
    margin-left: 4px !important;
  }
  .ml-xl-2 {
    margin-left: 8px !important;
  }
  .ml-xl-3 {
    margin-left: 12px !important;
  }
  .ml-xl-4 {
    margin-left: 16px !important;
  }
  .ml-xl-5 {
    margin-left: 20px !important;
  }
  .ml-xl-6 {
    margin-left: 24px !important;
  }
  .ml-xl-7 {
    margin-left: 28px !important;
  }
  .ml-xl-8 {
    margin-left: 32px !important;
  }
  .ml-xl-9 {
    margin-left: 36px !important;
  }
  .ml-xl-10 {
    margin-left: 40px !important;
  }
  .ml-xl-11 {
    margin-left: 44px !important;
  }
  .ml-xl-12 {
    margin-left: 48px !important;
  }
  .ml-xl-13 {
    margin-left: 52px !important;
  }
  .ml-xl-14 {
    margin-left: 56px !important;
  }
  .ml-xl-15 {
    margin-left: 60px !important;
  }
  .ml-xl-16 {
    margin-left: 64px !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .ms-xl-0 {
    margin-inline-start: 0px !important;
  }
  .ms-xl-1 {
    margin-inline-start: 4px !important;
  }
  .ms-xl-2 {
    margin-inline-start: 8px !important;
  }
  .ms-xl-3 {
    margin-inline-start: 12px !important;
  }
  .ms-xl-4 {
    margin-inline-start: 16px !important;
  }
  .ms-xl-5 {
    margin-inline-start: 20px !important;
  }
  .ms-xl-6 {
    margin-inline-start: 24px !important;
  }
  .ms-xl-7 {
    margin-inline-start: 28px !important;
  }
  .ms-xl-8 {
    margin-inline-start: 32px !important;
  }
  .ms-xl-9 {
    margin-inline-start: 36px !important;
  }
  .ms-xl-10 {
    margin-inline-start: 40px !important;
  }
  .ms-xl-11 {
    margin-inline-start: 44px !important;
  }
  .ms-xl-12 {
    margin-inline-start: 48px !important;
  }
  .ms-xl-13 {
    margin-inline-start: 52px !important;
  }
  .ms-xl-14 {
    margin-inline-start: 56px !important;
  }
  .ms-xl-15 {
    margin-inline-start: 60px !important;
  }
  .ms-xl-16 {
    margin-inline-start: 64px !important;
  }
  .ms-xl-auto {
    margin-inline-start: auto !important;
  }
  .me-xl-0 {
    margin-inline-end: 0px !important;
  }
  .me-xl-1 {
    margin-inline-end: 4px !important;
  }
  .me-xl-2 {
    margin-inline-end: 8px !important;
  }
  .me-xl-3 {
    margin-inline-end: 12px !important;
  }
  .me-xl-4 {
    margin-inline-end: 16px !important;
  }
  .me-xl-5 {
    margin-inline-end: 20px !important;
  }
  .me-xl-6 {
    margin-inline-end: 24px !important;
  }
  .me-xl-7 {
    margin-inline-end: 28px !important;
  }
  .me-xl-8 {
    margin-inline-end: 32px !important;
  }
  .me-xl-9 {
    margin-inline-end: 36px !important;
  }
  .me-xl-10 {
    margin-inline-end: 40px !important;
  }
  .me-xl-11 {
    margin-inline-end: 44px !important;
  }
  .me-xl-12 {
    margin-inline-end: 48px !important;
  }
  .me-xl-13 {
    margin-inline-end: 52px !important;
  }
  .me-xl-14 {
    margin-inline-end: 56px !important;
  }
  .me-xl-15 {
    margin-inline-end: 60px !important;
  }
  .me-xl-16 {
    margin-inline-end: 64px !important;
  }
  .me-xl-auto {
    margin-inline-end: auto !important;
  }
  .ma-xl-n1 {
    margin: -4px !important;
  }
  .ma-xl-n2 {
    margin: -8px !important;
  }
  .ma-xl-n3 {
    margin: -12px !important;
  }
  .ma-xl-n4 {
    margin: -16px !important;
  }
  .ma-xl-n5 {
    margin: -20px !important;
  }
  .ma-xl-n6 {
    margin: -24px !important;
  }
  .ma-xl-n7 {
    margin: -28px !important;
  }
  .ma-xl-n8 {
    margin: -32px !important;
  }
  .ma-xl-n9 {
    margin: -36px !important;
  }
  .ma-xl-n10 {
    margin: -40px !important;
  }
  .ma-xl-n11 {
    margin: -44px !important;
  }
  .ma-xl-n12 {
    margin: -48px !important;
  }
  .ma-xl-n13 {
    margin: -52px !important;
  }
  .ma-xl-n14 {
    margin: -56px !important;
  }
  .ma-xl-n15 {
    margin: -60px !important;
  }
  .ma-xl-n16 {
    margin: -64px !important;
  }
  .mx-xl-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-xl-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-xl-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-xl-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-xl-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-xl-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-xl-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-xl-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-xl-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-xl-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-xl-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-xl-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-xl-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-xl-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-xl-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-xl-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-xl-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-xl-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-xl-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-xl-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-xl-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-xl-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-xl-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-xl-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-xl-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-xl-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-xl-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-xl-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-xl-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-xl-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-xl-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-xl-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-xl-n1 {
    margin-top: -4px !important;
  }
  .mt-xl-n2 {
    margin-top: -8px !important;
  }
  .mt-xl-n3 {
    margin-top: -12px !important;
  }
  .mt-xl-n4 {
    margin-top: -16px !important;
  }
  .mt-xl-n5 {
    margin-top: -20px !important;
  }
  .mt-xl-n6 {
    margin-top: -24px !important;
  }
  .mt-xl-n7 {
    margin-top: -28px !important;
  }
  .mt-xl-n8 {
    margin-top: -32px !important;
  }
  .mt-xl-n9 {
    margin-top: -36px !important;
  }
  .mt-xl-n10 {
    margin-top: -40px !important;
  }
  .mt-xl-n11 {
    margin-top: -44px !important;
  }
  .mt-xl-n12 {
    margin-top: -48px !important;
  }
  .mt-xl-n13 {
    margin-top: -52px !important;
  }
  .mt-xl-n14 {
    margin-top: -56px !important;
  }
  .mt-xl-n15 {
    margin-top: -60px !important;
  }
  .mt-xl-n16 {
    margin-top: -64px !important;
  }
  .mr-xl-n1 {
    margin-right: -4px !important;
  }
  .mr-xl-n2 {
    margin-right: -8px !important;
  }
  .mr-xl-n3 {
    margin-right: -12px !important;
  }
  .mr-xl-n4 {
    margin-right: -16px !important;
  }
  .mr-xl-n5 {
    margin-right: -20px !important;
  }
  .mr-xl-n6 {
    margin-right: -24px !important;
  }
  .mr-xl-n7 {
    margin-right: -28px !important;
  }
  .mr-xl-n8 {
    margin-right: -32px !important;
  }
  .mr-xl-n9 {
    margin-right: -36px !important;
  }
  .mr-xl-n10 {
    margin-right: -40px !important;
  }
  .mr-xl-n11 {
    margin-right: -44px !important;
  }
  .mr-xl-n12 {
    margin-right: -48px !important;
  }
  .mr-xl-n13 {
    margin-right: -52px !important;
  }
  .mr-xl-n14 {
    margin-right: -56px !important;
  }
  .mr-xl-n15 {
    margin-right: -60px !important;
  }
  .mr-xl-n16 {
    margin-right: -64px !important;
  }
  .mb-xl-n1 {
    margin-bottom: -4px !important;
  }
  .mb-xl-n2 {
    margin-bottom: -8px !important;
  }
  .mb-xl-n3 {
    margin-bottom: -12px !important;
  }
  .mb-xl-n4 {
    margin-bottom: -16px !important;
  }
  .mb-xl-n5 {
    margin-bottom: -20px !important;
  }
  .mb-xl-n6 {
    margin-bottom: -24px !important;
  }
  .mb-xl-n7 {
    margin-bottom: -28px !important;
  }
  .mb-xl-n8 {
    margin-bottom: -32px !important;
  }
  .mb-xl-n9 {
    margin-bottom: -36px !important;
  }
  .mb-xl-n10 {
    margin-bottom: -40px !important;
  }
  .mb-xl-n11 {
    margin-bottom: -44px !important;
  }
  .mb-xl-n12 {
    margin-bottom: -48px !important;
  }
  .mb-xl-n13 {
    margin-bottom: -52px !important;
  }
  .mb-xl-n14 {
    margin-bottom: -56px !important;
  }
  .mb-xl-n15 {
    margin-bottom: -60px !important;
  }
  .mb-xl-n16 {
    margin-bottom: -64px !important;
  }
  .ml-xl-n1 {
    margin-left: -4px !important;
  }
  .ml-xl-n2 {
    margin-left: -8px !important;
  }
  .ml-xl-n3 {
    margin-left: -12px !important;
  }
  .ml-xl-n4 {
    margin-left: -16px !important;
  }
  .ml-xl-n5 {
    margin-left: -20px !important;
  }
  .ml-xl-n6 {
    margin-left: -24px !important;
  }
  .ml-xl-n7 {
    margin-left: -28px !important;
  }
  .ml-xl-n8 {
    margin-left: -32px !important;
  }
  .ml-xl-n9 {
    margin-left: -36px !important;
  }
  .ml-xl-n10 {
    margin-left: -40px !important;
  }
  .ml-xl-n11 {
    margin-left: -44px !important;
  }
  .ml-xl-n12 {
    margin-left: -48px !important;
  }
  .ml-xl-n13 {
    margin-left: -52px !important;
  }
  .ml-xl-n14 {
    margin-left: -56px !important;
  }
  .ml-xl-n15 {
    margin-left: -60px !important;
  }
  .ml-xl-n16 {
    margin-left: -64px !important;
  }
  .ms-xl-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-xl-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-xl-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-xl-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-xl-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-xl-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-xl-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-xl-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-xl-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-xl-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-xl-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-xl-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-xl-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-xl-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-xl-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-xl-n16 {
    margin-inline-start: -64px !important;
  }
  .me-xl-n1 {
    margin-inline-end: -4px !important;
  }
  .me-xl-n2 {
    margin-inline-end: -8px !important;
  }
  .me-xl-n3 {
    margin-inline-end: -12px !important;
  }
  .me-xl-n4 {
    margin-inline-end: -16px !important;
  }
  .me-xl-n5 {
    margin-inline-end: -20px !important;
  }
  .me-xl-n6 {
    margin-inline-end: -24px !important;
  }
  .me-xl-n7 {
    margin-inline-end: -28px !important;
  }
  .me-xl-n8 {
    margin-inline-end: -32px !important;
  }
  .me-xl-n9 {
    margin-inline-end: -36px !important;
  }
  .me-xl-n10 {
    margin-inline-end: -40px !important;
  }
  .me-xl-n11 {
    margin-inline-end: -44px !important;
  }
  .me-xl-n12 {
    margin-inline-end: -48px !important;
  }
  .me-xl-n13 {
    margin-inline-end: -52px !important;
  }
  .me-xl-n14 {
    margin-inline-end: -56px !important;
  }
  .me-xl-n15 {
    margin-inline-end: -60px !important;
  }
  .me-xl-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-xl-0 {
    padding: 0px !important;
  }
  .pa-xl-1 {
    padding: 4px !important;
  }
  .pa-xl-2 {
    padding: 8px !important;
  }
  .pa-xl-3 {
    padding: 12px !important;
  }
  .pa-xl-4 {
    padding: 16px !important;
  }
  .pa-xl-5 {
    padding: 20px !important;
  }
  .pa-xl-6 {
    padding: 24px !important;
  }
  .pa-xl-7 {
    padding: 28px !important;
  }
  .pa-xl-8 {
    padding: 32px !important;
  }
  .pa-xl-9 {
    padding: 36px !important;
  }
  .pa-xl-10 {
    padding: 40px !important;
  }
  .pa-xl-11 {
    padding: 44px !important;
  }
  .pa-xl-12 {
    padding: 48px !important;
  }
  .pa-xl-13 {
    padding: 52px !important;
  }
  .pa-xl-14 {
    padding: 56px !important;
  }
  .pa-xl-15 {
    padding: 60px !important;
  }
  .pa-xl-16 {
    padding: 64px !important;
  }
  .px-xl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-xl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-xl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-xl-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-xl-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-xl-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xl-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-xl-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-xl-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-xl-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-xl-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xl-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-xl-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-xl-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-xl-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-xl-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xl-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-xl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-xl-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-xl-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-xl-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xl-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-xl-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-xl-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-xl-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-xl-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xl-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-xl-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-xl-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-xl-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-xl-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xl-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xl-0 {
    padding-top: 0px !important;
  }
  .pt-xl-1 {
    padding-top: 4px !important;
  }
  .pt-xl-2 {
    padding-top: 8px !important;
  }
  .pt-xl-3 {
    padding-top: 12px !important;
  }
  .pt-xl-4 {
    padding-top: 16px !important;
  }
  .pt-xl-5 {
    padding-top: 20px !important;
  }
  .pt-xl-6 {
    padding-top: 24px !important;
  }
  .pt-xl-7 {
    padding-top: 28px !important;
  }
  .pt-xl-8 {
    padding-top: 32px !important;
  }
  .pt-xl-9 {
    padding-top: 36px !important;
  }
  .pt-xl-10 {
    padding-top: 40px !important;
  }
  .pt-xl-11 {
    padding-top: 44px !important;
  }
  .pt-xl-12 {
    padding-top: 48px !important;
  }
  .pt-xl-13 {
    padding-top: 52px !important;
  }
  .pt-xl-14 {
    padding-top: 56px !important;
  }
  .pt-xl-15 {
    padding-top: 60px !important;
  }
  .pt-xl-16 {
    padding-top: 64px !important;
  }
  .pr-xl-0 {
    padding-right: 0px !important;
  }
  .pr-xl-1 {
    padding-right: 4px !important;
  }
  .pr-xl-2 {
    padding-right: 8px !important;
  }
  .pr-xl-3 {
    padding-right: 12px !important;
  }
  .pr-xl-4 {
    padding-right: 16px !important;
  }
  .pr-xl-5 {
    padding-right: 20px !important;
  }
  .pr-xl-6 {
    padding-right: 24px !important;
  }
  .pr-xl-7 {
    padding-right: 28px !important;
  }
  .pr-xl-8 {
    padding-right: 32px !important;
  }
  .pr-xl-9 {
    padding-right: 36px !important;
  }
  .pr-xl-10 {
    padding-right: 40px !important;
  }
  .pr-xl-11 {
    padding-right: 44px !important;
  }
  .pr-xl-12 {
    padding-right: 48px !important;
  }
  .pr-xl-13 {
    padding-right: 52px !important;
  }
  .pr-xl-14 {
    padding-right: 56px !important;
  }
  .pr-xl-15 {
    padding-right: 60px !important;
  }
  .pr-xl-16 {
    padding-right: 64px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
  .pb-xl-1 {
    padding-bottom: 4px !important;
  }
  .pb-xl-2 {
    padding-bottom: 8px !important;
  }
  .pb-xl-3 {
    padding-bottom: 12px !important;
  }
  .pb-xl-4 {
    padding-bottom: 16px !important;
  }
  .pb-xl-5 {
    padding-bottom: 20px !important;
  }
  .pb-xl-6 {
    padding-bottom: 24px !important;
  }
  .pb-xl-7 {
    padding-bottom: 28px !important;
  }
  .pb-xl-8 {
    padding-bottom: 32px !important;
  }
  .pb-xl-9 {
    padding-bottom: 36px !important;
  }
  .pb-xl-10 {
    padding-bottom: 40px !important;
  }
  .pb-xl-11 {
    padding-bottom: 44px !important;
  }
  .pb-xl-12 {
    padding-bottom: 48px !important;
  }
  .pb-xl-13 {
    padding-bottom: 52px !important;
  }
  .pb-xl-14 {
    padding-bottom: 56px !important;
  }
  .pb-xl-15 {
    padding-bottom: 60px !important;
  }
  .pb-xl-16 {
    padding-bottom: 64px !important;
  }
  .pl-xl-0 {
    padding-left: 0px !important;
  }
  .pl-xl-1 {
    padding-left: 4px !important;
  }
  .pl-xl-2 {
    padding-left: 8px !important;
  }
  .pl-xl-3 {
    padding-left: 12px !important;
  }
  .pl-xl-4 {
    padding-left: 16px !important;
  }
  .pl-xl-5 {
    padding-left: 20px !important;
  }
  .pl-xl-6 {
    padding-left: 24px !important;
  }
  .pl-xl-7 {
    padding-left: 28px !important;
  }
  .pl-xl-8 {
    padding-left: 32px !important;
  }
  .pl-xl-9 {
    padding-left: 36px !important;
  }
  .pl-xl-10 {
    padding-left: 40px !important;
  }
  .pl-xl-11 {
    padding-left: 44px !important;
  }
  .pl-xl-12 {
    padding-left: 48px !important;
  }
  .pl-xl-13 {
    padding-left: 52px !important;
  }
  .pl-xl-14 {
    padding-left: 56px !important;
  }
  .pl-xl-15 {
    padding-left: 60px !important;
  }
  .pl-xl-16 {
    padding-left: 64px !important;
  }
  .ps-xl-0 {
    padding-inline-start: 0px !important;
  }
  .ps-xl-1 {
    padding-inline-start: 4px !important;
  }
  .ps-xl-2 {
    padding-inline-start: 8px !important;
  }
  .ps-xl-3 {
    padding-inline-start: 12px !important;
  }
  .ps-xl-4 {
    padding-inline-start: 16px !important;
  }
  .ps-xl-5 {
    padding-inline-start: 20px !important;
  }
  .ps-xl-6 {
    padding-inline-start: 24px !important;
  }
  .ps-xl-7 {
    padding-inline-start: 28px !important;
  }
  .ps-xl-8 {
    padding-inline-start: 32px !important;
  }
  .ps-xl-9 {
    padding-inline-start: 36px !important;
  }
  .ps-xl-10 {
    padding-inline-start: 40px !important;
  }
  .ps-xl-11 {
    padding-inline-start: 44px !important;
  }
  .ps-xl-12 {
    padding-inline-start: 48px !important;
  }
  .ps-xl-13 {
    padding-inline-start: 52px !important;
  }
  .ps-xl-14 {
    padding-inline-start: 56px !important;
  }
  .ps-xl-15 {
    padding-inline-start: 60px !important;
  }
  .ps-xl-16 {
    padding-inline-start: 64px !important;
  }
  .pe-xl-0 {
    padding-inline-end: 0px !important;
  }
  .pe-xl-1 {
    padding-inline-end: 4px !important;
  }
  .pe-xl-2 {
    padding-inline-end: 8px !important;
  }
  .pe-xl-3 {
    padding-inline-end: 12px !important;
  }
  .pe-xl-4 {
    padding-inline-end: 16px !important;
  }
  .pe-xl-5 {
    padding-inline-end: 20px !important;
  }
  .pe-xl-6 {
    padding-inline-end: 24px !important;
  }
  .pe-xl-7 {
    padding-inline-end: 28px !important;
  }
  .pe-xl-8 {
    padding-inline-end: 32px !important;
  }
  .pe-xl-9 {
    padding-inline-end: 36px !important;
  }
  .pe-xl-10 {
    padding-inline-end: 40px !important;
  }
  .pe-xl-11 {
    padding-inline-end: 44px !important;
  }
  .pe-xl-12 {
    padding-inline-end: 48px !important;
  }
  .pe-xl-13 {
    padding-inline-end: 52px !important;
  }
  .pe-xl-14 {
    padding-inline-end: 56px !important;
  }
  .pe-xl-15 {
    padding-inline-end: 60px !important;
  }
  .pe-xl-16 {
    padding-inline-end: 64px !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
  .text-xl-start {
    text-align: start !important;
  }
  .text-xl-end {
    text-align: end !important;
  }
  .text-xl-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
  .text-xl-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xl-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
}
@media (min-width: 2560px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-xxl-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-xxl-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-xxl-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-xxl-start {
    float: left !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-xxl-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-xxl-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-xxl-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-xxl-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-xxl-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-xxl-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-xxl-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-space-between {
    justify-content: space-between !important;
  }
  .justify-xxl-space-around {
    justify-content: space-around !important;
  }
  .justify-xxl-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-baseline {
    align-items: baseline !important;
  }
  .align-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-space-between {
    align-content: space-between !important;
  }
  .align-content-xxl-space-around {
    align-content: space-around !important;
  }
  .align-content-xxl-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-6 {
    order: 6 !important;
  }
  .order-xxl-7 {
    order: 7 !important;
  }
  .order-xxl-8 {
    order: 8 !important;
  }
  .order-xxl-9 {
    order: 9 !important;
  }
  .order-xxl-10 {
    order: 10 !important;
  }
  .order-xxl-11 {
    order: 11 !important;
  }
  .order-xxl-12 {
    order: 12 !important;
  }
  .order-xxl-last {
    order: 13 !important;
  }
  .ma-xxl-0 {
    margin: 0px !important;
  }
  .ma-xxl-1 {
    margin: 4px !important;
  }
  .ma-xxl-2 {
    margin: 8px !important;
  }
  .ma-xxl-3 {
    margin: 12px !important;
  }
  .ma-xxl-4 {
    margin: 16px !important;
  }
  .ma-xxl-5 {
    margin: 20px !important;
  }
  .ma-xxl-6 {
    margin: 24px !important;
  }
  .ma-xxl-7 {
    margin: 28px !important;
  }
  .ma-xxl-8 {
    margin: 32px !important;
  }
  .ma-xxl-9 {
    margin: 36px !important;
  }
  .ma-xxl-10 {
    margin: 40px !important;
  }
  .ma-xxl-11 {
    margin: 44px !important;
  }
  .ma-xxl-12 {
    margin: 48px !important;
  }
  .ma-xxl-13 {
    margin: 52px !important;
  }
  .ma-xxl-14 {
    margin: 56px !important;
  }
  .ma-xxl-15 {
    margin: 60px !important;
  }
  .ma-xxl-16 {
    margin: 64px !important;
  }
  .ma-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-xxl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-xxl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-xxl-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-xxl-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-xxl-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xxl-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-xxl-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-xxl-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-xxl-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-xxl-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xxl-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-xxl-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-xxl-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-xxl-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-xxl-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xxl-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-xxl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-xxl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-xxl-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-xxl-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-xxl-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xxl-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-xxl-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-xxl-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-xxl-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-xxl-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xxl-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-xxl-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-xxl-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-xxl-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-xxl-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xxl-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0px !important;
  }
  .mt-xxl-1 {
    margin-top: 4px !important;
  }
  .mt-xxl-2 {
    margin-top: 8px !important;
  }
  .mt-xxl-3 {
    margin-top: 12px !important;
  }
  .mt-xxl-4 {
    margin-top: 16px !important;
  }
  .mt-xxl-5 {
    margin-top: 20px !important;
  }
  .mt-xxl-6 {
    margin-top: 24px !important;
  }
  .mt-xxl-7 {
    margin-top: 28px !important;
  }
  .mt-xxl-8 {
    margin-top: 32px !important;
  }
  .mt-xxl-9 {
    margin-top: 36px !important;
  }
  .mt-xxl-10 {
    margin-top: 40px !important;
  }
  .mt-xxl-11 {
    margin-top: 44px !important;
  }
  .mt-xxl-12 {
    margin-top: 48px !important;
  }
  .mt-xxl-13 {
    margin-top: 52px !important;
  }
  .mt-xxl-14 {
    margin-top: 56px !important;
  }
  .mt-xxl-15 {
    margin-top: 60px !important;
  }
  .mt-xxl-16 {
    margin-top: 64px !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-0 {
    margin-right: 0px !important;
  }
  .mr-xxl-1 {
    margin-right: 4px !important;
  }
  .mr-xxl-2 {
    margin-right: 8px !important;
  }
  .mr-xxl-3 {
    margin-right: 12px !important;
  }
  .mr-xxl-4 {
    margin-right: 16px !important;
  }
  .mr-xxl-5 {
    margin-right: 20px !important;
  }
  .mr-xxl-6 {
    margin-right: 24px !important;
  }
  .mr-xxl-7 {
    margin-right: 28px !important;
  }
  .mr-xxl-8 {
    margin-right: 32px !important;
  }
  .mr-xxl-9 {
    margin-right: 36px !important;
  }
  .mr-xxl-10 {
    margin-right: 40px !important;
  }
  .mr-xxl-11 {
    margin-right: 44px !important;
  }
  .mr-xxl-12 {
    margin-right: 48px !important;
  }
  .mr-xxl-13 {
    margin-right: 52px !important;
  }
  .mr-xxl-14 {
    margin-right: 56px !important;
  }
  .mr-xxl-15 {
    margin-right: 60px !important;
  }
  .mr-xxl-16 {
    margin-right: 64px !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0px !important;
  }
  .mb-xxl-1 {
    margin-bottom: 4px !important;
  }
  .mb-xxl-2 {
    margin-bottom: 8px !important;
  }
  .mb-xxl-3 {
    margin-bottom: 12px !important;
  }
  .mb-xxl-4 {
    margin-bottom: 16px !important;
  }
  .mb-xxl-5 {
    margin-bottom: 20px !important;
  }
  .mb-xxl-6 {
    margin-bottom: 24px !important;
  }
  .mb-xxl-7 {
    margin-bottom: 28px !important;
  }
  .mb-xxl-8 {
    margin-bottom: 32px !important;
  }
  .mb-xxl-9 {
    margin-bottom: 36px !important;
  }
  .mb-xxl-10 {
    margin-bottom: 40px !important;
  }
  .mb-xxl-11 {
    margin-bottom: 44px !important;
  }
  .mb-xxl-12 {
    margin-bottom: 48px !important;
  }
  .mb-xxl-13 {
    margin-bottom: 52px !important;
  }
  .mb-xxl-14 {
    margin-bottom: 56px !important;
  }
  .mb-xxl-15 {
    margin-bottom: 60px !important;
  }
  .mb-xxl-16 {
    margin-bottom: 64px !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-0 {
    margin-left: 0px !important;
  }
  .ml-xxl-1 {
    margin-left: 4px !important;
  }
  .ml-xxl-2 {
    margin-left: 8px !important;
  }
  .ml-xxl-3 {
    margin-left: 12px !important;
  }
  .ml-xxl-4 {
    margin-left: 16px !important;
  }
  .ml-xxl-5 {
    margin-left: 20px !important;
  }
  .ml-xxl-6 {
    margin-left: 24px !important;
  }
  .ml-xxl-7 {
    margin-left: 28px !important;
  }
  .ml-xxl-8 {
    margin-left: 32px !important;
  }
  .ml-xxl-9 {
    margin-left: 36px !important;
  }
  .ml-xxl-10 {
    margin-left: 40px !important;
  }
  .ml-xxl-11 {
    margin-left: 44px !important;
  }
  .ml-xxl-12 {
    margin-left: 48px !important;
  }
  .ml-xxl-13 {
    margin-left: 52px !important;
  }
  .ml-xxl-14 {
    margin-left: 56px !important;
  }
  .ml-xxl-15 {
    margin-left: 60px !important;
  }
  .ml-xxl-16 {
    margin-left: 64px !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .ms-xxl-0 {
    margin-inline-start: 0px !important;
  }
  .ms-xxl-1 {
    margin-inline-start: 4px !important;
  }
  .ms-xxl-2 {
    margin-inline-start: 8px !important;
  }
  .ms-xxl-3 {
    margin-inline-start: 12px !important;
  }
  .ms-xxl-4 {
    margin-inline-start: 16px !important;
  }
  .ms-xxl-5 {
    margin-inline-start: 20px !important;
  }
  .ms-xxl-6 {
    margin-inline-start: 24px !important;
  }
  .ms-xxl-7 {
    margin-inline-start: 28px !important;
  }
  .ms-xxl-8 {
    margin-inline-start: 32px !important;
  }
  .ms-xxl-9 {
    margin-inline-start: 36px !important;
  }
  .ms-xxl-10 {
    margin-inline-start: 40px !important;
  }
  .ms-xxl-11 {
    margin-inline-start: 44px !important;
  }
  .ms-xxl-12 {
    margin-inline-start: 48px !important;
  }
  .ms-xxl-13 {
    margin-inline-start: 52px !important;
  }
  .ms-xxl-14 {
    margin-inline-start: 56px !important;
  }
  .ms-xxl-15 {
    margin-inline-start: 60px !important;
  }
  .ms-xxl-16 {
    margin-inline-start: 64px !important;
  }
  .ms-xxl-auto {
    margin-inline-start: auto !important;
  }
  .me-xxl-0 {
    margin-inline-end: 0px !important;
  }
  .me-xxl-1 {
    margin-inline-end: 4px !important;
  }
  .me-xxl-2 {
    margin-inline-end: 8px !important;
  }
  .me-xxl-3 {
    margin-inline-end: 12px !important;
  }
  .me-xxl-4 {
    margin-inline-end: 16px !important;
  }
  .me-xxl-5 {
    margin-inline-end: 20px !important;
  }
  .me-xxl-6 {
    margin-inline-end: 24px !important;
  }
  .me-xxl-7 {
    margin-inline-end: 28px !important;
  }
  .me-xxl-8 {
    margin-inline-end: 32px !important;
  }
  .me-xxl-9 {
    margin-inline-end: 36px !important;
  }
  .me-xxl-10 {
    margin-inline-end: 40px !important;
  }
  .me-xxl-11 {
    margin-inline-end: 44px !important;
  }
  .me-xxl-12 {
    margin-inline-end: 48px !important;
  }
  .me-xxl-13 {
    margin-inline-end: 52px !important;
  }
  .me-xxl-14 {
    margin-inline-end: 56px !important;
  }
  .me-xxl-15 {
    margin-inline-end: 60px !important;
  }
  .me-xxl-16 {
    margin-inline-end: 64px !important;
  }
  .me-xxl-auto {
    margin-inline-end: auto !important;
  }
  .ma-xxl-n1 {
    margin: -4px !important;
  }
  .ma-xxl-n2 {
    margin: -8px !important;
  }
  .ma-xxl-n3 {
    margin: -12px !important;
  }
  .ma-xxl-n4 {
    margin: -16px !important;
  }
  .ma-xxl-n5 {
    margin: -20px !important;
  }
  .ma-xxl-n6 {
    margin: -24px !important;
  }
  .ma-xxl-n7 {
    margin: -28px !important;
  }
  .ma-xxl-n8 {
    margin: -32px !important;
  }
  .ma-xxl-n9 {
    margin: -36px !important;
  }
  .ma-xxl-n10 {
    margin: -40px !important;
  }
  .ma-xxl-n11 {
    margin: -44px !important;
  }
  .ma-xxl-n12 {
    margin: -48px !important;
  }
  .ma-xxl-n13 {
    margin: -52px !important;
  }
  .ma-xxl-n14 {
    margin: -56px !important;
  }
  .ma-xxl-n15 {
    margin: -60px !important;
  }
  .ma-xxl-n16 {
    margin: -64px !important;
  }
  .mx-xxl-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-xxl-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-xxl-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-xxl-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-xxl-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-xxl-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-xxl-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-xxl-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-xxl-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-xxl-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-xxl-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-xxl-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-xxl-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-xxl-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-xxl-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-xxl-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-xxl-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-xxl-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-xxl-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-xxl-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-xxl-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-xxl-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-xxl-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-xxl-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-xxl-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-xxl-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-xxl-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-xxl-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-xxl-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-xxl-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-xxl-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-xxl-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-xxl-n1 {
    margin-top: -4px !important;
  }
  .mt-xxl-n2 {
    margin-top: -8px !important;
  }
  .mt-xxl-n3 {
    margin-top: -12px !important;
  }
  .mt-xxl-n4 {
    margin-top: -16px !important;
  }
  .mt-xxl-n5 {
    margin-top: -20px !important;
  }
  .mt-xxl-n6 {
    margin-top: -24px !important;
  }
  .mt-xxl-n7 {
    margin-top: -28px !important;
  }
  .mt-xxl-n8 {
    margin-top: -32px !important;
  }
  .mt-xxl-n9 {
    margin-top: -36px !important;
  }
  .mt-xxl-n10 {
    margin-top: -40px !important;
  }
  .mt-xxl-n11 {
    margin-top: -44px !important;
  }
  .mt-xxl-n12 {
    margin-top: -48px !important;
  }
  .mt-xxl-n13 {
    margin-top: -52px !important;
  }
  .mt-xxl-n14 {
    margin-top: -56px !important;
  }
  .mt-xxl-n15 {
    margin-top: -60px !important;
  }
  .mt-xxl-n16 {
    margin-top: -64px !important;
  }
  .mr-xxl-n1 {
    margin-right: -4px !important;
  }
  .mr-xxl-n2 {
    margin-right: -8px !important;
  }
  .mr-xxl-n3 {
    margin-right: -12px !important;
  }
  .mr-xxl-n4 {
    margin-right: -16px !important;
  }
  .mr-xxl-n5 {
    margin-right: -20px !important;
  }
  .mr-xxl-n6 {
    margin-right: -24px !important;
  }
  .mr-xxl-n7 {
    margin-right: -28px !important;
  }
  .mr-xxl-n8 {
    margin-right: -32px !important;
  }
  .mr-xxl-n9 {
    margin-right: -36px !important;
  }
  .mr-xxl-n10 {
    margin-right: -40px !important;
  }
  .mr-xxl-n11 {
    margin-right: -44px !important;
  }
  .mr-xxl-n12 {
    margin-right: -48px !important;
  }
  .mr-xxl-n13 {
    margin-right: -52px !important;
  }
  .mr-xxl-n14 {
    margin-right: -56px !important;
  }
  .mr-xxl-n15 {
    margin-right: -60px !important;
  }
  .mr-xxl-n16 {
    margin-right: -64px !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -4px !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -8px !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -12px !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -16px !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -20px !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -24px !important;
  }
  .mb-xxl-n7 {
    margin-bottom: -28px !important;
  }
  .mb-xxl-n8 {
    margin-bottom: -32px !important;
  }
  .mb-xxl-n9 {
    margin-bottom: -36px !important;
  }
  .mb-xxl-n10 {
    margin-bottom: -40px !important;
  }
  .mb-xxl-n11 {
    margin-bottom: -44px !important;
  }
  .mb-xxl-n12 {
    margin-bottom: -48px !important;
  }
  .mb-xxl-n13 {
    margin-bottom: -52px !important;
  }
  .mb-xxl-n14 {
    margin-bottom: -56px !important;
  }
  .mb-xxl-n15 {
    margin-bottom: -60px !important;
  }
  .mb-xxl-n16 {
    margin-bottom: -64px !important;
  }
  .ml-xxl-n1 {
    margin-left: -4px !important;
  }
  .ml-xxl-n2 {
    margin-left: -8px !important;
  }
  .ml-xxl-n3 {
    margin-left: -12px !important;
  }
  .ml-xxl-n4 {
    margin-left: -16px !important;
  }
  .ml-xxl-n5 {
    margin-left: -20px !important;
  }
  .ml-xxl-n6 {
    margin-left: -24px !important;
  }
  .ml-xxl-n7 {
    margin-left: -28px !important;
  }
  .ml-xxl-n8 {
    margin-left: -32px !important;
  }
  .ml-xxl-n9 {
    margin-left: -36px !important;
  }
  .ml-xxl-n10 {
    margin-left: -40px !important;
  }
  .ml-xxl-n11 {
    margin-left: -44px !important;
  }
  .ml-xxl-n12 {
    margin-left: -48px !important;
  }
  .ml-xxl-n13 {
    margin-left: -52px !important;
  }
  .ml-xxl-n14 {
    margin-left: -56px !important;
  }
  .ml-xxl-n15 {
    margin-left: -60px !important;
  }
  .ml-xxl-n16 {
    margin-left: -64px !important;
  }
  .ms-xxl-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-xxl-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-xxl-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-xxl-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-xxl-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-xxl-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-xxl-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-xxl-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-xxl-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-xxl-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-xxl-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-xxl-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-xxl-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-xxl-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-xxl-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-xxl-n16 {
    margin-inline-start: -64px !important;
  }
  .me-xxl-n1 {
    margin-inline-end: -4px !important;
  }
  .me-xxl-n2 {
    margin-inline-end: -8px !important;
  }
  .me-xxl-n3 {
    margin-inline-end: -12px !important;
  }
  .me-xxl-n4 {
    margin-inline-end: -16px !important;
  }
  .me-xxl-n5 {
    margin-inline-end: -20px !important;
  }
  .me-xxl-n6 {
    margin-inline-end: -24px !important;
  }
  .me-xxl-n7 {
    margin-inline-end: -28px !important;
  }
  .me-xxl-n8 {
    margin-inline-end: -32px !important;
  }
  .me-xxl-n9 {
    margin-inline-end: -36px !important;
  }
  .me-xxl-n10 {
    margin-inline-end: -40px !important;
  }
  .me-xxl-n11 {
    margin-inline-end: -44px !important;
  }
  .me-xxl-n12 {
    margin-inline-end: -48px !important;
  }
  .me-xxl-n13 {
    margin-inline-end: -52px !important;
  }
  .me-xxl-n14 {
    margin-inline-end: -56px !important;
  }
  .me-xxl-n15 {
    margin-inline-end: -60px !important;
  }
  .me-xxl-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-xxl-0 {
    padding: 0px !important;
  }
  .pa-xxl-1 {
    padding: 4px !important;
  }
  .pa-xxl-2 {
    padding: 8px !important;
  }
  .pa-xxl-3 {
    padding: 12px !important;
  }
  .pa-xxl-4 {
    padding: 16px !important;
  }
  .pa-xxl-5 {
    padding: 20px !important;
  }
  .pa-xxl-6 {
    padding: 24px !important;
  }
  .pa-xxl-7 {
    padding: 28px !important;
  }
  .pa-xxl-8 {
    padding: 32px !important;
  }
  .pa-xxl-9 {
    padding: 36px !important;
  }
  .pa-xxl-10 {
    padding: 40px !important;
  }
  .pa-xxl-11 {
    padding: 44px !important;
  }
  .pa-xxl-12 {
    padding: 48px !important;
  }
  .pa-xxl-13 {
    padding: 52px !important;
  }
  .pa-xxl-14 {
    padding: 56px !important;
  }
  .pa-xxl-15 {
    padding: 60px !important;
  }
  .pa-xxl-16 {
    padding: 64px !important;
  }
  .px-xxl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-xxl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-xxl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-xxl-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-xxl-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-xxl-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xxl-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-xxl-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-xxl-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-xxl-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-xxl-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xxl-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-xxl-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-xxl-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-xxl-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-xxl-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xxl-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-xxl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-xxl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-xxl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-xxl-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-xxl-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-xxl-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xxl-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-xxl-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-xxl-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-xxl-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-xxl-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xxl-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-xxl-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-xxl-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-xxl-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-xxl-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xxl-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xxl-0 {
    padding-top: 0px !important;
  }
  .pt-xxl-1 {
    padding-top: 4px !important;
  }
  .pt-xxl-2 {
    padding-top: 8px !important;
  }
  .pt-xxl-3 {
    padding-top: 12px !important;
  }
  .pt-xxl-4 {
    padding-top: 16px !important;
  }
  .pt-xxl-5 {
    padding-top: 20px !important;
  }
  .pt-xxl-6 {
    padding-top: 24px !important;
  }
  .pt-xxl-7 {
    padding-top: 28px !important;
  }
  .pt-xxl-8 {
    padding-top: 32px !important;
  }
  .pt-xxl-9 {
    padding-top: 36px !important;
  }
  .pt-xxl-10 {
    padding-top: 40px !important;
  }
  .pt-xxl-11 {
    padding-top: 44px !important;
  }
  .pt-xxl-12 {
    padding-top: 48px !important;
  }
  .pt-xxl-13 {
    padding-top: 52px !important;
  }
  .pt-xxl-14 {
    padding-top: 56px !important;
  }
  .pt-xxl-15 {
    padding-top: 60px !important;
  }
  .pt-xxl-16 {
    padding-top: 64px !important;
  }
  .pr-xxl-0 {
    padding-right: 0px !important;
  }
  .pr-xxl-1 {
    padding-right: 4px !important;
  }
  .pr-xxl-2 {
    padding-right: 8px !important;
  }
  .pr-xxl-3 {
    padding-right: 12px !important;
  }
  .pr-xxl-4 {
    padding-right: 16px !important;
  }
  .pr-xxl-5 {
    padding-right: 20px !important;
  }
  .pr-xxl-6 {
    padding-right: 24px !important;
  }
  .pr-xxl-7 {
    padding-right: 28px !important;
  }
  .pr-xxl-8 {
    padding-right: 32px !important;
  }
  .pr-xxl-9 {
    padding-right: 36px !important;
  }
  .pr-xxl-10 {
    padding-right: 40px !important;
  }
  .pr-xxl-11 {
    padding-right: 44px !important;
  }
  .pr-xxl-12 {
    padding-right: 48px !important;
  }
  .pr-xxl-13 {
    padding-right: 52px !important;
  }
  .pr-xxl-14 {
    padding-right: 56px !important;
  }
  .pr-xxl-15 {
    padding-right: 60px !important;
  }
  .pr-xxl-16 {
    padding-right: 64px !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0px !important;
  }
  .pb-xxl-1 {
    padding-bottom: 4px !important;
  }
  .pb-xxl-2 {
    padding-bottom: 8px !important;
  }
  .pb-xxl-3 {
    padding-bottom: 12px !important;
  }
  .pb-xxl-4 {
    padding-bottom: 16px !important;
  }
  .pb-xxl-5 {
    padding-bottom: 20px !important;
  }
  .pb-xxl-6 {
    padding-bottom: 24px !important;
  }
  .pb-xxl-7 {
    padding-bottom: 28px !important;
  }
  .pb-xxl-8 {
    padding-bottom: 32px !important;
  }
  .pb-xxl-9 {
    padding-bottom: 36px !important;
  }
  .pb-xxl-10 {
    padding-bottom: 40px !important;
  }
  .pb-xxl-11 {
    padding-bottom: 44px !important;
  }
  .pb-xxl-12 {
    padding-bottom: 48px !important;
  }
  .pb-xxl-13 {
    padding-bottom: 52px !important;
  }
  .pb-xxl-14 {
    padding-bottom: 56px !important;
  }
  .pb-xxl-15 {
    padding-bottom: 60px !important;
  }
  .pb-xxl-16 {
    padding-bottom: 64px !important;
  }
  .pl-xxl-0 {
    padding-left: 0px !important;
  }
  .pl-xxl-1 {
    padding-left: 4px !important;
  }
  .pl-xxl-2 {
    padding-left: 8px !important;
  }
  .pl-xxl-3 {
    padding-left: 12px !important;
  }
  .pl-xxl-4 {
    padding-left: 16px !important;
  }
  .pl-xxl-5 {
    padding-left: 20px !important;
  }
  .pl-xxl-6 {
    padding-left: 24px !important;
  }
  .pl-xxl-7 {
    padding-left: 28px !important;
  }
  .pl-xxl-8 {
    padding-left: 32px !important;
  }
  .pl-xxl-9 {
    padding-left: 36px !important;
  }
  .pl-xxl-10 {
    padding-left: 40px !important;
  }
  .pl-xxl-11 {
    padding-left: 44px !important;
  }
  .pl-xxl-12 {
    padding-left: 48px !important;
  }
  .pl-xxl-13 {
    padding-left: 52px !important;
  }
  .pl-xxl-14 {
    padding-left: 56px !important;
  }
  .pl-xxl-15 {
    padding-left: 60px !important;
  }
  .pl-xxl-16 {
    padding-left: 64px !important;
  }
  .ps-xxl-0 {
    padding-inline-start: 0px !important;
  }
  .ps-xxl-1 {
    padding-inline-start: 4px !important;
  }
  .ps-xxl-2 {
    padding-inline-start: 8px !important;
  }
  .ps-xxl-3 {
    padding-inline-start: 12px !important;
  }
  .ps-xxl-4 {
    padding-inline-start: 16px !important;
  }
  .ps-xxl-5 {
    padding-inline-start: 20px !important;
  }
  .ps-xxl-6 {
    padding-inline-start: 24px !important;
  }
  .ps-xxl-7 {
    padding-inline-start: 28px !important;
  }
  .ps-xxl-8 {
    padding-inline-start: 32px !important;
  }
  .ps-xxl-9 {
    padding-inline-start: 36px !important;
  }
  .ps-xxl-10 {
    padding-inline-start: 40px !important;
  }
  .ps-xxl-11 {
    padding-inline-start: 44px !important;
  }
  .ps-xxl-12 {
    padding-inline-start: 48px !important;
  }
  .ps-xxl-13 {
    padding-inline-start: 52px !important;
  }
  .ps-xxl-14 {
    padding-inline-start: 56px !important;
  }
  .ps-xxl-15 {
    padding-inline-start: 60px !important;
  }
  .ps-xxl-16 {
    padding-inline-start: 64px !important;
  }
  .pe-xxl-0 {
    padding-inline-end: 0px !important;
  }
  .pe-xxl-1 {
    padding-inline-end: 4px !important;
  }
  .pe-xxl-2 {
    padding-inline-end: 8px !important;
  }
  .pe-xxl-3 {
    padding-inline-end: 12px !important;
  }
  .pe-xxl-4 {
    padding-inline-end: 16px !important;
  }
  .pe-xxl-5 {
    padding-inline-end: 20px !important;
  }
  .pe-xxl-6 {
    padding-inline-end: 24px !important;
  }
  .pe-xxl-7 {
    padding-inline-end: 28px !important;
  }
  .pe-xxl-8 {
    padding-inline-end: 32px !important;
  }
  .pe-xxl-9 {
    padding-inline-end: 36px !important;
  }
  .pe-xxl-10 {
    padding-inline-end: 40px !important;
  }
  .pe-xxl-11 {
    padding-inline-end: 44px !important;
  }
  .pe-xxl-12 {
    padding-inline-end: 48px !important;
  }
  .pe-xxl-13 {
    padding-inline-end: 52px !important;
  }
  .pe-xxl-14 {
    padding-inline-end: 56px !important;
  }
  .pe-xxl-15 {
    padding-inline-end: 60px !important;
  }
  .pe-xxl-16 {
    padding-inline-end: 64px !important;
  }
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-justify {
    text-align: justify !important;
  }
  .text-xxl-start {
    text-align: start !important;
  }
  .text-xxl-end {
    text-align: end !important;
  }
  .text-xxl-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
  .text-xxl-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: none !important;
  }
  .text-xxl-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .float-print-none {
    float: none !important;
  }
  .float-print-left {
    float: left !important;
  }
  .float-print-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-print-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-print-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-print-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-print-start {
    float: left !important;
  }
}
.v-ripple__container {
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}
.v-ripple__animation {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}
.v-ripple__animation--enter {
  transition: none;
  opacity: 0;
}
.v-ripple__animation--in {
  transition:
    transform 0.25s cubic-bezier(0, 0, 0.2, 1),
    opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
  opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
}
.v-ripple__animation--out {
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
  opacity: 0;
}
.v-code {
  background-color: rgb(var(--v-theme-code));
  color: rgb(var(--v-theme-on-code));
  border-radius: 4px;
  line-height: 1.8;
  font-size: 0.9em;
  font-weight: normal;
  padding: 0.2em 0.4em;
}
.v-kbd {
  background: rgb(var(--v-theme-kbd));
  color: rgb(var(--v-theme-on-kbd));
  border-radius: 3px;
  display: inline;
  font-size: 85%;
  font-weight: normal;
  padding: 0.2em 0.4rem;
  box-shadow:
    0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.bottom-sheet-transition-enter-from {
  transform: translateY(100%);
}
.bottom-sheet-transition-leave-to {
  transform: translateY(100%);
}

.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
  align-self: flex-end;
  border-radius: 0;
  flex: 0 1 auto;
  left: 0;
  right: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-bottom: 0;
  transition-duration: 0.2s;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
  border-radius: 0;
}
.v-bottom-sheet.v-bottom-sheet--inset {
  max-width: none;
}
@media (min-width: 600px) {
  .v-bottom-sheet.v-bottom-sheet--inset {
    max-width: 70%;
  }
}
.v-data-table {
  width: 100%;
}

.v-data-table__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.v-data-table__tr--focus {
  border: 1px dotted black;
}
.v-data-table__tr--clickable {
  cursor: pointer;
}

.v-data-table .v-table__wrapper > table > thead > tr > td,
.v-data-table .v-table__wrapper > table > thead > tr th,
.v-data-table .v-table__wrapper > table tbody > tr > td,
.v-data-table .v-table__wrapper > table tbody > tr th {
  background: rgb(var(--v-theme-surface));
}
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
  text-align: end;
}
.v-data-table
  .v-table__wrapper
  > table
  > thead
  > tr
  > td.v-data-table-column--align-end
  .v-data-table-header__content,
.v-data-table
  .v-table__wrapper
  > table
  > thead
  > tr
  th.v-data-table-column--align-end
  .v-data-table-header__content,
.v-data-table
  .v-table__wrapper
  > table
  tbody
  > tr
  > td.v-data-table-column--align-end
  .v-data-table-header__content,
.v-data-table
  .v-table__wrapper
  > table
  tbody
  > tr
  th.v-data-table-column--align-end
  .v-data-table-header__content {
  flex-direction: row-reverse;
}
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
  text-align: center;
}
.v-data-table
  .v-table__wrapper
  > table
  > thead
  > tr
  > td.v-data-table-column--align-center
  .v-data-table-header__content,
.v-data-table
  .v-table__wrapper
  > table
  > thead
  > tr
  th.v-data-table-column--align-center
  .v-data-table-header__content,
.v-data-table
  .v-table__wrapper
  > table
  tbody
  > tr
  > td.v-data-table-column--align-center
  .v-data-table-header__content,
.v-data-table
  .v-table__wrapper
  > table
  tbody
  > tr
  th.v-data-table-column--align-center
  .v-data-table-header__content {
  justify-content: center;
}
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
  padding: 0 8px;
}
.v-data-table .v-table__wrapper > table > thead > tr > th,
.v-data-table .v-table__wrapper > table tbody > tr > th {
  align-items: center;
}
.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
  cursor: pointer;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-data-table
  .v-table__wrapper
  > table
  > thead
  > tr
  > th:not(.v-data-table__th--sorted)
  .v-data-table-header__sort-icon,
.v-data-table
  .v-table__wrapper
  > table
  tbody
  > tr
  > th:not(.v-data-table__th--sorted)
  .v-data-table-header__sort-icon {
  opacity: 0;
}
.v-data-table
  .v-table__wrapper
  > table
  > thead
  > tr
  > th:not(.v-data-table__th--sorted):hover
  .v-data-table-header__sort-icon,
.v-data-table
  .v-table__wrapper
  > table
  tbody
  > tr
  > th:not(.v-data-table__th--sorted):hover
  .v-data-table-header__sort-icon {
  opacity: 0.5;
}

.v-data-table-column--fixed {
  position: sticky;
  z-index: 2;
  left: 0;
}

.v-data-table-column--last-fixed {
  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-data-table-group-header-row td {
  background: lightgrey;
}
.v-data-table-group-header-row td > span {
  padding-left: 5px;
}

.v-data-table--loading .v-data-table__td {
  opacity: 0.3;
}

.v-data-table-group-header-row__column {
  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
}

.v-data-table-header__content {
  display: flex;
  align-items: center;
}

.v-data-table-header__sort-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  padding: 4px;
  border-radius: 50%;
  background: rgba(var(--v-border-color), var(--v-border-opacity));
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
}

.v-data-table-progress > th {
  border: none !important;
  height: auto !important;
  padding: 0 !important;
}

.v-data-table-rows-loading,
.v-data-table-rows-no-data {
  text-align: center;
}
.v-data-table-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 8px;
  justify-content: flex-end;
}

.v-data-table-footer__items-per-page {
  padding-inline-end: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.v-data-table-footer__items-per-page > span {
  padding-inline-end: 24px;
}

.v-data-table-footer__info {
  display: flex;
  padding-inline-end: 24px;
}

.v-data-table-footer__pagination {
  display: flex;
  align-items: center;
}

.v-data-table-footer__page {
  padding: 0 8px;
}
.v-date-card {
  padding-bottom: 8px;
}
.v-date-card .v-card-actions {
  justify-content: flex-end;
}

.v-date-card .v-date-picker-month {
  padding-left: 12px;
  padding-right: 12px;
}
.v-date-card .v-date-picker-month .v-date-picker-month__day {
  height: 32px;
  width: 32px;
}
.v-date-card .v-date-picker-month .v-date-picker-month__day .v-btn {
  --v-btn-height: 16px;
  --v-btn-size: 0.75rem;
}
.v-date-card .v-date-picker-years {
  height: 248px;
}
.v-date-card .v-date-picker-years .v-date-picker-years__content {
  grid-template-columns: repeat(4, 56px);
  grid-gap: 0px;
  grid-row-gap: 2px;
  padding-right: 3px;
}
.v-date-card .v-date-picker-years .v-date-picker-years__content .v-btn {
  --v-btn-height: 28px;
  --v-btn-size: 0.75rem;
  min-width: unset;
}
.v-date-picker__input {
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.v-date-picker {
  overflow: hidden;
}
.v-date-picker .v-date-picker-month {
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}
.v-date-picker .v-date-picker-month .v-date-picker-month__day {
  height: 48px;
  width: 48px;
}
.v-date-picker .v-date-picker-month .v-date-picker-month__day .v-btn {
  --v-btn-height: 28px;
  --v-btn-size: 0.85rem;
}
.v-date-picker-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  padding-inline-start: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-inline-end: 12px;
}
.v-date-picker-controls .v-btn:last-child {
  margin-left: 4px;
}

.v-date-picker-controls__date {
  margin-right: 4px;
}
.v-date-picker-header {
  display: grid;
  grid-template-areas: "prepend content append";
  grid-template-columns: min-content minmax(0, 1fr) min-content;
  overflow: hidden;
  padding-inline-start: 24px;
  padding-inline-end: 12px;
  padding-bottom: 12px;
}

.v-date-picker-header__append {
  grid-area: append;
}

.v-date-picker-header__prepend {
  grid-area: prepend;
  padding-inline-start: 8px;
}

.v-date-picker-header__content {
  align-items: center;
  display: flex;
  font-size: 32px;
  line-height: 40px;
  grid-area: content;
  justify-content: space-between;
}

.date-picker-header-transition-enter-active,
.date-picker-header-reverse-transition-enter-active {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.date-picker-header-transition-leave-active,
.date-picker-header-reverse-transition-leave-active {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.date-picker-header-transition-enter-from {
  transform: translate(0, 100%);
}
.date-picker-header-transition-leave-to {
  opacity: 0;
  transform: translate(0, -100%);
}

.date-picker-header-reverse-transition-enter-from {
  transform: translate(0, -100%);
}
.date-picker-header-reverse-transition-leave-to {
  opacity: 0;
  transform: translate(0, 100%);
}
.v-date-picker-month {
  display: flex;
  justify-content: center;
  min-width: 328px;
  --v-date-picker-month-day-diff: 4px;
}

.v-date-picker-month__weeks {
  display: grid;
  grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
  grid-row-gap: 4px;
}

.v-date-picker-month__weekday {
  font-size: 0.875rem;
}

.v-date-picker-month__days {
  display: grid;
  grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
  grid-row-gap: 4px;
  flex: 1 1;
  justify-content: space-around;
}

.v-date-picker-month__day {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v-date-picker-month__day--adjacent {
  opacity: 0.5;
}

.v-date-picker-month__day--hide-adjacent {
  opacity: 0;
}

.v-date-picker-month__day--range {
  position: absolute;
  width: 100%;
  height: calc(100% - var(--v-date-picker-month-day-diff) * 2);
  opacity: 0.5;
}

.v-date-picker-month__day--hover {
  position: absolute;
  width: 100%;
  height: calc(100% - var(--v-date-picker-month-day-diff) * 2);
  border-style: dashed;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left: none;
  border-right: none;
}

.v-date-picker-month__day--start .v-date-picker-month__day--range,
.v-date-picker-month__day--week-start .v-date-picker-month__day--range {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  left: var(--v-date-picker-month-day-diff);
  width: calc(100% - var(--v-date-picker-month-day-diff));
}

.v-date-picker-month__day--end .v-date-picker-month__day--range,
.v-date-picker-month__day--week-end .v-date-picker-month__day--range {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
  right: var(--v-date-picker-month-day-diff);
  width: calc(100% - var(--v-date-picker-month-day-diff));
}

.v-date-picker-month__day--selected.v-date-picker-month__day--end.v-date-picker-month__day--week-start
  .v-date-picker-month__day--range,
.v-date-picker-month__day--selected.v-date-picker-month__day--start.v-date-picker-month__day--week-end
  .v-date-picker-month__day--range {
  display: none;
}
.v-date-picker-years {
  height: 308px;
  overflow-y: scroll;
}

.v-date-picker-years__content {
  display: grid;
  flex: 1 1;
  justify-content: space-around;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px 24px;
  padding-inline-start: 36px;
  padding-inline-end: 36px;
}
.v-date-picker-years__content .v-btn {
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}
.v-infinite-scroll--horizontal {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
  height: 100%;
  width: 1px;
}

.v-infinite-scroll--vertical {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
  height: 1px;
  width: 100%;
}

.v-infinite-scroll__side {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 8px;
}
.v-picker.v-sheet {
  box-shadow:
    0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 4px;
  display: grid;
  grid-auto-rows: min-content;
  grid-template-areas: "title" "header" "body";
  overflow: hidden;
  width: 360px;
}
.v-picker.v-sheet.v-picker--with-actions {
  grid-template-areas: "title" "header" "body" "actions";
}

.v-picker__body {
  grid-area: body;
}

.v-picker__header {
  grid-area: header;
}

.v-picker__actions {
  grid-area: actions;
  padding: 0 12px 12px 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.v-picker__actions .v-btn {
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  min-width: 48px;
}
.v-picker__actions .v-btn:not(:last-child) {
  margin-inline-end: 8px;
}

.v-picker--landscape {
  grid-template-areas: "title" "header body" "header body";
}

.v-picker--landscape.v-picker--with-actions {
  grid-template-areas: "title" "header body" "header actions";
}

.v-picker-title {
  text-transform: uppercase;
  font-size: 0.75rem;
  grid-area: title;
  color: rgb(var(--v-theme-on-surface), var(--v-disabled-opacity));
  padding-inline-start: 24px;
  padding-inline-end: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  letter-spacing: 0.1666666667em;
}
.v-skeleton-loader {
  align-items: center;
  background: rgb(var(--v-theme-surface));
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  vertical-align: top;
}
.v-skeleton-loader__actions {
  justify-content: end;
}
.v-skeleton-loader .v-skeleton-loader__avatar,
.v-skeleton-loader .v-skeleton-loader__button,
.v-skeleton-loader .v-skeleton-loader__chip,
.v-skeleton-loader .v-skeleton-loader__divider,
.v-skeleton-loader .v-skeleton-loader__heading,
.v-skeleton-loader .v-skeleton-loader__image,
.v-skeleton-loader .v-skeleton-loader__text {
  background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
}
.v-skeleton-loader .v-skeleton-loader__list-item,
.v-skeleton-loader .v-skeleton-loader__list-item-avatar,
.v-skeleton-loader .v-skeleton-loader__list-item-text,
.v-skeleton-loader .v-skeleton-loader__list-item-two-line,
.v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
.v-skeleton-loader .v-skeleton-loader__list-item-three-line,
.v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
  border-radius: 4px;
}
.v-skeleton-loader__bone {
  align-items: center;
  border-radius: inherit;
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
}
.v-skeleton-loader__bone::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: loading 1.5s infinite;
  background: linear-gradient(
    90deg,
    rgba(var(--v-theme-surface), 0),
    rgba(var(--v-theme-surface), 0.3),
    rgba(var(--v-theme-surface), 0)
  );
  transform: translateX(-100%);
  z-index: 1;
}
.v-skeleton-loader__avatar {
  border-radius: 50%;
  flex: 0 1 auto;
  margin: 8px 16px;
  max-height: 48px;
  min-height: 48px;
  height: 48px;
  max-width: 48px;
  min-width: 48px;
  width: 48px;
}
.v-skeleton-loader__avatar + .v-skeleton-loader__bone {
  flex: 1 1 auto;
  margin-inline-start: 0;
}
.v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
.v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
  margin-inline-start: 0;
}
.v-skeleton-loader__button {
  border-radius: 4px;
  height: 36px;
  margin: 16px;
  max-width: 64px;
}
.v-skeleton-loader__button + .v-skeleton-loader__bone {
  flex: 1 1 auto;
  margin-inline-start: 0;
}
.v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
.v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
  margin-inline-start: 0;
}
.v-skeleton-loader__chip {
  border-radius: 16px;
  margin: 16px;
  height: 32px;
  max-width: 96px;
}
.v-skeleton-loader__chip + .v-skeleton-loader__bone {
  flex: 1 1 auto;
  margin-inline-start: 0;
}
.v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
.v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
  margin-inline-start: 0;
}
.v-skeleton-loader__date-picker {
  border-radius: inherit;
}
.v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
  max-width: 88px;
  width: 20%;
}
.v-skeleton-loader__date-picker .v-skeleton-loader__heading {
  max-width: 256px;
  width: 40%;
}
.v-skeleton-loader__date-picker-days {
  flex-wrap: wrap;
  margin: 16px;
}
.v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
  border-radius: 4px;
  margin: 4px;
  max-width: 100%;
}
.v-skeleton-loader__date-picker-options {
  flex-wrap: nowrap;
}
.v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
  flex: 1 1 auto;
}
.v-skeleton-loader__divider {
  border-radius: 1px;
  height: 2px;
}
.v-skeleton-loader__heading {
  border-radius: 12px;
  margin: 16px;
  height: 24px;
}
.v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
  margin-top: -16px;
}
.v-skeleton-loader__image {
  height: 150px;
  border-radius: 0;
}
.v-skeleton-loader__card .v-skeleton-loader__image {
  border-radius: 0;
}
.v-skeleton-loader__list-item {
  margin: 16px;
}
.v-skeleton-loader__list-item .v-skeleton-loader__text {
  margin: 0;
}
.v-skeleton-loader__table-thead {
  justify-content: space-between;
}
.v-skeleton-loader__table-thead .v-skeleton-loader__heading {
  margin-top: 16px;
  max-width: 16px;
}
.v-skeleton-loader__table-tfoot {
  flex-wrap: nowrap;
}
.v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
  margin-top: 16px;
}
.v-skeleton-loader__table-row {
  align-items: baseline;
  margin: 0 8px;
  justify-content: space-evenly;
  flex-wrap: nowrap;
}
.v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
  margin-inline-start: 8px;
  margin-inline-end: 8px;
}
.v-skeleton-loader__table-row + .v-skeleton-loader__divider {
  margin: 0 16px;
}
.v-skeleton-loader__table-cell {
  align-items: center;
  display: flex;
  height: 48px;
  width: 88px;
}
.v-skeleton-loader__table-cell .v-skeleton-loader__text {
  margin-bottom: 0;
}
.v-skeleton-loader__subtitle {
  max-width: 70%;
}
.v-skeleton-loader__subtitle > .v-skeleton-loader__text {
  height: 16px;
  border-radius: 8px;
}
.v-skeleton-loader__text {
  border-radius: 6px;
  margin: 16px;
  height: 12px;
}
.v-skeleton-loader__text + .v-skeleton-loader__text {
  margin-top: -8px;
  max-width: 50%;
}
.v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
  max-width: 70%;
}
.v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
  display: none;
}
.v-skeleton-loader--is-loading {
  overflow: hidden;
}
.v-skeleton-loader--tile {
  border-radius: 0;
}
.v-skeleton-loader--tile .v-skeleton-loader__bone {
  border-radius: 0;
}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
.v-application {
  display: flex;
  background: rgb(var(--v-theme-background));
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}

.v-application__wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-width: 100%;
  min-height: calc(100vh - 48px);
  min-height: calc(100dvh - 48px);
  position: relative;
}
.v-app-bar {
  display: flex;
}
.v-app-bar.v-toolbar {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
  box-shadow:
    0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-app-bar:not(.v-toolbar--absolute) {
  padding-inline-end: var(--v-scrollbar-offset);
}
.v-alert {
  display: grid;
  flex: 1 1;
  grid-template-areas: "prepend content append close" ". content . .";
  grid-template-columns: max-content auto max-content max-content;
  position: relative;
  padding: 16px;
  overflow: hidden;
  --v-border-color: currentColor;
  border-radius: 4px;
}
.v-alert--absolute {
  position: absolute;
}
.v-alert--fixed {
  position: fixed;
}
.v-alert--sticky {
  position: sticky;
}
.v-alert--variant-plain,
.v-alert--variant-outlined,
.v-alert--variant-text,
.v-alert--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-alert--variant-plain {
  opacity: 0.62;
}
.v-alert--variant-plain:focus,
.v-alert--variant-plain:hover {
  opacity: 1;
}
.v-alert--variant-plain .v-alert__overlay {
  display: none;
}
.v-alert--variant-elevated,
.v-alert--variant-flat {
  background: rgb(var(--v-theme-on-surface-variant));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-alert--variant-elevated {
  box-shadow:
    0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-alert--variant-flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-alert--variant-outlined {
  border: thin solid currentColor;
}
.v-alert--variant-text .v-alert__overlay {
  background: currentColor;
}
.v-alert--variant-tonal .v-alert__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-alert--prominent {
  grid-template-areas: "prepend content append close" "prepend content . .";
}
.v-alert.v-alert--border {
  --v-border-opacity: 0.38;
}
.v-alert.v-alert--border.v-alert--border-start {
  padding-inline-start: 24px;
}
.v-alert.v-alert--border.v-alert--border-end {
  padding-inline-end: 24px;
}
.v-alert--variant-plain {
  transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
}
.v-alert--density-default {
  padding-bottom: 16px;
  padding-top: 16px;
}
.v-alert--density-default.v-alert--border-top {
  padding-top: 24px;
}
.v-alert--density-default.v-alert--border-bottom {
  padding-bottom: 24px;
}

.v-alert--density-comfortable {
  padding-bottom: 12px;
  padding-top: 12px;
}
.v-alert--density-comfortable.v-alert--border-top {
  padding-top: 20px;
}
.v-alert--density-comfortable.v-alert--border-bottom {
  padding-bottom: 20px;
}

.v-alert--density-compact {
  padding-bottom: 8px;
  padding-top: 8px;
}
.v-alert--density-compact.v-alert--border-top {
  padding-top: 16px;
}
.v-alert--density-compact.v-alert--border-bottom {
  padding-bottom: 16px;
}

.v-alert__border {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: var(--v-border-opacity);
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  width: 100%;
  border-color: currentColor;
  border-style: solid;
  border-width: 0;
}
.v-alert__border--border {
  border-width: 8px;
  box-shadow: none;
}
.v-alert--border-start .v-alert__border {
  border-inline-start-width: 8px;
}
.v-alert--border-end .v-alert__border {
  border-inline-end-width: 8px;
}
.v-alert--border-top .v-alert__border {
  border-top-width: 8px;
}
.v-alert--border-bottom .v-alert__border {
  border-bottom-width: 8px;
}

.v-alert__close {
  flex: 0 1 auto;
  grid-area: close;
}

.v-alert__content {
  align-self: center;
  grid-area: content;
  overflow: hidden;
}

.v-alert__append,
.v-alert__close {
  align-self: flex-start;
  margin-inline-start: 16px;
}

.v-alert__append {
  align-self: flex-start;
  grid-area: append;
}
.v-alert__append + .v-alert__close {
  margin-inline-start: 16px;
}

.v-alert__prepend {
  align-self: flex-start;
  display: flex;
  align-items: center;
  grid-area: prepend;
  margin-inline-end: 16px;
}
.v-alert--prominent .v-alert__prepend {
  align-self: center;
}

.v-alert__underlay {
  grid-area: none;
  position: absolute;
}
.v-alert--border-start .v-alert__underlay {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.v-alert--border-end .v-alert__underlay {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.v-alert--border-top .v-alert__underlay {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.v-alert--border-bottom .v-alert__underlay {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.v-alert-title {
  align-items: center;
  align-self: center;
  display: flex;
  font-size: 1.25rem;
  font-weight: 500;
  -webkit-hyphens: auto;
  hyphens: auto;
  letter-spacing: 0.0125em;
  line-height: 1.75rem;
  overflow-wrap: normal;
  text-transform: none;
  word-break: normal;
  word-wrap: break-word;
}
.v-autocomplete .v-field .v-text-field__prefix,
.v-autocomplete .v-field .v-text-field__suffix,
.v-autocomplete .v-field .v-field__input,
.v-autocomplete .v-field.v-field {
  cursor: text;
}
.v-autocomplete .v-field .v-field__input > input {
  align-self: flex-start;
  flex: 1 1;
}
.v-autocomplete .v-field input {
  min-width: 64px;
}
.v-autocomplete .v-field:not(.v-field--focused) input {
  min-width: 0;
}
.v-autocomplete .v-field--dirty .v-autocomplete__selection {
  margin-inline-end: 2px;
}
.v-autocomplete .v-autocomplete__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-autocomplete__content {
  overflow: hidden;
  box-shadow:
    0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 4px;
}
.v-autocomplete__mask {
  background: rgb(var(--v-theme-on-surface-variant));
}
.v-autocomplete__selection {
  display: inline-flex;
  align-items: center;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: 90%;
}
.v-autocomplete__selection {
  margin-top: var(--v-input-chips-margin-top);
  margin-bottom: var(--v-input-chips-margin-bottom);
}
.v-autocomplete__selection:first-child {
  margin-inline-start: 0;
}
.v-autocomplete--selecting-index .v-autocomplete__selection {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
  opacity: 1;
}
.v-autocomplete--selecting-index .v-field__input > input {
  caret-color: transparent;
}
.v-autocomplete--single.v-text-field input {
  flex: 1 1;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding-inline-start: inherit;
  padding-inline-end: inherit;
}
.v-autocomplete--single .v-field--variant-outlined input {
  top: calc(50% - var(--v-input-chips-margin-top));
  transform: translateY(-50%);
}
.v-autocomplete--single .v-field--active input {
  transition: none;
}
.v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
  opacity: 0;
}
.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
  opacity: 0;
}
.v-autocomplete__menu-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-autocomplete--active-menu .v-autocomplete__menu-icon {
  opacity: var(--v-high-emphasis-opacity);
  transform: rotate(180deg);
}
.v-avatar {
  flex: none;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: normal;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: width, height;
  vertical-align: middle;
  border-radius: 50%;
}
.v-avatar.v-avatar--size-x-small {
  --v-avatar-height: 24px;
}
.v-avatar.v-avatar--size-small {
  --v-avatar-height: 32px;
}
.v-avatar.v-avatar--size-default {
  --v-avatar-height: 40px;
}
.v-avatar.v-avatar--size-large {
  --v-avatar-height: 48px;
}
.v-avatar.v-avatar--size-x-large {
  --v-avatar-height: 56px;
}
.v-avatar.v-avatar--density-default {
  height: calc(var(--v-avatar-height) + 0px);
  width: calc(var(--v-avatar-height) + 0px);
}
.v-avatar.v-avatar--density-comfortable {
  height: calc(var(--v-avatar-height) + -4px);
  width: calc(var(--v-avatar-height) + -4px);
}
.v-avatar.v-avatar--density-compact {
  height: calc(var(--v-avatar-height) + -8px);
  width: calc(var(--v-avatar-height) + -8px);
}
.v-avatar--variant-plain,
.v-avatar--variant-outlined,
.v-avatar--variant-text,
.v-avatar--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-avatar--variant-plain {
  opacity: 0.62;
}
.v-avatar--variant-plain:focus,
.v-avatar--variant-plain:hover {
  opacity: 1;
}
.v-avatar--variant-plain .v-avatar__overlay {
  display: none;
}
.v-avatar--variant-elevated,
.v-avatar--variant-flat {
  background: var(--v-theme-surface);
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
.v-avatar--variant-elevated {
  box-shadow:
    0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-avatar--variant-flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-avatar--variant-outlined {
  border: thin solid currentColor;
}
.v-avatar--variant-text .v-avatar__overlay {
  background: currentColor;
}
.v-avatar--variant-tonal .v-avatar__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-avatar--rounded {
  border-radius: 4px;
}
.v-avatar .v-img {
  height: 100%;
  width: 100%;
}
.v-badge {
  display: inline-block;
  line-height: 1;
}

.v-badge__badge {
  align-items: center;
  display: inline-flex;
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 500;
  height: 1.25rem;
  justify-content: center;
  min-width: 20px;
  padding: 4px 6px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  text-indent: 0;
  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  background: rgb(var(--v-theme-surface-variant));
  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
}
.v-badge--bordered .v-badge__badge::after {
  border-radius: inherit;
  border-style: solid;
  border-width: 2px;
  bottom: 0;
  color: rgb(var(--v-theme-background));
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(1.2);
}
.v-badge--dot .v-badge__badge {
  border-radius: 4.5px;
  height: 9px;
  min-width: 0;
  padding: 0;
  width: 9px;
}
.v-badge--dot .v-badge__badge::after {
  border-width: 1.5px;
}
.v-badge--inline .v-badge__badge {
  position: relative;
  vertical-align: middle;
}
.v-badge__badge .v-icon {
  color: inherit;
  font-size: 0.75rem;
  margin: 0 -2px;
}
.v-badge__badge img,
.v-badge__badge .v-img {
  height: 100%;
  width: 100%;
}

.v-badge__wrapper {
  display: flex;
  position: relative;
}
.v-badge--inline .v-badge__wrapper {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin: 0 4px;
}
.v-banner {
  display: grid;
  flex: 1 1;
  font-size: 0.875rem;
  grid-template-areas: "prepend content actions";
  grid-template-columns: max-content auto max-content;
  grid-template-rows: max-content max-content;
  line-height: 1.375rem;
  overflow: hidden;
  padding-inline-start: 16px;
  padding-inline-end: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  width: 100%;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0 0 thin 0;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 0;
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-banner--border {
  border-width: thin;
  box-shadow: none;
}
.v-banner--absolute {
  position: absolute;
}
.v-banner--fixed {
  position: fixed;
}
.v-banner--sticky {
  position: sticky;
}
.v-banner--rounded {
  border-radius: 4px;
}
.v-banner--stacked:not(.v-banner--one-line) {
  grid-template-areas: "prepend content" ". actions";
}
.v-banner--stacked .v-banner-text {
  padding-inline-end: 36px;
}
.v-banner--density-default .v-banner-actions {
  margin-bottom: -8px;
}
.v-banner--density-default.v-banner--one-line {
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-banner--density-default.v-banner--one-line .v-banner-actions {
  margin-bottom: 0;
}
.v-banner--density-default.v-banner--one-line {
  padding-top: 10px;
}
.v-banner--density-default.v-banner--two-line {
  padding-top: 16px;
  padding-bottom: 16px;
}
.v-banner--density-default.v-banner--three-line {
  padding-top: 24px;
  padding-bottom: 16px;
}
.v-banner--density-default:not(.v-banner--one-line) .v-banner-actions,
.v-banner--density-default.v-banner--two-line .v-banner-actions,
.v-banner--density-default.v-banner--three-line .v-banner-actions {
  margin-top: 20px;
}

.v-banner--density-comfortable .v-banner-actions {
  margin-bottom: -4px;
}
.v-banner--density-comfortable.v-banner--one-line {
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
  margin-bottom: 0;
}
.v-banner--density-comfortable.v-banner--two-line {
  padding-top: 12px;
  padding-bottom: 12px;
}
.v-banner--density-comfortable.v-banner--three-line {
  padding-top: 20px;
  padding-bottom: 12px;
}
.v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions,
.v-banner--density-comfortable.v-banner--two-line .v-banner-actions,
.v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
  margin-top: 16px;
}

.v-banner--density-compact .v-banner-actions {
  margin-bottom: 0px;
}
.v-banner--density-compact.v-banner--one-line {
  padding-top: 0px;
  padding-bottom: 0px;
}
.v-banner--density-compact.v-banner--one-line .v-banner-actions {
  margin-bottom: 0;
}
.v-banner--density-compact.v-banner--two-line {
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-banner--density-compact.v-banner--three-line {
  padding-top: 16px;
  padding-bottom: 8px;
}
.v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions,
.v-banner--density-compact.v-banner--two-line .v-banner-actions,
.v-banner--density-compact.v-banner--three-line .v-banner-actions {
  margin-top: 12px;
}

.v-banner--sticky {
  top: 0;
}

.v-banner__content {
  grid-area: content;
}

.v-banner__prepend {
  align-self: flex-start;
  grid-area: prepend;
  margin-inline-end: 24px;
}

.v-banner-actions {
  align-self: flex-end;
  display: flex;
  flex: 0 1;
  grid-area: actions;
  justify-content: flex-end;
}
.v-banner--two-line .v-banner-actions,
.v-banner--three-line .v-banner-actions {
  margin-top: 20px;
}

.v-banner-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  padding-inline-end: 90px;
  overflow: hidden;
}
.v-banner--one-line .v-banner-text {
  -webkit-line-clamp: 1;
}
.v-banner--two-line .v-banner-text {
  -webkit-line-clamp: 2;
}
.v-banner--three-line .v-banner-text {
  -webkit-line-clamp: 3;
}
.v-banner--two-line .v-banner-text,
.v-banner--three-line .v-banner-text {
  align-self: flex-start;
}
.v-bottom-navigation {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  transition:
    transform,
    color 0.2s,
    0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  border-radius: 0;
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-bottom-navigation--border {
  border-width: thin;
  box-shadow: none;
}
.v-bottom-navigation--active {
  box-shadow:
    0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}

.v-bottom-navigation__content {
  display: flex;
  flex: none;
  font-size: 0.75rem;
  justify-content: center;
  transition: inherit;
  width: 100%;
}
.v-bottom-navigation .v-bottom-navigation__content > .v-btn {
  font-size: inherit;
  height: 100%;
  max-width: 168px;
  min-width: 80px;
  text-transform: none;
  transition: inherit;
  width: auto;
  border-radius: 0;
}
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
  transition: inherit;
}
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
  font-size: 1.5rem;
}
.v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
  flex-grow: 1;
}
.v-bottom-navigation--shift
  .v-bottom-navigation__content
  .v-btn:not(.v-btn--selected)
  .v-btn__content
  > span {
  opacity: 0;
}
.v-bottom-navigation--shift
  .v-bottom-navigation__content
  .v-btn:not(.v-btn--selected)
  .v-btn__content {
  transform: translateY(0.5rem);
}
.v-breadcrumbs {
  display: flex;
  align-items: center;
  line-height: 1.375rem;
  padding: 16px 12px;
}
.v-breadcrumbs--rounded {
  border-radius: 4px;
}
.v-breadcrumbs--density-default {
  padding-top: 16px;
  padding-bottom: 16px;
}

.v-breadcrumbs--density-comfortable {
  padding-top: 12px;
  padding-bottom: 12px;
}

.v-breadcrumbs--density-compact {
  padding-top: 8px;
  padding-bottom: 8px;
}

.v-breadcrumbs__prepend {
  align-items: center;
  display: inline-flex;
}

.v-breadcrumbs-item {
  align-items: center;
  color: inherit;
  display: inline-flex;
  padding: 0 4px;
  text-decoration: none;
  vertical-align: middle;
}
.v-breadcrumbs-item--disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.v-breadcrumbs-item--link {
  color: inherit;
  text-decoration: none;
}
.v-breadcrumbs-item--link:hover {
  text-decoration: underline;
}
.v-breadcrumbs-item .v-icon {
  font-size: 1rem;
  margin-inline-start: -4px;
  margin-inline-end: 2px;
}

.v-breadcrumbs-divider {
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle;
} /** if false, disabled buttons will be greyed out */
.v-btn {
  align-items: center;
  border-radius: 4px;
  display: inline-grid;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content auto max-content;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.0892857143em;
  line-height: normal;
  max-width: 100%;
  outline: none;
  position: relative;
  text-decoration: none;
  text-indent: 0.0892857143em;
  text-transform: uppercase;
  transition-property: box-shadow, transform, opacity, background;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  flex-shrink: 0;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-btn--size-x-small {
  --v-btn-size: 0.625rem;
  --v-btn-height: 20px;
  font-size: var(--v-btn-size);
  min-width: 36px;
  padding: 0 8px;
}

.v-btn--size-small {
  --v-btn-size: 0.75rem;
  --v-btn-height: 28px;
  font-size: var(--v-btn-size);
  min-width: 50px;
  padding: 0 12px;
}

.v-btn--size-default {
  --v-btn-size: 0.875rem;
  --v-btn-height: 36px;
  font-size: var(--v-btn-size);
  min-width: 64px;
  padding: 0 16px;
}

.v-btn--size-large {
  --v-btn-size: 1rem;
  --v-btn-height: 44px;
  font-size: var(--v-btn-size);
  min-width: 78px;
  padding: 0 20px;
}

.v-btn--size-x-large {
  --v-btn-size: 1.125rem;
  --v-btn-height: 52px;
  font-size: var(--v-btn-size);
  min-width: 92px;
  padding: 0 24px;
}

.v-btn.v-btn--density-default {
  height: calc(var(--v-btn-height) + 0px);
}

.v-btn.v-btn--density-comfortable {
  height: calc(var(--v-btn-height) + -8px);
}

.v-btn.v-btn--density-compact {
  height: calc(var(--v-btn-height) + -12px);
}

.v-btn--border {
  border-width: thin;
  box-shadow: none;
}
.v-btn--absolute {
  position: absolute;
}
.v-btn--fixed {
  position: fixed;
}
.v-btn:hover > .v-btn__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-btn:focus-visible > .v-btn__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-btn:focus > .v-btn__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-btn--active > .v-btn__overlay,
.v-btn[aria-haspopup="menu"][aria-expanded="true"] > .v-btn__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-btn--active:hover > .v-btn__overlay,
.v-btn[aria-haspopup="menu"][aria-expanded="true"]:hover > .v-btn__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
.v-btn--active:focus-visible > .v-btn__overlay,
.v-btn[aria-haspopup="menu"][aria-expanded="true"]:focus-visible > .v-btn__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
@supports not selector(:focus-visible) {
  .v-btn--active:focus > .v-btn__overlay,
  .v-btn[aria-haspopup="menu"][aria-expanded="true"]:focus > .v-btn__overlay {
    opacity: calc(
      (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
    );
  }
}
.v-btn--variant-plain,
.v-btn--variant-outlined,
.v-btn--variant-text,
.v-btn--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-btn--variant-plain {
  opacity: 0.62;
}
.v-btn--variant-plain:focus,
.v-btn--variant-plain:hover {
  opacity: 1;
}
.v-btn--variant-plain .v-btn__overlay {
  display: none;
}
.v-btn--variant-elevated,
.v-btn--variant-flat {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-btn--variant-elevated {
  box-shadow:
    0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn--variant-flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn--variant-outlined {
  border: thin solid currentColor;
}
.v-btn--variant-text .v-btn__overlay {
  background: currentColor;
}
.v-btn--variant-tonal .v-btn__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
@supports selector(:focus-visible) {
  .v-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .v-btn:focus-visible::after {
    opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
  }
}
.v-btn--icon {
  border-radius: 50%;
  min-width: 0;
  padding: 0;
}
.v-btn--icon.v-btn--size-default {
  --v-btn-size: 1rem;
}
.v-btn--icon.v-btn--density-default {
  width: calc(var(--v-btn-height) + 12px);
  height: calc(var(--v-btn-height) + 12px);
}
.v-btn--icon.v-btn--density-comfortable {
  width: calc(var(--v-btn-height) + 0px);
  height: calc(var(--v-btn-height) + 0px);
}
.v-btn--icon.v-btn--density-compact {
  width: calc(var(--v-btn-height) + -8px);
  height: calc(var(--v-btn-height) + -8px);
}

.v-btn--elevated:hover,
.v-btn--elevated:focus {
  box-shadow:
    0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn--elevated:active {
  box-shadow:
    0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn--flat {
  box-shadow: none;
}
.v-btn--block {
  display: flex;
  flex: 1 0 auto;
  min-width: 100%;
}
.v-btn--disabled {
  pointer-events: none;
  opacity: 0.26;
}
.v-btn--disabled.v-btn--variant-elevated,
.v-btn--disabled.v-btn--variant-flat {
  box-shadow: none;
  opacity: 1;
  color: rgba(var(--v-theme-on-surface), 0.26);
  background: rgb(var(--v-theme-surface));
}
.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay,
.v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
  opacity: 0.4615384615;
}
.v-btn--loading {
  pointer-events: none;
}
.v-btn--loading .v-btn__content,
.v-btn--loading .v-btn__prepend,
.v-btn--loading .v-btn__append {
  opacity: 0;
}
.v-btn--stacked {
  grid-template-areas: "prepend" "content" "append";
  grid-template-columns: auto;
  grid-template-rows: max-content max-content max-content;
  justify-items: center;
  align-content: center;
}
.v-btn--stacked .v-btn__content {
  flex-direction: column;
  line-height: 1.25;
}
.v-btn--stacked .v-btn__prepend,
.v-btn--stacked .v-btn__append,
.v-btn--stacked .v-btn__content > .v-icon--start,
.v-btn--stacked .v-btn__content > .v-icon--end {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.v-btn--stacked .v-btn__prepend,
.v-btn--stacked .v-btn__content > .v-icon--start {
  margin-bottom: 4px;
}
.v-btn--stacked .v-btn__append,
.v-btn--stacked .v-btn__content > .v-icon--end {
  margin-top: 4px;
}
.v-btn--stacked.v-btn--size-x-small {
  --v-btn-size: 0.625rem;
  --v-btn-height: 56px;
  font-size: var(--v-btn-size);
  min-width: 56px;
  padding: 0 12px;
}

.v-btn--stacked.v-btn--size-small {
  --v-btn-size: 0.75rem;
  --v-btn-height: 64px;
  font-size: var(--v-btn-size);
  min-width: 64px;
  padding: 0 14px;
}

.v-btn--stacked.v-btn--size-default {
  --v-btn-size: 0.875rem;
  --v-btn-height: 72px;
  font-size: var(--v-btn-size);
  min-width: 72px;
  padding: 0 16px;
}

.v-btn--stacked.v-btn--size-large {
  --v-btn-size: 1rem;
  --v-btn-height: 80px;
  font-size: var(--v-btn-size);
  min-width: 80px;
  padding: 0 18px;
}

.v-btn--stacked.v-btn--size-x-large {
  --v-btn-size: 1.125rem;
  --v-btn-height: 88px;
  font-size: var(--v-btn-size);
  min-width: 88px;
  padding: 0 20px;
}

.v-btn--stacked.v-btn--density-default {
  height: calc(var(--v-btn-height) + 0px);
}

.v-btn--stacked.v-btn--density-comfortable {
  height: calc(var(--v-btn-height) + -16px);
}

.v-btn--stacked.v-btn--density-compact {
  height: calc(var(--v-btn-height) + -24px);
}

.v-btn--rounded {
  border-radius: 24px;
}
.v-btn .v-icon {
  --v-icon-size-multiplier: 0.8571428571;
}
.v-btn--icon .v-icon {
  --v-icon-size-multiplier: 1;
}
.v-btn--stacked .v-icon {
  --v-icon-size-multiplier: 1.1428571429;
}

.v-btn__loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.v-btn__content,
.v-btn__prepend,
.v-btn__append {
  align-items: center;
  display: flex;
  transition:
    transform,
    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-btn__prepend {
  grid-area: prepend;
  margin-inline-start: calc(var(--v-btn-height) / -9);
  margin-inline-end: calc(var(--v-btn-height) / 4.5);
}

.v-btn__append {
  grid-area: append;
  margin-inline-start: calc(var(--v-btn-height) / 4.5);
  margin-inline-end: calc(var(--v-btn-height) / -9);
}

.v-btn__content {
  grid-area: content;
  justify-content: center;
  white-space: nowrap;
}
.v-btn__content > .v-icon--start {
  margin-inline-start: calc(var(--v-btn-height) / -9);
  margin-inline-end: calc(var(--v-btn-height) / 4.5);
}
.v-btn__content > .v-icon--end {
  margin-inline-start: calc(var(--v-btn-height) / 4.5);
  margin-inline-end: calc(var(--v-btn-height) / -9);
}
.v-btn--stacked .v-btn__content {
  white-space: normal;
}

.v-btn__overlay {
  background-color: currentColor;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.v-btn__overlay,
.v-btn__underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.v-card-actions .v-btn {
  padding: 0 8px;
}
.v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
  margin-inline-start: 0.5rem;
}

.v-banner-actions .v-btn {
  padding: 0 8px;
}

.v-pagination .v-btn {
  border-radius: 4px;
}
.v-btn__overlay {
  transition: none;
}
.v-pagination__item--is-active .v-btn__overlay {
  opacity: var(--v-border-opacity);
}

.v-snackbar-actions .v-btn {
  padding: 0 8px;
} /** if false, disabled buttons will be greyed out */
.v-btn-group {
  display: inline-flex;
  flex-wrap: nowrap;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  vertical-align: middle;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 4px;
  background: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-btn-group--border {
  border-width: thin;
  box-shadow: none;
}
.v-btn-group--density-default.v-btn-group {
  height: 48px;
}

.v-btn-group--density-comfortable.v-btn-group {
  height: 40px;
}

.v-btn-group--density-compact.v-btn-group {
  height: 36px;
}

.v-btn-group .v-btn {
  border-radius: 0;
  border-color: inherit;
}
.v-btn-group .v-btn:not(:last-child) {
  border-inline-end: none;
}
.v-btn-group .v-btn:not(:first-child) {
  border-inline-start: none;
}
.v-btn-group .v-btn:first-child {
  border-start-start-radius: inherit;
  border-end-start-radius: inherit;
}
.v-btn-group .v-btn:last-child {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
.v-btn-group--divided .v-btn:not(:last-child) {
  border-inline-end-width: thin;
  border-inline-end-style: solid;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-btn-group--tile {
  border-radius: 0;
}
.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
  opacity: var(--v-activated-opacity);
}
.v-card {
  display: block;
  overflow: hidden;
  overflow-wrap: break-word;
  position: relative;
  padding: 0;
  text-decoration: none;
  transition-duration: 0.28s;
  transition-property: box-shadow, opacity, background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  border-radius: 4px;
}
.v-card--border {
  border-width: thin;
  box-shadow: none;
}
.v-card--absolute {
  position: absolute;
}
.v-card--fixed {
  position: fixed;
}
.v-card:hover > .v-card__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-card:focus-visible > .v-card__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-card:focus > .v-card__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-card--active > .v-card__overlay,
.v-card[aria-haspopup="menu"][aria-expanded="true"] > .v-card__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-card--active:hover > .v-card__overlay,
.v-card[aria-haspopup="menu"][aria-expanded="true"]:hover > .v-card__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
.v-card--active:focus-visible > .v-card__overlay,
.v-card[aria-haspopup="menu"][aria-expanded="true"]:focus-visible > .v-card__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
@supports not selector(:focus-visible) {
  .v-card--active:focus > .v-card__overlay,
  .v-card[aria-haspopup="menu"][aria-expanded="true"]:focus > .v-card__overlay {
    opacity: calc(
      (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
    );
  }
}
.v-card--variant-plain,
.v-card--variant-outlined,
.v-card--variant-text,
.v-card--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-card--variant-plain {
  opacity: 0.62;
}
.v-card--variant-plain:focus,
.v-card--variant-plain:hover {
  opacity: 1;
}
.v-card--variant-plain .v-card__overlay {
  display: none;
}
.v-card--variant-elevated,
.v-card--variant-flat {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-card--variant-elevated {
  box-shadow:
    0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-card--variant-flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-card--variant-outlined {
  border: thin solid currentColor;
}
.v-card--variant-text .v-card__overlay {
  background: currentColor;
}
.v-card--variant-tonal .v-card__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-card--disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.v-card--disabled > :not(.v-card__loader) {
  opacity: 0.6;
}
.v-card--flat {
  box-shadow: none;
}
.v-card--hover {
  cursor: pointer;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-card--hover::before,
.v-card--hover::after {
  border-radius: inherit;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: inherit;
}
.v-card--hover::before {
  opacity: 1;
  z-index: -1;
  box-shadow:
    0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-card--hover::after {
  z-index: 1;
  opacity: 0;
  box-shadow:
    0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-card--hover:hover::after {
  opacity: 1;
}
.v-card--hover:hover::before {
  opacity: 0;
}
.v-card--link {
  cursor: pointer;
}

.v-card-actions {
  align-items: center;
  display: flex;
  flex: none;
  min-height: 52px;
  padding: 0.5rem;
}

.v-card-item {
  align-items: center;
  display: grid;
  flex: none;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content auto max-content;
  padding: 0.625rem 1rem;
}
.v-card-item + .v-card-text {
  padding-top: 0;
}
.v-card-item__prepend {
  grid-area: prepend;
  padding-inline-end: 1rem;
}
.v-card-item__append {
  grid-area: append;
  padding-inline-start: 1rem;
}

.v-card-item__content {
  align-self: center;
  grid-area: content;
  overflow: hidden;
}

.v-card-title {
  display: block;
  flex: none;
  font-size: 1.25rem;
  font-weight: 500;
  -webkit-hyphens: auto;
  hyphens: auto;
  letter-spacing: 0.0125em;
  min-width: 0;
  overflow-wrap: normal;
  overflow: hidden;
  padding: 0.5rem 1rem;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  word-break: normal;
  word-wrap: break-word;
}
.v-card .v-card-title {
  line-height: 2rem;
}
.v-card--density-comfortable .v-card-title {
  line-height: 1.75rem;
}
.v-card--density-compact .v-card-title {
  line-height: 1.55rem;
}
.v-card-item .v-card-title {
  padding: 0;
}
.v-card-title + .v-card-text,
.v-card-title + .v-card-actions {
  padding-top: 0;
}

.v-card-subtitle {
  display: block;
  flex: none;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  opacity: var(--v-medium-emphasis-opacity);
  overflow: hidden;
  padding: 0 1rem;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}
.v-card .v-card-subtitle {
  line-height: 1.25rem;
}
.v-card--density-comfortable .v-card-subtitle {
  line-height: 1.125rem;
}
.v-card--density-compact .v-card-subtitle {
  line-height: 1rem;
}
.v-card-item .v-card-subtitle {
  padding: 0 0 0.25rem;
}

.v-card-text {
  flex: 1 1 auto;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  padding: 1rem;
  text-transform: none;
}
.v-card .v-card-text {
  line-height: 1.25rem;
}
.v-card--density-comfortable .v-card-text {
  line-height: 1.2rem;
}
.v-card--density-compact .v-card-text {
  line-height: 1.15rem;
}

.v-card__image {
  display: flex;
  height: 100%;
  flex: 1 1 auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.v-card__content {
  border-radius: inherit;
  overflow: hidden;
  position: relative;
}

.v-card__loader {
  bottom: auto;
  top: 0;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1;
}

.v-card__overlay {
  background-color: currentColor;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.v-carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.v-carousel__controls {
  align-items: center;
  background: rgba(var(--v-theme-surface-variant), 0.3);
  bottom: 0;
  display: flex;
  height: 50px;
  justify-content: center;
  list-style-type: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.v-carousel__controls > .v-item-group {
  flex: 0 1 auto;
}
.v-carousel__controls__item {
  margin: 0 8px;
}
.v-carousel__controls__item .v-icon {
  opacity: 0.5;
}
.v-carousel__controls__item--active .v-icon {
  opacity: 1;
  vertical-align: middle;
}
.v-carousel__controls__item:hover {
  background: none;
}
.v-carousel__controls__item:hover .v-icon {
  opacity: 0.8;
}

.v-carousel__progress {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.v-carousel-item {
  display: block;
  height: inherit;
  text-decoration: none;
}
.v-carousel-item > .v-img {
  height: inherit;
}

.v-carousel--hide-delimiter-background .v-carousel__controls {
  background: transparent;
}

.v-carousel--vertical-delimiters .v-carousel__controls {
  flex-direction: column;
  height: 100% !important;
  width: 50px;
}
.v-checkbox .v-selection-control {
  min-height: var(--v-input-control-height);
}
.v-chip {
  align-items: center;
  cursor: default;
  display: inline-flex;
  font-weight: 400;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  border-radius: 9999px;
}
.v-chip.v-chip--size-x-small {
  --v-chip-size: 0.625rem;
  --v-chip-height: 18px;
  font-size: 0.625rem;
  padding: 0 7px;
}
.v-chip.v-chip--size-x-small .v-avatar {
  --v-avatar-height: 12px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
  --v-avatar-height: 18px;
}

.v-chip.v-chip--size-x-small .v-avatar--start {
  margin-inline-start: -4.9px;
  margin-inline-end: 3.5px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
  margin-inline-start: -7px;
}

.v-chip.v-chip--size-x-small .v-avatar--end {
  margin-inline-start: 3.5px;
  margin-inline-end: -4.9px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
  margin-inline-end: -7px;
}

.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
  margin-inline-start: 10.5px;
}

.v-chip.v-chip--size-x-small .v-icon--start,
.v-chip.v-chip--size-x-small .v-chip__filter {
  margin-inline-start: -3.5px;
  margin-inline-end: 3.5px;
}
.v-chip.v-chip--size-x-small .v-icon--end,
.v-chip.v-chip--size-x-small .v-chip__close {
  margin-inline-start: 3.5px;
  margin-inline-end: -3.5px;
}
.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
  margin-inline-start: 7px;
}

.v-chip.v-chip--size-small {
  --v-chip-size: 0.75rem;
  --v-chip-height: 24px;
  font-size: 0.75rem;
  padding: 0 9px;
}
.v-chip.v-chip--size-small .v-avatar {
  --v-avatar-height: 18px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar {
  --v-avatar-height: 24px;
}

.v-chip.v-chip--size-small .v-avatar--start {
  margin-inline-start: -6.3px;
  margin-inline-end: 4.5px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
  margin-inline-start: -9px;
}

.v-chip.v-chip--size-small .v-avatar--end {
  margin-inline-start: 4.5px;
  margin-inline-end: -6.3px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
  margin-inline-end: -9px;
}

.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
  margin-inline-start: 13.5px;
}

.v-chip.v-chip--size-small .v-icon--start,
.v-chip.v-chip--size-small .v-chip__filter {
  margin-inline-start: -4.5px;
  margin-inline-end: 4.5px;
}
.v-chip.v-chip--size-small .v-icon--end,
.v-chip.v-chip--size-small .v-chip__close {
  margin-inline-start: 4.5px;
  margin-inline-end: -4.5px;
}
.v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
  margin-inline-start: 9px;
}

.v-chip.v-chip--size-default {
  --v-chip-size: 0.875rem;
  --v-chip-height: 30px;
  font-size: 0.875rem;
  padding: 0 11px;
}
.v-chip.v-chip--size-default .v-avatar {
  --v-avatar-height: 24px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar {
  --v-avatar-height: 30px;
}

.v-chip.v-chip--size-default .v-avatar--start {
  margin-inline-start: -7.7px;
  margin-inline-end: 5.5px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
  margin-inline-start: -11px;
}

.v-chip.v-chip--size-default .v-avatar--end {
  margin-inline-start: 5.5px;
  margin-inline-end: -7.7px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
  margin-inline-end: -11px;
}

.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
  margin-inline-start: 16.5px;
}

.v-chip.v-chip--size-default .v-icon--start,
.v-chip.v-chip--size-default .v-chip__filter {
  margin-inline-start: -5.5px;
  margin-inline-end: 5.5px;
}
.v-chip.v-chip--size-default .v-icon--end,
.v-chip.v-chip--size-default .v-chip__close {
  margin-inline-start: 5.5px;
  margin-inline-end: -5.5px;
}
.v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
  margin-inline-start: 11px;
}

.v-chip.v-chip--size-large {
  --v-chip-size: 1rem;
  --v-chip-height: 36px;
  font-size: 1rem;
  padding: 0 14px;
}
.v-chip.v-chip--size-large .v-avatar {
  --v-avatar-height: 30px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar {
  --v-avatar-height: 36px;
}

.v-chip.v-chip--size-large .v-avatar--start {
  margin-inline-start: -9.8px;
  margin-inline-end: 7px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
  margin-inline-start: -14px;
}

.v-chip.v-chip--size-large .v-avatar--end {
  margin-inline-start: 7px;
  margin-inline-end: -9.8px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
  margin-inline-end: -14px;
}

.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
  margin-inline-start: 21px;
}

.v-chip.v-chip--size-large .v-icon--start,
.v-chip.v-chip--size-large .v-chip__filter {
  margin-inline-start: -7px;
  margin-inline-end: 7px;
}
.v-chip.v-chip--size-large .v-icon--end,
.v-chip.v-chip--size-large .v-chip__close {
  margin-inline-start: 7px;
  margin-inline-end: -7px;
}
.v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
  margin-inline-start: 14px;
}

.v-chip.v-chip--size-x-large {
  --v-chip-size: 1.125rem;
  --v-chip-height: 42px;
  font-size: 1.125rem;
  padding: 0 16px;
}
.v-chip.v-chip--size-x-large .v-avatar {
  --v-avatar-height: 36px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
  --v-avatar-height: 42px;
}

.v-chip.v-chip--size-x-large .v-avatar--start {
  margin-inline-start: -11.2px;
  margin-inline-end: 8px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
  margin-inline-start: -16px;
}

.v-chip.v-chip--size-x-large .v-avatar--end {
  margin-inline-start: 8px;
  margin-inline-end: -11.2px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
  margin-inline-end: -16px;
}

.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
  margin-inline-start: 24px;
}

.v-chip.v-chip--size-x-large .v-icon--start,
.v-chip.v-chip--size-x-large .v-chip__filter {
  margin-inline-start: -8px;
  margin-inline-end: 8px;
}
.v-chip.v-chip--size-x-large .v-icon--end,
.v-chip.v-chip--size-x-large .v-chip__close {
  margin-inline-start: 8px;
  margin-inline-end: -8px;
}
.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
  margin-inline-start: 16px;
}

.v-chip.v-chip--density-default {
  height: calc(var(--v-chip-height) + 0px);
}

.v-chip.v-chip--density-comfortable {
  height: calc(var(--v-chip-height) + -8px);
}

.v-chip.v-chip--density-compact {
  height: calc(var(--v-chip-height) + -12px);
}

.v-chip:hover > .v-chip__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-chip:focus-visible > .v-chip__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-chip:focus > .v-chip__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-chip--active > .v-chip__overlay,
.v-chip[aria-haspopup="menu"][aria-expanded="true"] > .v-chip__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-chip--active:hover > .v-chip__overlay,
.v-chip[aria-haspopup="menu"][aria-expanded="true"]:hover > .v-chip__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
.v-chip--active:focus-visible > .v-chip__overlay,
.v-chip[aria-haspopup="menu"][aria-expanded="true"]:focus-visible > .v-chip__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
@supports not selector(:focus-visible) {
  .v-chip--active:focus > .v-chip__overlay,
  .v-chip[aria-haspopup="menu"][aria-expanded="true"]:focus > .v-chip__overlay {
    opacity: calc(
      (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
    );
  }
}
.v-chip--variant-plain,
.v-chip--variant-outlined,
.v-chip--variant-text,
.v-chip--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-chip--variant-plain {
  opacity: 0.26;
}
.v-chip--variant-plain:focus,
.v-chip--variant-plain:hover {
  opacity: 1;
}
.v-chip--variant-plain .v-chip__overlay {
  display: none;
}
.v-chip--variant-elevated,
.v-chip--variant-flat {
  background: rgb(var(--v-theme-surface-variant));
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-chip--variant-elevated {
  box-shadow:
    0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-chip--variant-flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-chip--variant-outlined {
  border: thin solid currentColor;
}
.v-chip--variant-text .v-chip__overlay {
  background: currentColor;
}
.v-chip--variant-tonal .v-chip__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-chip--border {
  border-width: thin;
}
.v-chip--link {
  cursor: pointer;
}
.v-chip--filter {
  -webkit-user-select: none;
  user-select: none;
}
.v-chip--label {
  border-radius: 4px;
}

.v-chip__content {
  align-items: center;
  display: inline-flex;
}
.v-autocomplete__selection .v-chip__content,
.v-combobox__selection .v-chip__content,
.v-select__selection .v-chip__content {
  overflow: hidden;
}

.v-chip__filter,
.v-chip__prepend,
.v-chip__append,
.v-chip__close {
  align-items: center;
  display: inline-flex;
}

.v-chip__close {
  cursor: pointer;
  flex: 0 1 auto;
  font-size: 18px;
  max-height: 18px;
  max-width: 18px;
  -webkit-user-select: none;
  user-select: none;
}
.v-chip__close .v-icon {
  font-size: inherit;
}

.v-chip__filter {
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-chip__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.v-chip--disabled {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.v-chip--label {
  border-radius: 4px;
}
.v-chip-group {
  display: flex;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  padding: 4px 0;
  flex-wrap: wrap;
}
.v-chip-group .v-chip {
  margin: 4px 8px 4px 0;
}
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
  opacity: var(--v-activated-opacity);
}

.v-chip-group--column {
  flex-wrap: wrap;
  white-space: normal;
}
.v-color-picker {
  align-self: flex-start;
  contain: content;
}
.v-color-picker.v-sheet {
  box-shadow:
    0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 4px;
}

.v-color-picker__controls {
  display: flex;
  flex-direction: column;
  padding: 16px;
}

.v-color-picker--flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-combobox .v-field .v-text-field__prefix,
.v-combobox .v-field .v-text-field__suffix,
.v-combobox .v-field .v-field__input,
.v-combobox .v-field.v-field {
  cursor: text;
}
.v-combobox .v-field .v-field__input > input {
  align-self: flex-start;
  flex: 1 1;
}
.v-combobox .v-field input {
  min-width: 64px;
}
.v-combobox .v-field:not(.v-field--focused) input {
  min-width: 0;
}
.v-combobox .v-field--dirty .v-combobox__selection {
  margin-inline-end: 2px;
}
.v-combobox .v-combobox__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-combobox__content {
  overflow: hidden;
  box-shadow:
    0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 4px;
}
.v-combobox__mask {
  background: rgb(var(--v-theme-on-surface-variant));
}
.v-combobox__selection {
  display: inline-flex;
  align-items: center;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: 90%;
}
.v-combobox__selection {
  margin-top: var(--v-input-chips-margin-top);
  margin-bottom: var(--v-input-chips-margin-bottom);
}
.v-combobox__selection:first-child {
  margin-inline-start: 0;
}
.v-combobox--selecting-index .v-combobox__selection {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-combobox--selecting-index .v-combobox__selection--selected {
  opacity: 1;
}
.v-combobox--selecting-index .v-field__input > input {
  caret-color: transparent;
}
.v-combobox--single.v-text-field input {
  flex: 1 1;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding-inline-start: inherit;
  padding-inline-end: inherit;
}
.v-combobox--single .v-field--variant-outlined input {
  top: calc(50% - var(--v-input-chips-margin-top));
  transform: translateY(-50%);
}
.v-combobox--single .v-field--active input {
  transition: none;
}
.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
  opacity: 0;
}
.v-combobox--single .v-field--focused .v-combobox__selection {
  opacity: 0;
}
.v-combobox__menu-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-combobox--active-menu .v-combobox__menu-icon {
  opacity: var(--v-high-emphasis-opacity);
  transform: rotate(180deg);
}
.v-container {
  width: 100%;
  padding: 16px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 960px) {
  .v-container {
    max-width: 900px;
  }
}
@media (min-width: 1280px) {
  .v-container {
    max-width: 1200px;
  }
}
@media (min-width: 1920px) {
  .v-container {
    max-width: 1800px;
  }
}
@media (min-width: 2560px) {
  .v-container {
    max-width: 2400px;
  }
}
.v-container--fluid {
  max-width: 100%;
}
.v-container.fill-height {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.v-row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  margin: -12px;
}
.v-row + .v-row {
  margin-top: 12px;
}
.v-row + .v-row--dense {
  margin-top: 4px;
}
.v-row--dense {
  margin: -4px;
}
.v-row--dense > .v-col,
.v-row--dense > [class*="v-col-"] {
  padding: 4px;
}
.v-row.v-row--no-gutters {
  margin: 0;
}
.v-row.v-row--no-gutters > .v-col,
.v-row.v-row--no-gutters > [class*="v-col-"] {
  padding: 0;
}

.v-col-xxl,
.v-col-xxl-auto,
.v-col-xxl-12,
.v-col-xxl-11,
.v-col-xxl-10,
.v-col-xxl-9,
.v-col-xxl-8,
.v-col-xxl-7,
.v-col-xxl-6,
.v-col-xxl-5,
.v-col-xxl-4,
.v-col-xxl-3,
.v-col-xxl-2,
.v-col-xxl-1,
.v-col-xl,
.v-col-xl-auto,
.v-col-xl-12,
.v-col-xl-11,
.v-col-xl-10,
.v-col-xl-9,
.v-col-xl-8,
.v-col-xl-7,
.v-col-xl-6,
.v-col-xl-5,
.v-col-xl-4,
.v-col-xl-3,
.v-col-xl-2,
.v-col-xl-1,
.v-col-lg,
.v-col-lg-auto,
.v-col-lg-12,
.v-col-lg-11,
.v-col-lg-10,
.v-col-lg-9,
.v-col-lg-8,
.v-col-lg-7,
.v-col-lg-6,
.v-col-lg-5,
.v-col-lg-4,
.v-col-lg-3,
.v-col-lg-2,
.v-col-lg-1,
.v-col-md,
.v-col-md-auto,
.v-col-md-12,
.v-col-md-11,
.v-col-md-10,
.v-col-md-9,
.v-col-md-8,
.v-col-md-7,
.v-col-md-6,
.v-col-md-5,
.v-col-md-4,
.v-col-md-3,
.v-col-md-2,
.v-col-md-1,
.v-col-sm,
.v-col-sm-auto,
.v-col-sm-12,
.v-col-sm-11,
.v-col-sm-10,
.v-col-sm-9,
.v-col-sm-8,
.v-col-sm-7,
.v-col-sm-6,
.v-col-sm-5,
.v-col-sm-4,
.v-col-sm-3,
.v-col-sm-2,
.v-col-sm-1,
.v-col,
.v-col-auto,
.v-col-12,
.v-col-11,
.v-col-10,
.v-col-9,
.v-col-8,
.v-col-7,
.v-col-6,
.v-col-5,
.v-col-4,
.v-col-3,
.v-col-2,
.v-col-1 {
  width: 100%;
  padding: 12px;
}

.v-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.v-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.v-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.v-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.v-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.v-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.v-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.v-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.v-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.v-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.v-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.v-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.v-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.v-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-1.v-locale--is-ltr,
.v-locale--is-ltr .offset-1 {
  margin-left: 8.3333333333%;
}
.offset-1.v-locale--is-rtl,
.v-locale--is-rtl .offset-1 {
  margin-right: 8.3333333333%;
}

.offset-2.v-locale--is-ltr,
.v-locale--is-ltr .offset-2 {
  margin-left: 16.6666666667%;
}
.offset-2.v-locale--is-rtl,
.v-locale--is-rtl .offset-2 {
  margin-right: 16.6666666667%;
}

.offset-3.v-locale--is-ltr,
.v-locale--is-ltr .offset-3 {
  margin-left: 25%;
}
.offset-3.v-locale--is-rtl,
.v-locale--is-rtl .offset-3 {
  margin-right: 25%;
}

.offset-4.v-locale--is-ltr,
.v-locale--is-ltr .offset-4 {
  margin-left: 33.3333333333%;
}
.offset-4.v-locale--is-rtl,
.v-locale--is-rtl .offset-4 {
  margin-right: 33.3333333333%;
}

.offset-5.v-locale--is-ltr,
.v-locale--is-ltr .offset-5 {
  margin-left: 41.6666666667%;
}
.offset-5.v-locale--is-rtl,
.v-locale--is-rtl .offset-5 {
  margin-right: 41.6666666667%;
}

.offset-6.v-locale--is-ltr,
.v-locale--is-ltr .offset-6 {
  margin-left: 50%;
}
.offset-6.v-locale--is-rtl,
.v-locale--is-rtl .offset-6 {
  margin-right: 50%;
}

.offset-7.v-locale--is-ltr,
.v-locale--is-ltr .offset-7 {
  margin-left: 58.3333333333%;
}
.offset-7.v-locale--is-rtl,
.v-locale--is-rtl .offset-7 {
  margin-right: 58.3333333333%;
}

.offset-8.v-locale--is-ltr,
.v-locale--is-ltr .offset-8 {
  margin-left: 66.6666666667%;
}
.offset-8.v-locale--is-rtl,
.v-locale--is-rtl .offset-8 {
  margin-right: 66.6666666667%;
}

.offset-9.v-locale--is-ltr,
.v-locale--is-ltr .offset-9 {
  margin-left: 75%;
}
.offset-9.v-locale--is-rtl,
.v-locale--is-rtl .offset-9 {
  margin-right: 75%;
}

.offset-10.v-locale--is-ltr,
.v-locale--is-ltr .offset-10 {
  margin-left: 83.3333333333%;
}
.offset-10.v-locale--is-rtl,
.v-locale--is-rtl .offset-10 {
  margin-right: 83.3333333333%;
}

.offset-11.v-locale--is-ltr,
.v-locale--is-ltr .offset-11 {
  margin-left: 91.6666666667%;
}
.offset-11.v-locale--is-rtl,
.v-locale--is-rtl .offset-11 {
  margin-right: 91.6666666667%;
}

@media (min-width: 600px) {
  .v-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-0.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-0.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-0 {
    margin-right: 0;
  }
  .offset-sm-1.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-1.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-1 {
    margin-right: 8.3333333333%;
  }
  .offset-sm-2.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-2.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-2 {
    margin-right: 16.6666666667%;
  }
  .offset-sm-3.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-3.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-3 {
    margin-right: 25%;
  }
  .offset-sm-4.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-4.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-4 {
    margin-right: 33.3333333333%;
  }
  .offset-sm-5.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-5.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-5 {
    margin-right: 41.6666666667%;
  }
  .offset-sm-6.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-6.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-6 {
    margin-right: 50%;
  }
  .offset-sm-7.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-7.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-7 {
    margin-right: 58.3333333333%;
  }
  .offset-sm-8.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-8.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-8 {
    margin-right: 66.6666666667%;
  }
  .offset-sm-9.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-9.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-9 {
    margin-right: 75%;
  }
  .offset-sm-10.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-10.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-10 {
    margin-right: 83.3333333333%;
  }
  .offset-sm-11.v-locale--is-ltr,
  .v-locale--is-ltr .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .offset-sm-11.v-locale--is-rtl,
  .v-locale--is-rtl .offset-sm-11 {
    margin-right: 91.6666666667%;
  }
}
@media (min-width: 960px) {
  .v-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-0.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-0.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-0 {
    margin-right: 0;
  }
  .offset-md-1.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-1.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-1 {
    margin-right: 8.3333333333%;
  }
  .offset-md-2.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-2.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-2 {
    margin-right: 16.6666666667%;
  }
  .offset-md-3.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-3.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-3 {
    margin-right: 25%;
  }
  .offset-md-4.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-4.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-4 {
    margin-right: 33.3333333333%;
  }
  .offset-md-5.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-5.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-5 {
    margin-right: 41.6666666667%;
  }
  .offset-md-6.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-6.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-6 {
    margin-right: 50%;
  }
  .offset-md-7.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-7.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-7 {
    margin-right: 58.3333333333%;
  }
  .offset-md-8.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-8.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-8 {
    margin-right: 66.6666666667%;
  }
  .offset-md-9.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-9.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-9 {
    margin-right: 75%;
  }
  .offset-md-10.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-10.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-10 {
    margin-right: 83.3333333333%;
  }
  .offset-md-11.v-locale--is-ltr,
  .v-locale--is-ltr .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .offset-md-11.v-locale--is-rtl,
  .v-locale--is-rtl .offset-md-11 {
    margin-right: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .v-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-0.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-0.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-0 {
    margin-right: 0;
  }
  .offset-lg-1.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-1.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-1 {
    margin-right: 8.3333333333%;
  }
  .offset-lg-2.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-2.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-2 {
    margin-right: 16.6666666667%;
  }
  .offset-lg-3.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-3.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-3 {
    margin-right: 25%;
  }
  .offset-lg-4.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-4.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-4 {
    margin-right: 33.3333333333%;
  }
  .offset-lg-5.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-5.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-5 {
    margin-right: 41.6666666667%;
  }
  .offset-lg-6.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-6.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-6 {
    margin-right: 50%;
  }
  .offset-lg-7.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-7.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-7 {
    margin-right: 58.3333333333%;
  }
  .offset-lg-8.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-8.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-8 {
    margin-right: 66.6666666667%;
  }
  .offset-lg-9.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-9.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-9 {
    margin-right: 75%;
  }
  .offset-lg-10.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-10.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-10 {
    margin-right: 83.3333333333%;
  }
  .offset-lg-11.v-locale--is-ltr,
  .v-locale--is-ltr .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .offset-lg-11.v-locale--is-rtl,
  .v-locale--is-rtl .offset-lg-11 {
    margin-right: 91.6666666667%;
  }
}
@media (min-width: 1920px) {
  .v-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-0.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-0.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-0 {
    margin-right: 0;
  }
  .offset-xl-1.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-1.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-1 {
    margin-right: 8.3333333333%;
  }
  .offset-xl-2.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-2.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-2 {
    margin-right: 16.6666666667%;
  }
  .offset-xl-3.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-3.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-3 {
    margin-right: 25%;
  }
  .offset-xl-4.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-4.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-4 {
    margin-right: 33.3333333333%;
  }
  .offset-xl-5.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-5.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-5 {
    margin-right: 41.6666666667%;
  }
  .offset-xl-6.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-6.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-6 {
    margin-right: 50%;
  }
  .offset-xl-7.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-7.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-7 {
    margin-right: 58.3333333333%;
  }
  .offset-xl-8.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-8.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-8 {
    margin-right: 66.6666666667%;
  }
  .offset-xl-9.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-9.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-9 {
    margin-right: 75%;
  }
  .offset-xl-10.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-10.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-10 {
    margin-right: 83.3333333333%;
  }
  .offset-xl-11.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .offset-xl-11.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xl-11 {
    margin-right: 91.6666666667%;
  }
}
@media (min-width: 2560px) {
  .v-col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxl-0.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-0.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-0 {
    margin-right: 0;
  }
  .offset-xxl-1.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-1.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-1 {
    margin-right: 8.3333333333%;
  }
  .offset-xxl-2.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-2.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-2 {
    margin-right: 16.6666666667%;
  }
  .offset-xxl-3.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-3.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-3 {
    margin-right: 25%;
  }
  .offset-xxl-4.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-4.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-4 {
    margin-right: 33.3333333333%;
  }
  .offset-xxl-5.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-5.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-5 {
    margin-right: 41.6666666667%;
  }
  .offset-xxl-6.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-6.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-6 {
    margin-right: 50%;
  }
  .offset-xxl-7.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-7.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-7 {
    margin-right: 58.3333333333%;
  }
  .offset-xxl-8.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-8.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-8 {
    margin-right: 66.6666666667%;
  }
  .offset-xxl-9.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-9.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-9 {
    margin-right: 75%;
  }
  .offset-xxl-10.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-10.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-10 {
    margin-right: 83.3333333333%;
  }
  .offset-xxl-11.v-locale--is-ltr,
  .v-locale--is-ltr .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .offset-xxl-11.v-locale--is-rtl,
  .v-locale--is-rtl .offset-xxl-11 {
    margin-right: 91.6666666667%;
  }
}
.v-counter {
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  flex: 0 1 auto;
  font-size: 12px;
  transition-duration: 150ms;
}
.v-dialog {
  align-items: center;
  justify-content: center;
  margin: auto;
}
.v-dialog > .v-overlay__content {
  max-height: calc(100% - 48px);
  width: calc(100% - 48px);
  max-width: calc(100% - 48px);
  margin: 24px;
  display: flex;
  flex-direction: column;
}
.v-dialog > .v-overlay__content > .v-card,
.v-dialog > .v-overlay__content > .v-sheet {
  --v-scrollbar-offset: 0px;
  border-radius: 4px;
  overflow-y: auto;
  box-shadow:
    0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-dialog > .v-overlay__content > .v-card {
  display: flex;
  flex-direction: column;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-item {
  padding: 14px 24px 0;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text {
  padding-top: 10px;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-text {
  font-size: inherit;
  letter-spacing: 0.03125em;
  line-height: inherit;
  padding: 16px 24px 10px;
}

.v-dialog--fullscreen {
  --v-scrollbar-offset: 0px;
}
.v-dialog--fullscreen > .v-overlay__content {
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 0;
  left: 0;
}
.v-dialog--fullscreen > .v-overlay__content > .v-card,
.v-dialog--fullscreen > .v-overlay__content > .v-sheet {
  min-height: 100%;
  min-width: 100%;
  border-radius: 0;
}

.v-dialog--scrollable > .v-overlay__content,
.v-dialog--scrollable > .v-overlay__content > form {
  display: flex;
}
.v-dialog--scrollable > .v-overlay__content > .v-card,
.v-dialog--scrollable > .v-overlay__content > form > .v-card {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
}
.v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
.v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-y: auto;
}
.v-divider {
  display: block;
  flex: 1 1 100%;
  height: 0px;
  max-height: 0px;
  opacity: var(--v-border-opacity);
  transition: inherit;
  border-style: solid;
  border-width: thin 0 0 0;
}
.v-divider--vertical {
  align-self: stretch;
  border-width: 0 thin 0 0;
  display: inline-flex;
  height: inherit;
  margin-left: -1px;
  max-height: 100%;
  max-width: 0px;
  vertical-align: text-bottom;
  width: 0px;
}
.v-divider--inset:not(.v-divider--vertical) {
  max-width: calc(100% - 72px);
  margin-inline-start: 72px;
}
.v-divider--inset.v-divider--vertical {
  margin-bottom: 8px;
  margin-top: 8px;
  max-height: calc(100% - 16px);
}
.v-expansion-panel {
  background-color: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-expansion-panel:not(:first-child)::after {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-expansion-panel--disabled .v-expansion-panel-title {
  color: rgba(var(--v-theme-on-surface), 0.26);
}
.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
  opacity: 0.4615384615;
}

.v-expansion-panels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion)
  > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(
    .v-expansion-panel--before-active
  ) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion)
  > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(
    .v-expansion-panel--after-active
  ) {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion)
  > :first-child:not(:last-child):not(.v-expansion-panel--active):not(
    .v-expansion-panel--before-active
  ) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion)
  > :last-child:not(:first-child):not(.v-expansion-panel--active):not(
    .v-expansion-panel--after-active
  ) {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :last-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
}
.v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}
.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
  transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
}

.v-expansion-panel {
  flex: 1 0 100%;
  max-width: 100%;
  position: relative;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: margin-top, border-radius, border, max-width;
  border-radius: 4px;
}
.v-expansion-panel:not(:first-child)::after {
  border-top-style: solid;
  border-top-width: thin;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
}
.v-expansion-panel--disabled .v-expansion-panel-title {
  pointer-events: none;
}
.v-expansion-panel--active:not(:first-child),
.v-expansion-panel--active + .v-expansion-panel {
  margin-top: 16px;
}
.v-expansion-panel--active:not(:first-child)::after,
.v-expansion-panel--active + .v-expansion-panel::after {
  opacity: 0;
}
.v-expansion-panel--active > .v-expansion-panel-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  min-height: 64px;
}

.v-expansion-panel__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow:
    0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: inherit;
  z-index: -1;
}

.v-expansion-panel-title {
  align-items: center;
  text-align: start;
  border-radius: inherit;
  display: flex;
  font-size: 0.9375rem;
  line-height: 1;
  min-height: 48px;
  outline: none;
  padding: 16px 24px;
  position: relative;
  transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  justify-content: space-between;
}
.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-expansion-panel-title--active > .v-expansion-panel-title__overlay,
.v-expansion-panel-title[aria-haspopup="menu"][aria-expanded="true"]
  > .v-expansion-panel-title__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay,
.v-expansion-panel-title[aria-haspopup="menu"][aria-expanded="true"]:hover
  > .v-expansion-panel-title__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
.v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay,
.v-expansion-panel-title[aria-haspopup="menu"][aria-expanded="true"]:focus-visible
  > .v-expansion-panel-title__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
@supports not selector(:focus-visible) {
  .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay,
  .v-expansion-panel-title[aria-haspopup="menu"][aria-expanded="true"]:focus
    > .v-expansion-panel-title__overlay {
    opacity: calc(
      (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
    );
  }
}
.v-expansion-panel-title--active::before {
  opacity: 0.12;
}

.v-expansion-panel-title__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border-radius: inherit;
  opacity: 0;
}

.v-expansion-panel-title__icon {
  display: inline-flex;
  margin-bottom: -4px;
  margin-top: -4px;
  -webkit-user-select: none;
  user-select: none;
  margin-inline-start: auto;
}

.v-expansion-panel-text {
  display: flex;
}
.v-expansion-panel-text__wrapper {
  padding: 8px 24px 16px;
  flex: 1 1 auto;
  max-width: 100%;
}

.v-expansion-panels--variant-accordion > .v-expansion-panel {
  margin-top: 0;
}
.v-expansion-panels--variant-accordion > .v-expansion-panel::after {
  opacity: 1;
}

.v-expansion-panels--variant-popout > .v-expansion-panel {
  max-width: calc(100% - 32px);
}
.v-expansion-panels--variant-popout > .v-expansion-panel--active {
  max-width: calc(100% + 16px);
}

.v-expansion-panels--variant-inset > .v-expansion-panel {
  max-width: 100%;
}
.v-expansion-panels--variant-inset > .v-expansion-panel--active {
  max-width: calc(100% - 32px);
} /* region INPUT */
.v-field {
  display: grid;
  grid-template-areas: "prepend-inner field clear append-inner";
  grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
  font-size: 16px;
  letter-spacing: 0.009375em;
  max-width: 100%;
  border-radius: 4px;
  contain: layout;
  flex: 1 0;
  grid-area: control;
  position: relative;
  --v-field-padding-start: 16px;
  --v-field-padding-end: 16px;
  --v-field-padding-top: 10px;
  --v-field-padding-bottom: 5px;
  --v-field-input-padding-top: calc(
    var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0)
  );
  --v-field-input-padding-bottom: var(--v-field-padding-bottom, 5px);
}
.v-field--disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}

/* endregion */
/* region MODIFIERS */
.v-field--prepended {
  padding-inline-start: 12px;
}
.v-field--appended {
  padding-inline-end: 12px;
}
.v-field--variant-solo,
.v-field--variant-solo-filled {
  background: rgb(var(--v-theme-surface));
  border-color: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  box-shadow:
    0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-field--variant-solo-inverted {
  background: rgb(var(--v-theme-surface));
  border-color: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  box-shadow:
    0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-field--variant-solo-inverted.v-field--focused {
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-field--variant-filled {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.v-input--density-default .v-field--variant-solo,
.v-input--density-default .v-field--variant-solo-inverted,
.v-input--density-default .v-field--variant-solo-filled,
.v-input--density-default .v-field--variant-filled {
  --v-input-control-height: 54px;
  --v-field-padding-bottom: 5px;
}

.v-input--density-default .v-field--variant-solo,
.v-input--density-default .v-field--variant-solo-inverted,
.v-input--density-default .v-field--variant-solo-filled,
.v-input--density-default .v-field--variant-filled {
  --v-input-control-height: 52px;
  --v-field-padding-bottom: 5px;
}

.v-input--density-default .v-field--variant-solo,
.v-input--density-default .v-field--variant-solo-inverted,
.v-input--density-default .v-field--variant-solo-filled,
.v-input--density-default .v-field--variant-filled {
  --v-input-control-height: 50px;
  --v-field-padding-bottom: 5px;
}

.v-input--density-comfortable .v-field--variant-solo,
.v-input--density-comfortable .v-field--variant-solo-inverted,
.v-input--density-comfortable .v-field--variant-solo-filled,
.v-input--density-comfortable .v-field--variant-filled {
  --v-input-control-height: 46px;
  --v-field-padding-bottom: 1px;
}

.v-input--density-comfortable .v-field--variant-solo,
.v-input--density-comfortable .v-field--variant-solo-inverted,
.v-input--density-comfortable .v-field--variant-solo-filled,
.v-input--density-comfortable .v-field--variant-filled {
  --v-input-control-height: 44px;
  --v-field-padding-bottom: 1px;
}

.v-input--density-comfortable .v-field--variant-solo,
.v-input--density-comfortable .v-field--variant-solo-inverted,
.v-input--density-comfortable .v-field--variant-solo-filled,
.v-input--density-comfortable .v-field--variant-filled {
  --v-input-control-height: 42px;
  --v-field-padding-bottom: 1px;
}

.v-input--density-compact .v-field--variant-solo,
.v-input--density-compact .v-field--variant-solo-inverted,
.v-input--density-compact .v-field--variant-solo-filled,
.v-input--density-compact .v-field--variant-filled {
  --v-input-control-height: 38px;
  --v-field-padding-bottom: 0px;
}

.v-input--density-compact .v-field--variant-solo,
.v-input--density-compact .v-field--variant-solo-inverted,
.v-input--density-compact .v-field--variant-solo-filled,
.v-input--density-compact .v-field--variant-filled {
  --v-input-control-height: 36px;
  --v-field-padding-bottom: 0px;
}

.v-input--density-compact .v-field--variant-solo,
.v-input--density-compact .v-field--variant-solo-inverted,
.v-input--density-compact .v-field--variant-solo-filled,
.v-input--density-compact .v-field--variant-filled {
  --v-input-control-height: 34px;
  --v-field-padding-bottom: 0px;
}

.v-field--variant-outlined,
.v-field--single-line,
.v-field--no-label {
  --v-field-padding-top: 0px;
}
.v-input--density-default .v-field--variant-outlined,
.v-input--density-default .v-field--single-line,
.v-input--density-default .v-field--no-label {
  --v-field-padding-bottom: 15px;
}

.v-input--density-comfortable .v-field--variant-outlined,
.v-input--density-comfortable .v-field--single-line,
.v-input--density-comfortable .v-field--no-label {
  --v-field-padding-bottom: 11px;
}

.v-input--density-compact .v-field--variant-outlined,
.v-input--density-compact .v-field--single-line,
.v-input--density-compact .v-field--no-label {
  --v-field-padding-bottom: 7px;
}

.v-field--variant-plain,
.v-field--variant-underlined {
  border-radius: 0;
  padding: 0;
}
.v-field--variant-plain.v-field,
.v-field--variant-underlined.v-field {
  --v-field-padding-start: 0px;
  --v-field-padding-end: 0px;
  --v-field-padding-top: var(--v-field-padding-top--plain-underlined, 6px);
}
.v-input--density-default .v-field--variant-plain,
.v-input--density-default .v-field--variant-underlined {
  --v-input-control-height: 46px;
  --v-field-padding-bottom: 5px;
}

.v-input--density-default .v-field--variant-plain,
.v-input--density-default .v-field--variant-underlined {
  --v-input-control-height: 44px;
  --v-field-padding-bottom: 5px;
}

.v-input--density-default .v-field--variant-plain,
.v-input--density-default .v-field--variant-underlined {
  --v-input-control-height: 42px;
  --v-field-padding-bottom: 5px;
}

.v-input--density-comfortable .v-field--variant-plain,
.v-input--density-comfortable .v-field--variant-underlined {
  --v-input-control-height: 38px;
  --v-field-padding-bottom: 1px;
}

.v-input--density-comfortable .v-field--variant-plain,
.v-input--density-comfortable .v-field--variant-underlined {
  --v-input-control-height: 36px;
  --v-field-padding-bottom: 1px;
}

.v-input--density-comfortable .v-field--variant-plain,
.v-input--density-comfortable .v-field--variant-underlined {
  --v-input-control-height: 34px;
  --v-field-padding-bottom: 1px;
}

.v-input--density-compact .v-field--variant-plain,
.v-input--density-compact .v-field--variant-underlined {
  --v-input-control-height: 30px;
  --v-field-padding-bottom: 0px;
}

.v-input--density-compact .v-field--variant-plain,
.v-input--density-compact .v-field--variant-underlined {
  --v-input-control-height: 28px;
  --v-field-padding-bottom: 0px;
}

.v-input--density-compact .v-field--variant-plain,
.v-input--density-compact .v-field--variant-underlined {
  --v-input-control-height: 26px;
  --v-field-padding-bottom: 0px;
}

.v-field--variant-outlined {
  --v-input-chips-margin-bottom: 2px;
}
.v-field--flat {
  box-shadow: none;
}
.v-field--rounded {
  border-radius: 9999px;
}
.v-field.v-field--prepended {
  --v-field-padding-start: 6px;
}
.v-field.v-field--appended {
  --v-field-padding-end: 6px;
}

/* endregion */
/* region ELEMENTS */
.v-field__input {
  color: inherit;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.009375em;
  opacity: var(--v-high-emphasis-opacity);
  min-height: calc(
    max(
        var(--v-input-control-height, 56px),
        1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom)
      ) +
      var(--v-input-chips-margin-bottom) + 2px
  );
  min-width: 0;
  padding-inline-start: var(--v-field-padding-start);
  padding-inline-end: var(--v-field-padding-end);
  padding-top: var(--v-field-input-padding-top);
  padding-bottom: var(--v-field-input-padding-bottom);
  position: relative;
  width: 100%;
}
.v-field__input input {
  letter-spacing: inherit;
}
.v-field__input input::placeholder,
input.v-field__input::placeholder,
textarea.v-field__input::placeholder {
  color: currentColor;
  opacity: var(--v-disabled-opacity);
}

.v-field__input:focus,
.v-field__input:active {
  outline: none;
}
.v-field__input:invalid {
  box-shadow: none;
}

.v-field__field {
  flex: 1 0;
  grid-area: field;
  position: relative;
  align-items: flex-start;
  display: flex;
}

/* endregion */
/* region AFFIXES */
.v-field__prepend-inner {
  grid-area: prepend-inner;
  padding-inline-end: var(--v-field-padding-after);
}

.v-field__clearable {
  grid-area: clear;
}

.v-field__append-inner {
  grid-area: append-inner;
  padding-inline-start: var(--v-field-padding-after);
}

.v-field__append-inner,
.v-field__clearable,
.v-field__prepend-inner {
  display: flex;
  align-items: flex-start;
  padding-top: var(--v-input-padding-top, 10px);
}
.v-field--center-affix .v-field__append-inner,
.v-field--center-affix .v-field__clearable,
.v-field--center-affix .v-field__prepend-inner {
  align-items: center;
  padding-top: 0;
}

.v-field.v-field--variant-underlined .v-field__append-inner,
.v-field.v-field--variant-underlined .v-field__clearable,
.v-field.v-field--variant-underlined .v-field__prepend-inner,
.v-field.v-field--variant-plain .v-field__append-inner,
.v-field.v-field--variant-plain .v-field__clearable,
.v-field.v-field--variant-plain .v-field__prepend-inner {
  align-items: flex-start;
  padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
  padding-bottom: var(--v-field-padding-bottom, 5px);
}

.v-field--focused .v-field__prepend-inner,
.v-field--focused .v-field__append-inner {
  opacity: 1;
}

.v-field__prepend-inner > .v-icon,
.v-field__append-inner > .v-icon,
.v-field__clearable > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-field--disabled .v-field__prepend-inner > .v-icon,
.v-field--error .v-field__prepend-inner > .v-icon,
.v-field--disabled .v-field__append-inner > .v-icon,
.v-field--error .v-field__append-inner > .v-icon,
.v-field--disabled .v-field__clearable > .v-icon,
.v-field--error .v-field__clearable > .v-icon {
  opacity: 1;
}
.v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
.v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
.v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
  color: rgb(var(--v-theme-error));
}

.v-field__clearable {
  cursor: pointer;
  opacity: 0;
  margin-inline-start: 4px;
  margin-inline-end: 4px;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, transform, width;
}
.v-field--focused .v-field__clearable,
.v-field--persistent-clear .v-field__clearable {
  opacity: 1;
}
@media (hover: hover) {
  .v-field:hover .v-field__clearable {
    opacity: 1;
  }
}

/* endregion */
/* region LABEL */
.v-label.v-field-label {
  contain: layout paint;
  margin-inline-start: var(--v-field-padding-start);
  margin-inline-end: var(--v-field-padding-end);
  max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
  pointer-events: none;
  position: absolute;
  top: var(--v-input-padding-top);
  transform-origin: left center;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, transform;
}
.v-field--variant-underlined .v-label.v-field-label,
.v-field--variant-plain .v-label.v-field-label {
  top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
}
.v-field--center-affix .v-label.v-field-label {
  top: 50%;
  transform: translateY(-50%);
}
.v-field--active .v-label.v-field-label {
  visibility: hidden;
}
.v-field--focused .v-label.v-field-label,
.v-field--error .v-label.v-field-label {
  opacity: 1;
}
.v-field--error:not(.v-field--disabled) .v-label.v-field-label {
  color: rgb(var(--v-theme-error));
}
.v-label.v-field-label--floating {
  --v-field-label-scale: 0.75em;
  font-size: var(--v-field-label-scale);
  visibility: hidden;
  max-width: 100%;
}
.v-field--center-affix .v-label.v-field-label--floating {
  transform: none;
}
.v-field.v-field--active .v-label.v-field-label--floating {
  visibility: visible;
}
.v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating,
.v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating,
.v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating,
.v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 7px;
}

.v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating,
.v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating,
.v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating,
.v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 5px;
}

.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 3px;
}

.v-field--variant-plain .v-label.v-field-label--floating,
.v-field--variant-underlined .v-label.v-field-label--floating {
  transform: translateY(-16px);
  margin: 0;
  top: var(--v-input-padding-top);
}
.v-field--variant-outlined .v-label.v-field-label--floating {
  transform: translateY(-50%);
  transform-origin: center;
  position: static;
  margin: 0 4px;
}

/* endregion */
/* region OUTLINE */
.v-field__outline {
  --v-field-border-width: 1px;
  --v-field-border-opacity: 0.38;
  align-items: stretch;
  contain: layout;
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%;
}
@media (hover: hover) {
  .v-field:hover .v-field__outline {
    --v-field-border-opacity: var(--v-high-emphasis-opacity);
  }
}
.v-field--error:not(.v-field--disabled) .v-field__outline {
  color: rgb(var(--v-theme-error));
}
.v-field.v-field--focused .v-field__outline,
.v-input.v-input--error .v-field__outline {
  --v-field-border-opacity: 1;
}
.v-field--variant-outlined.v-field--focused .v-field__outline {
  --v-field-border-width: 2px;
}
.v-field--variant-filled .v-field__outline::before,
.v-field--variant-underlined .v-field__outline::before {
  border-style: solid;
  border-width: 0 0 var(--v-field-border-width);
  opacity: var(--v-field-border-opacity);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--variant-filled .v-field__outline::after,
.v-field--variant-underlined .v-field__outline::after {
  border-color: currentColor;
  border-style: solid;
  border-width: 0 0 2px;
  transform: scaleX(0);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--focused.v-field--variant-filled .v-field__outline::after,
.v-field--focused.v-field--variant-underlined .v-field__outline::after {
  transform: scaleX(1);
}

.v-field--variant-outlined .v-field__outline {
  border-radius: inherit;
}
.v-field--variant-outlined .v-field__outline__start,
.v-field--variant-outlined .v-field__outline__notch::before,
.v-field--variant-outlined .v-field__outline__notch::after,
.v-field--variant-outlined .v-field__outline__end {
  border: 0 solid currentColor;
  opacity: var(--v-field-border-opacity);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-outlined .v-field__outline__start {
  flex: 0 0 12px;
  border-top-width: var(--v-field-border-width);
  border-bottom-width: var(--v-field-border-width);
  border-inline-start-width: var(--v-field-border-width);
}
.v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
  border-top-left-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: inherit;
}
.v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl,
.v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
  border-top-left-radius: 0;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: 0;
}
.v-field--variant-outlined .v-field__outline__notch {
  flex: none;
  position: relative;
}
.v-field--variant-outlined .v-field__outline__notch::before,
.v-field--variant-outlined .v-field__outline__notch::after {
  opacity: var(--v-field-border-opacity);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--variant-outlined .v-field__outline__notch::before {
  border-width: var(--v-field-border-width) 0 0;
}
.v-field--variant-outlined .v-field__outline__notch::after {
  bottom: 0;
  border-width: 0 0 var(--v-field-border-width);
}
.v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
  opacity: 0;
}

.v-field--variant-outlined .v-field__outline__end {
  flex: 1;
  border-top-width: var(--v-field-border-width);
  border-bottom-width: var(--v-field-border-width);
  border-inline-end-width: var(--v-field-border-width);
}
.v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr,
.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
  border-top-left-radius: 0;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: 0;
}
.v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl,
.v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
  border-top-left-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: inherit;
}

/* endregion */
/* region LOADER */
.v-field__loader {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

/* endregion */
/* region OVERLAY */
.v-field__overlay {
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-field--variant-filled .v-field__overlay {
  background-color: currentColor;
  opacity: 0.04;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-filled.v-field--has-background .v-field__overlay {
  opacity: 0;
}
@media (hover: hover) {
  .v-field--variant-filled:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-filled.v-field--focused .v-field__overlay {
  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}

.v-field--variant-solo-filled .v-field__overlay {
  background-color: currentColor;
  opacity: 0.04;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
  .v-field--variant-solo-filled:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-solo-filled.v-field--focused .v-field__overlay {
  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}

.v-field--variant-solo-inverted .v-field__overlay {
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
  opacity: 0;
}
@media (hover: hover) {
  .v-field--variant-solo-inverted:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
  background-color: rgb(var(--v-theme-surface-variant));
  opacity: 1;
}

/* endregion */
/* region MODIFIERS */
.v-field--reverse .v-field__input.v-locale--is-ltr,
.v-locale--is-ltr .v-field--reverse .v-field__input {
  text-align: right;
}
.v-field--reverse .v-field__input.v-locale--is-rtl,
.v-locale--is-rtl .v-field--reverse .v-field__input {
  text-align: left;
}

.v-input--disabled .v-field--variant-filled .v-field__outline::before,
.v-input--disabled .v-field--variant-underlined .v-field__outline::before {
  border-image: repeating-linear-gradient(
      to right,
      rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px,
      rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px,
      transparent 2px,
      transparent 4px
    )
    1 repeat;
}

.v-field--loading .v-field__outline::after,
.v-field--loading .v-field__outline::before {
  opacity: 0;
}

/* endregion */
.v-file-input input[type="file"] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.v-file-input .v-chip {
  margin-top: var(--v-input-chips-margin-top);
  margin-bottom: var(--v-input-chips-margin-bottom);
}
.v-footer {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  padding: 8px 16px;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: height, width, transform, max-width, left, right, top, bottom;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 0;
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-footer--border {
  border-width: thin;
  box-shadow: none;
}
.v-footer--absolute {
  position: absolute;
}
.v-footer--fixed {
  position: fixed;
}
.v-footer--rounded {
  border-radius: 4px;
}
.v-icon {
  --v-icon-size-multiplier: 1;
  align-items: center;
  display: inline-flex;
  font-feature-settings: "liga";
  height: 1em;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  position: relative;
  text-indent: 0;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 1em;
}
.v-icon--clickable {
  cursor: pointer;
}
.v-icon--size-x-small {
  font-size: calc(var(--v-icon-size-multiplier) * 1em);
}
.v-icon--size-small {
  font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
}
.v-icon--size-default {
  font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}
.v-icon--size-large {
  font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
}
.v-icon--size-x-large {
  font-size: calc(var(--v-icon-size-multiplier) * 2em);
}

.v-icon__svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.v-icon--start {
  margin-inline-end: 8px;
}

.v-icon--end {
  margin-inline-start: 8px;
}
.v-img {
  --v-theme-overlay-multiplier: 3;
  z-index: 0;
}
.v-img--booting .v-responsive__sizer {
  transition: none;
}

.v-img__img,
.v-img__picture,
.v-img__gradient,
.v-img__placeholder,
.v-img__error {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-img__img--preload {
  filter: blur(4px);
}
.v-img__img--contain {
  object-fit: contain;
}
.v-img__img--cover {
  object-fit: cover;
}

.v-img__gradient {
  background-repeat: no-repeat;
}
.v-input {
  display: grid;
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  --v-input-chips-margin-top: 2px;
}
.v-input--disabled {
  pointer-events: none;
}
.v-input--density-default {
  --v-input-control-height: 56px;
  --v-input-padding-top: 15px;
}

.v-input--density-comfortable {
  --v-input-control-height: 48px;
  --v-input-padding-top: 11px;
}

.v-input--density-compact {
  --v-input-control-height: 40px;
  --v-input-padding-top: 7px;
}

.v-input--density-default {
  --v-input-chips-margin-bottom: 0px;
}

.v-input--density-comfortable {
  --v-input-chips-margin-bottom: 2px;
}

.v-input--density-compact {
  --v-input-chips-margin-bottom: 4px;
}

.v-input--vertical {
  grid-template-areas: "append" "control" "prepend";
  grid-template-rows: max-content auto max-content;
  grid-template-columns: min-content;
}
.v-input--vertical .v-input__prepend {
  margin-block-start: 16px;
}
.v-input--vertical .v-input__append {
  margin-block-end: 16px;
}

.v-input--horizontal {
  grid-template-areas: "prepend control append" "a messages b";
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  grid-template-rows: auto auto;
}
.v-input--horizontal .v-input__prepend {
  margin-inline-end: 16px;
}
.v-input--horizontal .v-input__append {
  margin-inline-start: 16px;
}

.v-input__details {
  align-items: flex-end;
  display: flex;
  font-size: 0.75rem;
  font-weight: 400;
  grid-area: messages;
  letter-spacing: 0.0333333333em;
  line-height: normal;
  min-height: 22px;
  padding-top: 6px;
  overflow: hidden;
  justify-content: space-between;
}

.v-input__details > .v-icon,
.v-input__prepend > .v-icon,
.v-input__append > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-input--disabled .v-input__details > .v-icon,
.v-input--disabled .v-input__details .v-messages,
.v-input--error .v-input__details > .v-icon,
.v-input--error .v-input__details .v-messages,
.v-input--disabled .v-input__prepend > .v-icon,
.v-input--disabled .v-input__prepend .v-messages,
.v-input--error .v-input__prepend > .v-icon,
.v-input--error .v-input__prepend .v-messages,
.v-input--disabled .v-input__append > .v-icon,
.v-input--disabled .v-input__append .v-messages,
.v-input--error .v-input__append > .v-icon,
.v-input--error .v-input__append .v-messages {
  opacity: 1;
}
.v-input--disabled .v-input__details,
.v-input--disabled .v-input__prepend,
.v-input--disabled .v-input__append {
  opacity: var(--v-disabled-opacity);
}
.v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
  color: rgb(var(--v-theme-error));
}

.v-input__prepend,
.v-input__append {
  display: flex;
  align-items: flex-start;
  padding-top: var(--v-input-padding-top);
}
.v-input--center-affix .v-input__prepend,
.v-input--center-affix .v-input__append {
  align-items: center;
  padding-top: 0;
}

.v-input__prepend {
  grid-area: prepend;
}

.v-input__append {
  grid-area: append;
}

.v-input__control {
  display: flex;
  grid-area: control;
}
.v-item-group {
  flex: 0 1 auto;
  max-width: 100%;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-label {
  align-items: center;
  display: inline-flex;
  font-size: 1rem;
  letter-spacing: 0.009375em;
  min-width: 0;
  opacity: var(--v-medium-emphasis-opacity);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-label--clickable {
  cursor: pointer;
}
.v-layout {
  --v-scrollbar-offset: 0px;
  display: flex;
  flex: 1 1 auto;
}
.v-layout--full-height {
  --v-scrollbar-offset: inherit;
  height: 100%;
}
.v-layout-item {
  position: absolute;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-layout-item--absolute {
  position: absolute;
}
.v-list {
  overflow: auto;
  padding: 8px 0;
  position: relative;
  outline: none;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 0;
  background: rgba(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-list--border {
  border-width: thin;
  box-shadow: none;
}
.v-list--disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.v-list--nav {
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}
.v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .v-list .v-avatar {
  --v-avatar-height: 24px;
}
.v-list--rounded {
  border-radius: 4px;
}
.v-list--subheader {
  padding-top: 0;
}

.v-list-img {
  border-radius: inherit;
  display: flex;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.v-list-subheader {
  align-items: center;
  background: inherit;
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  padding-inline-end: 16px;
  min-height: 40px;
  transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
}
.v-list-subheader__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-list--density-default .v-list-subheader {
  min-height: 40px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--density-comfortable .v-list-subheader {
  min-height: 36px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--density-compact .v-list-subheader {
  min-height: 32px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list-subheader--inset {
  --indent-padding: 56px;
}
.v-list--nav .v-list-subheader {
  font-size: 0.75rem;
}
.v-list-subheader--sticky {
  background: inherit;
  left: 0;
  position: sticky;
  top: 0;
  z-index: 1;
}

.v-list__overlay {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease-in-out;
}
.v-list-item {
  align-items: center;
  display: grid;
  flex: none;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content auto max-content;
  outline: none;
  max-width: 100%;
  padding: 4px 16px;
  position: relative;
  text-decoration: none;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  border-radius: 0;
}
.v-list-item--border {
  border-width: thin;
  box-shadow: none;
}
.v-list-item:hover > .v-list-item__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-list-item:focus-visible > .v-list-item__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-list-item:focus > .v-list-item__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-list-item--active > .v-list-item__overlay,
.v-list-item[aria-haspopup="menu"][aria-expanded="true"] > .v-list-item__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-list-item--active:hover > .v-list-item__overlay,
.v-list-item[aria-haspopup="menu"][aria-expanded="true"]:hover > .v-list-item__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
.v-list-item--active:focus-visible > .v-list-item__overlay,
.v-list-item[aria-haspopup="menu"][aria-expanded="true"]:focus-visible > .v-list-item__overlay {
  opacity: calc(
    (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
  );
}
@supports not selector(:focus-visible) {
  .v-list-item--active:focus > .v-list-item__overlay,
  .v-list-item[aria-haspopup="menu"][aria-expanded="true"]:focus > .v-list-item__overlay {
    opacity: calc(
      (var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier)
    );
  }
}
.v-list-item--variant-plain,
.v-list-item--variant-outlined,
.v-list-item--variant-text,
.v-list-item--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-list-item--variant-plain {
  opacity: 0.62;
}
.v-list-item--variant-plain:focus,
.v-list-item--variant-plain:hover {
  opacity: 1;
}
.v-list-item--variant-plain .v-list-item__overlay {
  display: none;
}
.v-list-item--variant-elevated,
.v-list-item--variant-flat {
  background: rgba(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-list-item--variant-elevated {
  box-shadow:
    0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-list-item--variant-flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-list-item--variant-outlined {
  border: thin solid currentColor;
}
.v-list-item--variant-text .v-list-item__overlay {
  background: currentColor;
}
.v-list-item--variant-tonal .v-list-item__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
@supports selector(:focus-visible) {
  .v-list-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .v-list-item:focus-visible::after {
    opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
  }
}
.v-list-item__prepend > .v-icon,
.v-list-item__append > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-list-item--active .v-list-item__prepend > .v-icon,
.v-list-item--active .v-list-item__append > .v-icon {
  opacity: 1;
}
.v-list-item--rounded {
  border-radius: 4px;
}
.v-list-item--disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.6;
}
.v-list-item--link {
  cursor: pointer;
}

.v-list-item__prepend {
  align-items: center;
  align-self: center;
  display: flex;
  grid-area: prepend;
}
.v-list-item__prepend > .v-avatar {
  margin-inline-end: 16px;
}
.v-list-item__prepend > .v-icon {
  margin-inline-end: 32px;
}
.v-list-item--three-line .v-list-item__prepend {
  align-self: start;
}

.v-list-item__append {
  align-self: center;
  display: flex;
  align-items: center;
  grid-area: append;
}
.v-list-item__append > .v-avatar {
  margin-inline-start: 16px;
}
.v-list-item__append > .v-icon {
  margin-inline-start: 32px;
}
.v-list-item--three-line .v-list-item__append {
  align-self: start;
}

.v-list-item__content {
  align-self: center;
  grid-area: content;
  overflow: hidden;
}

.v-list-item-action {
  align-self: center;
  display: flex;
  align-items: center;
  grid-area: prepend;
  flex: none;
  transition: inherit;
  transition-property: height, width;
}
.v-list-item-action--start {
  margin-inline-end: 12px;
}
.v-list-item-action--end {
  margin-inline-start: 12px;
}

.v-list-item-media {
  margin-top: 0;
  margin-bottom: 0;
}
.v-list-item-media--start {
  margin-inline-end: 16px;
}
.v-list-item-media--end {
  margin-inline-start: 16px;
}
.v-list-item--two-line .v-list-item-media {
  margin-top: -4px;
  margin-bottom: -4px;
}
.v-list-item--three-line .v-list-item-media {
  margin-top: 0;
  margin-bottom: 0;
}

.v-list-item-subtitle {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  opacity: var(--v-medium-emphasis-opacity);
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1rem;
  text-transform: none;
}
.v-list-item--one-line .v-list-item-subtitle {
  -webkit-line-clamp: 1;
}
.v-list-item--two-line .v-list-item-subtitle {
  -webkit-line-clamp: 2;
}
.v-list-item--three-line .v-list-item-subtitle {
  -webkit-line-clamp: 3;
}
.v-list-item--nav .v-list-item-subtitle {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1rem;
}

.v-list-item-title {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: normal;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: break-word;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  line-height: 1.5rem;
  text-transform: none;
}
.v-list-item--nav .v-list-item-title {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1rem;
}

.v-list-item--density-default {
  min-height: 40px;
}
.v-list-item--density-default.v-list-item--one-line {
  min-height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-list-item--density-default.v-list-item--two-line {
  min-height: 64px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.v-list-item--density-default.v-list-item--three-line {
  min-height: 88px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-default.v-list-item--three-line .v-list-item__append {
  padding-top: 8px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}

.v-list-item--density-comfortable {
  min-height: 36px;
}
.v-list-item--density-comfortable.v-list-item--one-line {
  min-height: 44px;
}
.v-list-item--density-comfortable.v-list-item--two-line {
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-list-item--density-comfortable.v-list-item--three-line {
  min-height: 84px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append {
  padding-top: 6px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}

.v-list-item--density-compact {
  min-height: 32px;
}
.v-list-item--density-compact.v-list-item--one-line {
  min-height: 40px;
}
.v-list-item--density-compact.v-list-item--two-line {
  min-height: 56px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-list-item--density-compact.v-list-item--three-line {
  min-height: 80px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-compact.v-list-item--three-line .v-list-item__append {
  padding-top: 4px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}

.v-list-item--nav {
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}
.v-list .v-list-item--nav:not(:only-child) {
  margin-bottom: 4px;
}

.v-list-item__underlay {
  position: absolute;
}

.v-list-item__overlay {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease-in-out;
}
.v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
  --v-theme-overlay-multiplier: 0;
}

.v-list {
  --indent-padding: 0px;
}
.v-list--nav {
  --indent-padding: -8px;
}

.v-list-group {
  --list-indent-size: 16px;
  --parent-padding: var(--indent-padding);
  --prepend-width: 40px;
}
.v-list-group--fluid {
  --list-indent-size: 0px;
}
.v-list-group--prepend {
  --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
}
.v-list-group--fluid.v-list-group--prepend {
  --parent-padding: var(--indent-padding);
}

.v-list-group__items {
  --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
}

.v-list-group__items .v-list-item {
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
  opacity: 0;
}
.v-locale-provider {
  display: contents;
}
.v-main {
  flex: 1 0 auto;
  max-width: 100%;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  padding-left: var(--v-layout-left);
  padding-right: var(--v-layout-right);
  padding-top: var(--v-layout-top);
  padding-bottom: var(--v-layout-bottom);
}
.v-main__scroller {
  max-width: 100%;
  position: relative;
}
.v-main--scrollable {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-main--scrollable > .v-main__scroller {
  flex: 1 1 auto;
  overflow-y: auto;
  --v-layout-left: 0px;
  --v-layout-right: 0px;
  --v-layout-top: 0px;
  --v-layout-bottom: 0px;
}
.v-menu > .v-overlay__content {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}
.v-menu > .v-overlay__content > .v-card,
.v-menu > .v-overlay__content > .v-sheet,
.v-menu > .v-overlay__content > .v-list {
  background: rgb(var(--v-theme-surface));
  border-radius: inherit;
  overflow: auto;
  height: 100%;
  box-shadow:
    0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-messages {
  flex: 1 1 auto;
  font-size: 12px;
  min-height: 14px;
  min-width: 1px;
  opacity: var(--v-medium-emphasis-opacity);
  position: relative;
}
.v-messages__message {
  line-height: 12px;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  transition-duration: 150ms;
}
.v-navigation-drawer {
  -webkit-overflow-scrolling: touch;
  background: rgb(var(--v-theme-surface));
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  pointer-events: auto;
  transition-duration: 0.2s;
  transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  position: absolute;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-navigation-drawer--border {
  border-width: thin;
  box-shadow: none;
}
.v-navigation-drawer--rounded {
  border-radius: 4px;
}
.v-navigation-drawer--top {
  top: 0;
  border-bottom-width: thin;
}
.v-navigation-drawer--bottom {
  left: 0;
  border-top-width: thin;
}
.v-navigation-drawer--left {
  top: 0;
  left: 0;
  right: auto;
  border-right-width: thin;
}
.v-navigation-drawer--right {
  top: 0;
  left: auto;
  right: 0;
  border-left-width: thin;
}
.v-navigation-drawer--floating {
  border: none;
}
.v-navigation-drawer--temporary {
  box-shadow:
    0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 6px 30px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-navigation-drawer--sticky {
  height: auto;
  transition: box-shadow, transform, visibility, width, height, left, right;
}
.v-navigation-drawer .v-list {
  overflow: hidden;
}

.v-navigation-drawer__content {
  flex: 0 1 auto;
  height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.v-navigation-drawer__img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.v-navigation-drawer__img img {
  height: inherit;
  object-fit: cover;
  width: inherit;
}

.v-navigation-drawer__scrim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.2;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.v-overlay-container {
  contain: layout;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  display: contents;
}

.v-overlay-scroll-blocked {
  padding-inline-end: var(--v-scrollbar-offset);
}
.v-overlay-scroll-blocked:not(html) {
  overflow-y: hidden !important;
}
html.v-overlay-scroll-blocked {
  position: fixed;
  top: var(--v-body-scroll-y);
  left: var(--v-body-scroll-x);
  width: 100%;
  height: 100%;
}

.v-overlay {
  border-radius: inherit;
  display: flex;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.v-overlay__content {
  outline: none;
  position: absolute;
  pointer-events: auto;
  contain: layout;
}

.v-overlay__scrim {
  pointer-events: auto;
  background: rgb(var(--v-theme-on-surface));
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0.32;
  position: fixed;
  right: 0;
  top: 0;
}

.v-overlay--absolute {
  position: absolute;
}

.v-overlay--contained .v-overlay__scrim {
  position: absolute;
}

.v-overlay--scroll-blocked {
  padding-inline-end: var(--v-scrollbar-offset);
}
.v-pagination__list {
  display: inline-flex;
  list-style-type: none;
  justify-content: center;
  width: 100%;
}
.v-pagination__item,
.v-pagination__first,
.v-pagination__prev,
.v-pagination__next,
.v-pagination__last {
  margin: 0.3rem;
}
.v-parallax {
  position: relative;
  overflow: hidden;
}
.v-parallax--active > .v-img__img {
  will-change: transform;
}
.v-progress-circular {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative;
  vertical-align: middle;
}
.v-progress-circular > svg {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.v-progress-circular__content {
  align-items: center;
  display: flex;
  justify-content: center;
}

.v-progress-circular__underlay {
  color: rgba(var(--v-border-color), var(--v-border-opacity));
  stroke: currentColor;
  z-index: 1;
}

.v-progress-circular__overlay {
  stroke: currentColor;
  transition:
    all 0.2s ease-in-out,
    stroke-width 0s;
  z-index: 2;
}

.v-progress-circular--size-x-small {
  height: 16px;
  width: 16px;
}
.v-progress-circular--size-small {
  height: 24px;
  width: 24px;
}
.v-progress-circular--size-default {
  height: 32px;
  width: 32px;
}
.v-progress-circular--size-large {
  height: 48px;
  width: 48px;
}
.v-progress-circular--size-x-large {
  height: 64px;
  width: 64px;
}

.v-progress-circular--indeterminate > svg {
  animation: progress-circular-rotate 1.4s linear infinite;
  transform-origin: center center;
  transition: all 0.2s ease-in-out;
}
.v-progress-circular--indeterminate .v-progress-circular__overlay {
  animation:
    progress-circular-dash 1.4s ease-in-out infinite,
    progress-circular-rotate 1.4s linear infinite;
  stroke-dasharray: 25, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  transform-origin: center center;
  transform: rotate(-90deg);
}

.v-progress-circular--disable-shrink > svg {
  animation-duration: 0.7s;
}
.v-progress-circular--disable-shrink .v-progress-circular__overlay {
  animation: none;
}

.v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
.v-progress-circular--indeterminate:not(.v-progress-circular--visible)
  .v-progress-circular__overlay {
  animation-play-state: paused !important;
}

@keyframes progress-circular-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes progress-circular-rotate {
  100% {
    transform: rotate(270deg);
  }
}
.v-progress-linear {
  background: transparent;
  overflow: hidden;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.v-progress-linear--rounded {
  border-radius: 9999px;
}

.v-progress-linear__background {
  background: currentColor;
  bottom: 0;
  left: 0;
  opacity: var(--v-border-opacity);
  position: absolute;
  top: 0;
  transition-property: width, left, right;
  transition: inherit;
}

.v-progress-linear__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.v-progress-linear__determinate,
.v-progress-linear__indeterminate {
  background: currentColor;
}

.v-progress-linear__determinate {
  height: inherit;
  left: 0;
  position: absolute;
  transition: inherit;
  transition-property: width, left, right;
}

.v-progress-linear__indeterminate .long,
.v-progress-linear__indeterminate .short {
  animation-play-state: paused;
  animation-duration: 2.2s;
  animation-iteration-count: infinite;
  bottom: 0;
  height: inherit;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: auto;
  will-change: left, right;
}
.v-progress-linear__indeterminate .long {
  animation-name: indeterminate-ltr;
}
.v-progress-linear__indeterminate .short {
  animation-name: indeterminate-short-ltr;
}

.v-progress-linear__stream {
  animation: stream 0.25s infinite linear;
  animation-play-state: paused;
  bottom: 0;
  left: auto;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  transition: inherit;
  transition-property: width, left, right;
}

.v-progress-linear--reverse .v-progress-linear__background,
.v-progress-linear--reverse .v-progress-linear__determinate,
.v-progress-linear--reverse .v-progress-linear__content {
  left: auto;
  right: 0;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .long,
.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
  left: auto;
  right: 0;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .long {
  animation-name: indeterminate-rtl;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
  animation-name: indeterminate-short-rtl;
}
.v-progress-linear--reverse .v-progress-linear__stream {
  right: auto;
}

.v-progress-linear--absolute,
.v-progress-linear--fixed {
  left: 0;
  z-index: 1;
}

.v-progress-linear--absolute {
  position: absolute;
}

.v-progress-linear--fixed {
  position: fixed;
}

.v-progress-linear--rounded {
  border-radius: 9999px;
}
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
  border-radius: inherit;
}

.v-progress-linear--striped .v-progress-linear__determinate {
  animation: progress-linear-stripes 1s infinite linear;
  background-image: linear-gradient(
    135deg,
    hsla(0, 0%, 100%, 0.25) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.25) 0,
    hsla(0, 0%, 100%, 0.25) 75%,
    transparent 0,
    transparent
  );
  background-repeat: repeat;
  background-size: var(--v-progress-linear-height);
}

.v-progress-linear--active .v-progress-linear__indeterminate .long,
.v-progress-linear--active .v-progress-linear__indeterminate .short {
  animation-play-state: running;
}
.v-progress-linear--active .v-progress-linear__stream {
  animation-play-state: running;
}

.v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
.v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
  border-radius: 9999px;
}
.v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-ltr,
.v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-rtl,
.v-locale--is-rtl .v-progress-linear--rounded-bar .v-progress-linear__determinate {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@keyframes indeterminate-ltr {
  0% {
    left: -90%;
    right: 100%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}
@keyframes indeterminate-rtl {
  0% {
    left: 100%;
    right: -90%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: -35%;
    right: 100%;
  }
}
@keyframes indeterminate-short-ltr {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short-rtl {
  0% {
    left: 100%;
    right: -200%;
  }
  60% {
    left: -8%;
    right: 107%;
  }
  100% {
    left: -8%;
    right: 107%;
  }
}
@keyframes stream {
  to {
    transform: translateX(var(--v-progress-linear-stream-to));
  }
}
@keyframes progress-linear-stripes {
  0% {
    background-position-x: var(--v-progress-linear-height);
  }
}
.v-radio-group > .v-input__control {
  flex-direction: column;
}
.v-radio-group > .v-input__control > .v-label {
  margin-inline-start: 8px;
}
.v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
  margin-top: 8px;
}
.v-slider .v-slider__container input {
  cursor: default;
  padding: 0;
  width: 100%;
  display: none;
}
.v-slider > .v-input__append,
.v-slider > .v-input__prepend {
  padding: 0;
}

.v-slider__container {
  position: relative;
  min-height: inherit;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.v-input--disabled .v-slider__container {
  opacity: var(--v-disabled-opacity);
}
.v-input--error:not(.v-input--disabled) .v-slider__container {
  color: rgb(var(--v-theme-error));
}

.v-slider.v-input--horizontal {
  align-items: center;
  margin-inline-start: 8px;
  margin-inline-end: 8px;
}
.v-slider.v-input--horizontal > .v-input__control {
  min-height: 32px;
  display: flex;
  align-items: center;
}

.v-slider.v-input--vertical {
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 12px;
}
.v-slider.v-input--vertical > .v-input__control {
  min-height: 300px;
}

.v-slider.v-input--disabled {
  pointer-events: none;
}

.v-slider--has-labels > .v-input__control {
  margin-bottom: 4px;
}

.v-slider__label {
  margin-inline-end: 12px;
}
.v-rating {
  max-width: 100%;
  display: inline-flex;
  white-space: nowrap;
}
.v-rating--readonly {
  pointer-events: none;
}

.v-rating__wrapper {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}
.v-rating__wrapper--bottom {
  flex-direction: column-reverse;
}

.v-rating__item {
  display: inline-flex;
  position: relative;
}
.v-rating__item label {
  cursor: pointer;
}
.v-rating__item .v-btn--variant-plain {
  opacity: 1;
}
.v-rating__item .v-btn {
  transition-property: transform;
}
.v-rating__item .v-btn .v-icon {
  transition: inherit;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
  transform: scale(1.25);
}
.v-rating__item--half {
  overflow: hidden;
  position: absolute;
  -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  z-index: 1;
}
.v-rating__item--half .v-btn__overlay,
.v-rating__item--half:hover .v-btn__overlay {
  opacity: 0;
}

.v-rating__hidden {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.v-responsive {
  display: flex;
  flex: 1 0 auto;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.v-responsive--inline {
  display: inline-flex;
  flex: 0 0 auto;
}

.v-responsive__content {
  flex: 1 0 0px;
  max-width: 100%;
}

.v-responsive__sizer ~ .v-responsive__content {
  margin-inline-start: -100%;
}

.v-responsive__sizer {
  flex: 1 0 0px;
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.v-select .v-field .v-text-field__prefix,
.v-select .v-field .v-text-field__suffix,
.v-select .v-field .v-field__input,
.v-select .v-field.v-field {
  cursor: pointer;
}
.v-select .v-field .v-field__input > input {
  align-self: flex-start;
  opacity: 1;
  flex: 0 0;
  position: absolute;
  width: 100%;
  transition: none;
  pointer-events: none;
}
.v-select .v-field--dirty .v-select__selection {
  margin-inline-end: 2px;
}
.v-select .v-select__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-select__content {
  overflow: hidden;
  box-shadow:
    0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 4px;
}
.v-select__selection {
  display: inline-flex;
  align-items: center;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: 100%;
}
.v-select .v-select__selection {
  margin-top: var(--v-input-chips-margin-top);
  margin-bottom: var(--v-input-chips-margin-bottom);
}
.v-select .v-select__selection:first-child {
  margin-inline-start: 0;
}
.v-select--selected .v-field .v-field__input > input {
  opacity: 0;
}
.v-select__menu-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-select--active-menu .v-select__menu-icon {
  opacity: var(--v-high-emphasis-opacity);
  transform: rotate(180deg);
}
.v-selection-control {
  align-items: center;
  contain: layout;
  display: flex;
  flex: 1 0;
  grid-area: control;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.v-selection-control .v-label {
  white-space: normal;
  word-break: break-word;
  height: 100%;
  width: 100%;
}
.v-selection-control--disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.v-selection-control--error .v-label,
.v-selection-control--disabled .v-label {
  opacity: 1;
}
.v-selection-control--error:not(.v-selection-control--disabled) .v-label {
  color: rgb(var(--v-theme-error));
}
.v-selection-control--inline {
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}
.v-selection-control--inline .v-label {
  width: auto;
}
.v-selection-control--density-default {
  --v-selection-control-size: 40px;
}

.v-selection-control--density-comfortable {
  --v-selection-control-size: 36px;
}

.v-selection-control--density-compact {
  --v-selection-control-size: 28px;
}

.v-selection-control__wrapper {
  width: var(--v-selection-control-size);
  height: var(--v-selection-control-size);
  display: inline-flex;
  align-items: center;
  position: relative;
  justify-content: center;
  flex: none;
}

.v-selection-control__input {
  width: var(--v-selection-control-size);
  height: var(--v-selection-control-size);
  align-items: center;
  display: flex;
  flex: none;
  justify-content: center;
  position: relative;
  border-radius: 50%;
}
.v-selection-control__input input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.v-selection-control__input::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: currentColor;
  opacity: 0;
  pointer-events: none;
}
.v-selection-control__input:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-selection-control__input > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-selection-control--disabled .v-selection-control__input > .v-icon,
.v-selection-control--dirty .v-selection-control__input > .v-icon,
.v-selection-control--error .v-selection-control__input > .v-icon {
  opacity: 1;
}
.v-selection-control--error:not(.v-selection-control--disabled)
  .v-selection-control__input
  > .v-icon {
  color: rgb(var(--v-theme-error));
}
.v-selection-control--focus-visible .v-selection-control__input::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
.v-selection-control-group {
  grid-area: control;
  display: flex;
  flex-direction: column;
}
.v-selection-control-group--inline {
  flex-direction: row;
  flex-wrap: wrap;
}
.v-sheet {
  display: block;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 0;
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}
.v-sheet--border {
  border-width: thin;
  box-shadow: none;
}
.v-sheet--absolute {
  position: absolute;
}
.v-sheet--fixed {
  position: fixed;
}
.v-sheet--relative {
  position: relative;
}
.v-sheet--sticky {
  position: sticky;
}
.v-sheet--rounded {
  border-radius: 4px;
}
.v-slide-group {
  display: flex;
  overflow: hidden;
}

.v-slide-group__next,
.v-slide-group__prev {
  align-items: center;
  display: flex;
  flex: 0 1 52px;
  justify-content: center;
  min-width: 52px;
  cursor: pointer;
}
.v-slide-group__next--disabled,
.v-slide-group__prev--disabled {
  pointer-events: none;
  opacity: var(--v-disabled-opacity);
}

.v-slide-group__content {
  display: flex;
  flex: 1 0 auto;
  position: relative;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}
.v-slide-group__content > * {
  white-space: initial;
}

.v-slide-group__container {
  contain: content;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.v-slide-group--vertical,
.v-slide-group--vertical .v-slide-group__container,
.v-slide-group--vertical .v-slide-group__content {
  flex-direction: column;
}
.v-snackbar {
  justify-content: center;
  z-index: 10000;
  margin: 8px;
  margin-inline-end: calc(8px + var(--v-scrollbar-offset));
}
.v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
  align-items: flex-end;
}
.v-snackbar__wrapper {
  align-items: center;
  display: flex;
  max-width: 672px;
  min-height: 48px;
  min-width: 344px;
  padding: 0;
  border-radius: 4px;
}
.v-snackbar--variant-plain,
.v-snackbar--variant-outlined,
.v-snackbar--variant-text,
.v-snackbar--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-snackbar--variant-plain {
  opacity: 0.62;
}
.v-snackbar--variant-plain:focus,
.v-snackbar--variant-plain:hover {
  opacity: 1;
}
.v-snackbar--variant-plain .v-snackbar__overlay {
  display: none;
}
.v-snackbar--variant-elevated,
.v-snackbar--variant-flat {
  background: rgb(var(--v-theme-surface-variant));
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-snackbar--variant-elevated {
  box-shadow:
    0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-snackbar--variant-flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-snackbar--variant-outlined {
  border: thin solid currentColor;
}
.v-snackbar--variant-text .v-snackbar__overlay {
  background: currentColor;
}
.v-snackbar--variant-tonal .v-snackbar__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.v-snackbar__content {
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1.25rem;
  margin-right: auto;
  padding: 14px 16px;
  text-align: initial;
}
.v-snackbar__actions {
  align-items: center;
  align-self: center;
  display: flex;
  margin-inline-end: 8px;
}
.v-snackbar__actions > .v-btn {
  padding: 0 8px;
  min-width: auto;
}
.v-snackbar--absolute {
  position: absolute;
  z-index: 1;
}
.v-snackbar--multi-line .v-snackbar__wrapper {
  min-height: 68px;
}
.v-snackbar--vertical .v-snackbar__wrapper {
  flex-direction: column;
}
.v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
  align-self: flex-end;
  margin-bottom: 8px;
}

.v-snackbar-transition-enter-active,
.v-snackbar-transition-leave-active {
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.v-snackbar-transition-enter-active {
  transition-property: opacity, transform;
}
.v-snackbar-transition-enter-from {
  opacity: 0;
  transform: scale(0.8);
}
.v-snackbar-transition-leave-active {
  transition-property: opacity;
}
.v-snackbar-transition-leave-to {
  opacity: 0;
}
.v-switch .v-label {
  padding-inline-start: 10px;
}

.v-switch__loader {
  display: flex;
}

.v-switch__track,
.v-switch__thumb {
  background-color: currentColor;
  transition: none;
}
.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
  background-color: rgb(var(--v-theme-error));
}

.v-selection-control--dirty .v-switch__thumb {
  color: currentColor;
}

.v-switch__track {
  border-radius: 8px;
  height: 14px;
  opacity: 0.6;
  width: 36px;
  cursor: pointer;
}
.v-switch--inset .v-switch__track {
  border-radius: 14px;
  height: 28px;
  width: 48px;
}

.v-switch__thumb {
  align-items: center;
  border-radius: 50%;
  color: rgb(var(--v-theme-surface));
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
  pointer-events: none;
  transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-switch--inset .v-switch__thumb {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
  display: none;
}

.v-switch--loading .v-selection-control__input > .v-icon {
  display: none;
}

.v-switch .v-selection-control {
  min-height: var(--v-input-control-height);
}
.v-switch .v-selection-control__input {
  border-radius: 50%;
  transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-10px);
  position: absolute;
}
.v-switch .v-selection-control--dirty .v-selection-control__input {
  transform: translateX(10px);
}
.v-switch.v-switch--indeterminate .v-selection-control__input {
  transform: scale(0.8);
}
.v-switch.v-switch--indeterminate .v-switch__thumb {
  transform: scale(0.75);
  box-shadow: none;
}
.v-switch.v-switch--inset .v-selection-control__wrapper {
  width: auto;
}
.v-system-bar {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  height: 24px;
  justify-content: flex-end;
  max-width: 100%;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  position: relative;
  text-align: end;
  width: 100%;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  background: rgba(var(--v-theme-on-surface-variant));
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  line-height: 1.25rem;
  text-transform: none;
}
.v-system-bar .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-system-bar--absolute {
  position: absolute;
}
.v-system-bar--fixed {
  position: fixed;
}
.v-system-bar--rounded {
  border-radius: 0;
}
.v-system-bar--window {
  height: 32px;
}
.v-system-bar:not(.v-system-bar--absolute) {
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
}
.v-tabs {
  display: flex;
  height: var(--v-tabs-height);
}
.v-tabs--density-default {
  --v-tabs-height: 48px;
}
.v-tabs--density-default.v-tabs--stacked {
  --v-tabs-height: 72px;
}

.v-tabs--density-comfortable {
  --v-tabs-height: 44px;
}
.v-tabs--density-comfortable.v-tabs--stacked {
  --v-tabs-height: 68px;
}

.v-tabs--density-compact {
  --v-tabs-height: 36px;
}
.v-tabs--density-compact.v-tabs--stacked {
  --v-tabs-height: 60px;
}

.v-tabs.v-slide-group--vertical {
  height: auto;
  flex: none;
  --v-tabs-height: 48px;
}

.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
  margin-inline-start: 42px;
}

.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
  margin-inline-end: auto;
}
.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
  margin-inline-start: auto;
}

.v-tabs--grow {
  flex-grow: 1;
}
.v-tabs--grow .v-tab {
  flex: 1 0 auto;
  max-width: none;
}

.v-tabs--align-tabs-end .v-tab:first-child {
  margin-inline-start: auto;
}
.v-tabs--align-tabs-end .v-tab:last-child {
  margin-inline-end: 0;
}

@media (max-width: 1279.98px) {
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes)
    .v-tab:first-child {
    margin-inline-start: 52px;
  }
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes)
    .v-tab:last-child {
    margin-inline-end: 52px;
  }
}
.v-tab.v-tab {
  --v-btn-height: var(--v-tabs-height);
  min-width: 90px;
}
.v-slide-group--horizontal .v-tab {
  max-width: 360px;
}
.v-slide-group--vertical .v-tab {
  justify-content: start;
}

.v-tab__slider {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: currentColor;
  pointer-events: none;
  opacity: 0;
}
.v-tab--selected .v-tab__slider {
  opacity: 1;
}
.v-slide-group--vertical .v-tab__slider {
  top: 0;
  height: 100%;
  width: 2px;
}
.v-table {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-table .v-table-divider {
  border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-table .v-table__wrapper > table > thead > tr > th {
  border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
  border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-table .v-table__wrapper > table > tfoot > tr > td,
.v-table .v-table__wrapper > table > tfoot > tr > th {
  border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover td {
  background: rgba(var(--v-border-color), var(--v-hover-opacity));
}
.v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
  background: rgb(var(--v-theme-surface));
  box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
  z-index: 1;
}
.v-table.v-table--fixed-footer > tfoot > tr > th,
.v-table.v-table--fixed-footer > tfoot > tr > td {
  background: rgb(var(--v-theme-surface));
  box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-table {
  --v-table-header-height: 48px;
  border-radius: inherit;
  line-height: 1.5;
  max-width: 100%;
}
.v-table > .v-table__wrapper > table {
  width: 100%;
  border-spacing: 0;
}
.v-table > .v-table__wrapper > table > tbody > tr > td,
.v-table > .v-table__wrapper > table > tbody > tr > th,
.v-table > .v-table__wrapper > table > thead > tr > td,
.v-table > .v-table__wrapper > table > thead > tr > th,
.v-table > .v-table__wrapper > table > tfoot > tr > td,
.v-table > .v-table__wrapper > table > tfoot > tr > th {
  padding: 0 16px;
  transition: height cubic-bezier(0.4, 0, 0.2, 1);
}
.v-table > .v-table__wrapper > table > tbody > tr > th,
.v-table > .v-table__wrapper > table > thead > tr > th,
.v-table > .v-table__wrapper > table > tfoot > tr > th {
  font-weight: 500;
  -webkit-user-select: none;
  user-select: none;
  text-align: start;
}
.v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
.v-table--density-default > .v-table__wrapper > table > thead > tr > th,
.v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
  height: calc(var(--v-table-header-height) + 0px);
}
.v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
.v-table--density-default > .v-table__wrapper > table > thead > tr > td,
.v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
  height: calc(var(--v-table-row-height, 52px) + 0px);
}

.v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
.v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
.v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
  height: calc(var(--v-table-header-height) - 8px);
}
.v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
.v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
.v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
  height: calc(var(--v-table-row-height, 52px) - 8px);
}

.v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
.v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
.v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
  height: calc(var(--v-table-header-height) - 16px);
}
.v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
.v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
.v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
  height: calc(var(--v-table-row-height, 52px) - 16px);
}

.v-table__wrapper {
  border-radius: inherit;
  overflow: auto;
}

.v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
  border-top-left-radius: 0;
}
.v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
  border-top-right-radius: 0;
}

.v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
  border-bottom-left-radius: 0;
}
.v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
  border-bottom-right-radius: 0;
}

.v-table--fixed-height > .v-table__wrapper {
  overflow-y: auto;
}

.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
  border-bottom: 0px !important;
  position: sticky;
  top: 0;
}

.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
  border-top: 0px !important;
  position: sticky;
  bottom: 0;
}
.v-textarea .v-field {
  --v-textarea-control-height: var(--v-input-control-height);
}
.v-textarea .v-field__field {
  --v-input-control-height: var(--v-textarea-control-height);
}
.v-textarea .v-field__input {
  flex: 1 1 auto;
  outline: none;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent,
    transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px),
    black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px)
  );
  mask-image: linear-gradient(
    to bottom,
    transparent,
    transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px),
    black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px)
  );
}
.v-textarea .v-field__input.v-textarea__sizer {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  min-height: 0 !important;
  pointer-events: none;
}
.v-textarea--auto-grow .v-field__input {
  overflow: hidden;
}
.v-textarea--no-resize .v-field__input {
  resize: none;
}
.v-textarea .v-field--no-label textarea,
.v-textarea .v-field--active textarea {
  opacity: 1;
}
.v-textarea textarea {
  opacity: 0;
  flex: 1;
  min-width: 0;
  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
}
.v-textarea textarea:focus,
.v-textarea textarea:active {
  outline: none;
}
.v-textarea textarea:invalid {
  box-shadow: none;
} /* region BLOCK */
.v-text-field input {
  color: inherit;
  opacity: 0;
  flex: 1;
  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
  margin-top: var(--v-input-chips-margin-top);
  margin-bottom: var(--v-input-chips-margin-bottom);
}
.v-text-field input:focus,
.v-text-field input:active {
  outline: none;
}
.v-text-field input:invalid {
  box-shadow: none;
}
.v-text-field .v-field {
  cursor: text;
}
.v-text-field--prefixed.v-text-field .v-field__input {
  --v-field-padding-start: 6px;
}

.v-text-field--suffixed.v-text-field .v-field__input {
  --v-field-padding-end: 0;
}

.v-text-field .v-input__details {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.v-text-field .v-field--no-label input,
.v-text-field .v-field--active input {
  opacity: 1;
}
.v-text-field .v-field--single-line input {
  transition: none;
}

/* endregion */
/* region ELEMENTS */
.v-text-field__prefix,
.v-text-field__suffix {
  align-items: center;
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  cursor: default;
  display: flex;
  opacity: 0;
  transition: inherit;
  white-space: nowrap;
  min-height: calc(
    max(
        var(--v-input-control-height, 56px),
        1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom)
      ) +
      var(--v-input-chips-margin-bottom) + 2px
  );
  padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
  padding-bottom: var(--v-field-padding-bottom, 6px);
}
.v-text-field__prefix__text,
.v-text-field__suffix__text {
  margin-top: var(--v-input-chips-margin-top);
  margin-bottom: var(--v-input-chips-margin-bottom);
}
.v-field--active .v-text-field__prefix,
.v-field--active .v-text-field__suffix {
  opacity: 1;
}
.v-field--disabled .v-text-field__prefix,
.v-field--disabled .v-text-field__suffix {
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
}
.v-text-field__prefix {
  padding-inline-start: var(--v-field-padding-start);
}
.v-text-field__suffix {
  padding-inline-end: var(--v-field-padding-end);
}

/* endregion */
/* region MODIFIERS */
.v-text-field--plain-underlined {
  --v-field-padding-top--plain-underlined: 6px;
}
.v-text-field--plain-underlined .v-input__details {
  padding: 0;
}
.v-text-field--plain-underlined .v-input__prepend,
.v-text-field--plain-underlined .v-input__append {
  align-items: flex-start;
  padding-top: calc(var(--v-field-padding-top--plain-underlined) + var(--v-input-padding-top));
}

/* endregion */
.v-theme-provider {
  background: rgb(var(--v-theme-background));
  color: rgb(var(--v-theme-on-background));
}
.v-timeline .v-timeline-divider__dot {
  background: rgb(var(--v-theme-on-surface-variant));
}
.v-timeline .v-timeline-divider__inner-dot {
  background: rgb(var(--v-theme-on-surface));
}

.v-timeline {
  display: grid;
  grid-auto-flow: dense;
  position: relative;
}
.v-timeline--horizontal.v-timeline {
  grid-column-gap: 24px;
  width: 100%;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider,
.v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body,
.v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
  padding-inline-start: 24px;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider,
.v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body,
.v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
  padding-inline-end: 24px;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
  grid-row: 3;
  padding-block-start: 24px;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
  grid-row: 1;
  padding-block-end: 24px;
  align-self: flex-end;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n + 1) .v-timeline-item__body {
  grid-row: 1;
  padding-block-end: 24px;
  align-self: flex-end;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n + 1) .v-timeline-item__opposite {
  grid-row: 3;
  padding-block-start: 24px;
}

.v-timeline--vertical.v-timeline {
  grid-row-gap: 24px;
  height: 100%;
}
.v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider,
.v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body,
.v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
  padding-block-start: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider,
.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body,
.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
  padding-block-end: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
  grid-column: 1;
  justify-self: flex-end;
  padding-inline-end: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
  grid-column: 3;
  padding-inline-start: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n + 1) .v-timeline-item__body {
  grid-column: 3;
  padding-inline-start: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n + 1) .v-timeline-item__opposite {
  grid-column: 1;
  justify-self: flex-end;
  padding-inline-end: 24px;
}

.v-timeline-item {
  display: contents;
}

.v-timeline-divider {
  position: relative;
  display: flex;
  align-items: center;
}
.v-timeline--horizontal .v-timeline-divider {
  flex-direction: row;
  grid-row: 2;
  width: 100%;
}

.v-timeline--vertical .v-timeline-divider {
  height: 100%;
  flex-direction: column;
  grid-column: 2;
}

.v-timeline-divider__before {
  background: rgba(var(--v-border-color), var(--v-border-opacity));
  position: absolute;
}
.v-timeline--horizontal .v-timeline-divider__before {
  height: var(--v-timeline-line-thickness);
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
}
.v-timeline--horizontal .v-timeline-divider__before.v-locale--is-ltr,
.v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before {
  left: -12px;
  right: initial;
}
.v-timeline--horizontal .v-timeline-divider__before.v-locale--is-rtl,
.v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__before {
  right: -12px;
  left: initial;
}

.v-timeline--vertical .v-timeline-divider__before {
  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  width: var(--v-timeline-line-thickness);
  top: -12px;
}

.v-timeline-divider__after {
  background: rgba(var(--v-border-color), var(--v-border-opacity));
  position: absolute;
}
.v-timeline--horizontal .v-timeline-divider__after {
  height: var(--v-timeline-line-thickness);
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
}
.v-timeline--horizontal .v-timeline-divider__after.v-locale--is-ltr,
.v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__after {
  right: -12px;
  left: initial;
}
.v-timeline--horizontal .v-timeline-divider__after.v-locale--is-rtl,
.v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__after {
  left: -12px;
  right: initial;
}

.v-timeline--vertical .v-timeline-divider__after {
  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  width: var(--v-timeline-line-thickness);
  bottom: -12px;
}

.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  top: 0;
}

.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
}
.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before.v-locale--is-ltr,
.v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
  left: 0;
  right: initial;
}
.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before.v-locale--is-rtl,
.v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
  right: 0;
  left: initial;
}

.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
  height: calc(
    var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) +
      var(--v-timeline-line-size-offset)
  );
}

.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
  width: calc(
    var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) +
      var(--v-timeline-line-size-offset)
  );
}
.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after.v-locale--is-ltr,
.v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
  right: -12px;
  left: initial;
}
.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after.v-locale--is-rtl,
.v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
  left: -12px;
  right: initial;
}

.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
  height: calc(
    var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) +
      var(--v-timeline-line-size-offset)
  );
}

.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
  width: calc(
    var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) +
      var(--v-timeline-line-size-offset)
  );
}

.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  bottom: 0;
}

.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
}
.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after.v-locale--is-ltr,
.v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
  right: 0;
  left: initial;
}
.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after.v-locale--is-rtl,
.v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
  left: 0;
  right: initial;
}

.v-timeline-divider__dot {
  z-index: 1;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-timeline-divider__dot--size-x-small {
  height: 22px;
  width: 22px;
}
.v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
  height: calc(100% - 6px);
  width: calc(100% - 6px);
}
.v-timeline-divider__dot--size-small {
  height: 30px;
  width: 30px;
}
.v-timeline-divider__dot--size-small .v-timeline-divider__inner-dot {
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}
.v-timeline-divider__dot--size-default {
  height: 38px;
  width: 38px;
}
.v-timeline-divider__dot--size-default .v-timeline-divider__inner-dot {
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}
.v-timeline-divider__dot--size-large {
  height: 46px;
  width: 46px;
}
.v-timeline-divider__dot--size-large .v-timeline-divider__inner-dot {
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}
.v-timeline-divider__dot--size-x-large {
  height: 54px;
  width: 54px;
}
.v-timeline-divider__dot--size-x-large .v-timeline-divider__inner-dot {
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}

.v-timeline-divider__inner-dot {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}

/** Modifiers **/
.v-timeline--horizontal.v-timeline--justify-center {
  grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
}

.v-timeline--vertical.v-timeline--justify-center {
  grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
}

.v-timeline--horizontal.v-timeline--justify-auto {
  grid-template-rows: auto min-content auto;
}

.v-timeline--vertical.v-timeline--justify-auto {
  grid-template-columns: auto min-content auto;
}

.v-timeline--horizontal.v-timeline--density-comfortable {
  height: 100%;
}
.v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
  grid-template-rows: min-content min-content auto;
}
.v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
  grid-template-rows: auto min-content min-content;
}

.v-timeline--vertical.v-timeline--density-comfortable {
  width: 100%;
}
.v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
  grid-template-columns: min-content min-content auto;
}
.v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
  grid-template-columns: auto min-content min-content;
}

.v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
  grid-template-rows: 0 min-content auto;
}
.v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
  grid-template-rows: auto min-content 0;
}
.v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
  grid-row: 1;
}

.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
  grid-template-columns: 0 min-content auto;
}
.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
  grid-template-columns: auto min-content 0;
}
.v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
  grid-column: 3;
}

.v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
  grid-row: 3;
  padding-block-end: initial;
  padding-block-start: 24px;
}
.v-timeline--horizontal.v-timeline.v-timeline--side-end
  .v-timeline-item
  .v-timeline-item__opposite {
  grid-row: 1;
  padding-block-end: 24px;
  padding-block-start: initial;
}

.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
  grid-column: 3;
  padding-inline-start: 24px;
  padding-inline-end: initial;
  justify-self: flex-start;
}
.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
  grid-column: 1;
  justify-self: flex-end;
  padding-inline-end: 24px;
  padding-inline-start: initial;
}

.v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
  grid-row: 1;
  padding-block-end: 24px;
  padding-block-start: initial;
}
.v-timeline--horizontal.v-timeline.v-timeline--side-start
  .v-timeline-item
  .v-timeline-item__opposite {
  grid-row: 3;
  padding-block-end: initial;
  padding-block-start: 24px;
}

.v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
  grid-column: 1;
  justify-self: flex-end;
  padding-inline-end: 24px;
}
.v-timeline--vertical.v-timeline.v-timeline--side-start
  .v-timeline-item
  .v-timeline-item__opposite {
  grid-column: 3;
  padding-inline-start: 24px;
  justify-self: flex-start;
}

.v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
  height: inherit;
  width: inherit;
}

.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
  display: none;
}

.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
  display: none;
}

.v-timeline--align-center {
  --v-timeline-line-size-base: 50%;
  --v-timeline-line-size-offset: 0px;
}
.v-timeline--horizontal.v-timeline--align-center {
  justify-items: center;
}
.v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
  justify-content: center;
}

.v-timeline--vertical.v-timeline--align-center {
  align-items: center;
}
.v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
  justify-content: center;
}

.v-timeline--align-start {
  --v-timeline-line-size-base: 100%;
  --v-timeline-line-size-offset: 12px;
}
.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
  --v-timeline-line-size-offset: 24px;
}
.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
  --v-timeline-line-size-offset: -12px;
}
.v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
  --v-timeline-line-size-offset: 0px;
}
.v-timeline--horizontal.v-timeline--align-start {
  justify-items: flex-start;
}
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
  justify-content: flex-start;
}
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
  width: calc(
    var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 -
      var(--v-timeline-line-inset)
  );
}
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
  width: calc(
    var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 +
      var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset)
  );
}

.v-timeline--vertical.v-timeline--align-start {
  align-items: flex-start;
}
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
  justify-content: flex-start;
}
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
  height: calc(
    var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 -
      var(--v-timeline-line-inset)
  );
}
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
  height: calc(
    var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 +
      var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset)
  );
}

.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
  --v-timeline-line-size-offset: 12px;
}
.v-timeline--vertical.v-timeline--truncate-line-start
  .v-timeline-item:first-child
  .v-timeline-divider,
.v-timeline--vertical.v-timeline--truncate-line-start
  .v-timeline-item:first-child
  .v-timeline-item__body,
.v-timeline--vertical.v-timeline--truncate-line-start
  .v-timeline-item:first-child
  .v-timeline-item__opposite {
  padding-block-start: 0;
}

.v-timeline--horizontal.v-timeline--truncate-line-start
  .v-timeline-item:first-child
  .v-timeline-divider,
.v-timeline--horizontal.v-timeline--truncate-line-start
  .v-timeline-item:first-child
  .v-timeline-item__body,
.v-timeline--horizontal.v-timeline--truncate-line-start
  .v-timeline-item:first-child
  .v-timeline-item__opposite {
  padding-inline-start: 0;
}

.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
  --v-timeline-line-size-offset: 12px;
}
.v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider,
.v-timeline--vertical.v-timeline--truncate-line-end
  .v-timeline-item:last-child
  .v-timeline-item__body,
.v-timeline--vertical.v-timeline--truncate-line-end
  .v-timeline-item:last-child
  .v-timeline-item__opposite {
  padding-block-end: 0;
}

.v-timeline--horizontal.v-timeline--truncate-line-end
  .v-timeline-item:last-child
  .v-timeline-divider,
.v-timeline--horizontal.v-timeline--truncate-line-end
  .v-timeline-item:last-child
  .v-timeline-item__body,
.v-timeline--horizontal.v-timeline--truncate-line-end
  .v-timeline-item:last-child
  .v-timeline-item__opposite {
  padding-inline-end: 0;
}
.v-toolbar {
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
  width: 100%;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 0;
  background: rgb(var(--v-theme-on-surface-variant));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-toolbar--border {
  border-width: thin;
  box-shadow: none;
}
.v-toolbar--absolute {
  position: absolute;
}
.v-toolbar--collapse {
  max-width: 112px;
  overflow: hidden;
}
.v-toolbar--collapse .v-toolbar-title {
  display: none;
}
.v-toolbar--collapse.v-locale--is-ltr,
.v-locale--is-ltr .v-toolbar--collapse {
  border-bottom-right-radius: 24px;
}
.v-toolbar--collapse.v-locale--is-rtl,
.v-locale--is-rtl .v-toolbar--collapse {
  border-bottom-left-radius: 24px;
}
.v-toolbar--flat {
  box-shadow:
    0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-toolbar--floating {
  display: inline-flex;
}
.v-toolbar--rounded {
  border-radius: 4px;
}

.v-toolbar__content,
.v-toolbar__extension {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  transition: inherit;
  width: 100%;
}

.v-toolbar__content > .v-btn:first-child {
  margin-inline-start: 10px;
}
.v-toolbar__content > .v-btn:last-child {
  margin-inline-end: 10px;
}
.v-toolbar__content > .v-toolbar-title {
  margin-inline-start: 16px;
}
.v-toolbar--density-prominent .v-toolbar__content {
  align-items: flex-start;
}

.v-toolbar__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: var(--v-toolbar-image-opacity, 1);
  transition-property: opacity;
}

.v-toolbar__prepend,
.v-toolbar__append {
  align-items: center;
  align-self: stretch;
  display: flex;
}

.v-toolbar__prepend {
  margin-inline-start: 10px;
  margin-inline-end: auto;
}

.v-toolbar__append {
  margin-inline-start: auto;
  margin-inline-end: 10px;
}

.v-toolbar-title {
  flex: 1 1;
  font-size: 1.25rem;
  min-width: 0;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75rem;
  text-transform: none;
}
.v-toolbar--density-prominent .v-toolbar-title {
  align-self: flex-end;
  padding-bottom: 6px;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.25rem;
  text-transform: none;
}

.v-toolbar-title__placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-toolbar-items {
  display: flex;
  height: inherit;
  align-self: stretch;
}
.v-toolbar-items > .v-btn {
  border-radius: 0;
}
.v-tooltip > .v-overlay__content {
  background: rgba(var(--v-theme-surface-variant), 0.7);
  color: rgb(var(--v-theme-on-surface-variant));
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 1.6;
  display: inline-block;
  padding: 5px 16px;
  text-transform: initial;
  width: auto;
  opacity: 1;
  pointer-events: none;
  transition-property: opacity, transform;
}
.v-tooltip > .v-overlay__content[class*="enter-active"] {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 150ms;
}
.v-tooltip > .v-overlay__content[class*="leave-active"] {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 75ms;
}
.v-virtual-scroll {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  overflow: auto;
  position: relative;
}
.v-virtual-scroll__container {
  display: block;
}
.v-window {
  overflow: hidden;
}
.v-window__container {
  display: flex;
  flex-direction: column;
  height: inherit;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-window__controls {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  pointer-events: none;
}
.v-window__controls * {
  pointer-events: auto;
}
.v-window--show-arrows-on-hover {
  overflow: hidden;
}
.v-window--show-arrows-on-hover .v-window__left {
  transform: translateX(-200%);
}
.v-window--show-arrows-on-hover .v-window__right {
  transform: translateX(200%);
}
.v-window--show-arrows-on-hover:hover .v-window__left,
.v-window--show-arrows-on-hover:hover .v-window__right {
  transform: translateX(0);
}
.v-window-x-transition-enter-active,
.v-window-x-transition-leave-active,
.v-window-x-reverse-transition-enter-active,
.v-window-x-reverse-transition-leave-active,
.v-window-y-transition-enter-active,
.v-window-y-transition-leave-active,
.v-window-y-reverse-transition-enter-active,
.v-window-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-window-x-transition-leave-from,
.v-window-x-transition-leave-to,
.v-window-x-reverse-transition-leave-from,
.v-window-x-reverse-transition-leave-to,
.v-window-y-transition-leave-from,
.v-window-y-transition-leave-to,
.v-window-y-reverse-transition-leave-from,
.v-window-y-reverse-transition-leave-to {
  position: absolute !important;
  top: 0;
  width: 100%;
}
.v-window-x-transition-enter-from {
  transform: translateX(100%);
}
.v-window-x-transition-leave-to {
  transform: translateX(-100%);
}
.v-window-x-reverse-transition-enter-from {
  transform: translateX(-100%);
}
.v-window-x-reverse-transition-leave-to {
  transform: translateX(100%);
}
.v-window-y-transition-enter-from {
  transform: translateY(100%);
}
.v-window-y-transition-leave-to {
  transform: translateY(-100%);
}
.v-window-y-reverse-transition-enter-from {
  transform: translateY(-100%);
}
.v-window-y-reverse-transition-leave-to {
  transform: translateY(100%);
}
.v-color-picker-canvas {
  display: flex;
  position: relative;
  overflow: hidden;
  contain: content;
}
.v-color-picker-canvas__dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background: transparent;
  border-radius: 50%;
  box-shadow:
    0px 0px 0px 1.5px rgb(255, 255, 255),
    inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
}
.v-color-picker-canvas__dot--disabled {
  box-shadow:
    0px 0px 0px 1.5px rgba(255, 255, 255, 0.7),
    inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
}
.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
  will-change: transform;
}
.v-color-picker-edit {
  display: flex;
}

.v-color-picker-edit__input {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.v-color-picker-edit__input:not(:last-child).v-locale--is-ltr,
.v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
  margin-right: 8px;
}
.v-color-picker-edit__input:not(:last-child).v-locale--is-rtl,
.v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
  margin-left: 8px;
}
.v-color-picker-edit__input input {
  border-radius: 4px;
  margin-bottom: 8px;
  min-width: 0;
  outline: none;
  text-align: center;
  width: 100%;
  height: 32px;
  background: rgba(var(--v-theme-surface-variant), 0.2);
  color: rgba(var(--v-theme-on-surface));
}
.v-color-picker-edit__input span {
  font-size: 0.75rem;
}
.v-color-picker-swatches {
  overflow-y: auto;
}
.v-color-picker-swatches > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 8px;
}

.v-color-picker-swatches__swatch {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.v-color-picker-swatches__color {
  position: relative;
  height: 18px;
  max-height: 18px;
  width: 45px;
  margin: 2px 4px;
  border-radius: 2px;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==)
    repeat;
  cursor: pointer;
}
.v-color-picker-swatches__color > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.v-color-picker-preview__alpha .v-slider-track__background {
  background-color: transparent !important;
}
.v-color-picker-preview__alpha .v-slider-track__background.v-locale--is-ltr,
.v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
  background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
}
.v-color-picker-preview__alpha .v-slider-track__background.v-locale--is-rtl,
.v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
  background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
}
.v-color-picker-preview__alpha .v-slider-track__background::after {
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==)
    repeat;
  border-radius: inherit;
}

.v-color-picker-preview__sliders {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.v-color-picker-preview__dot {
  position: relative;
  height: 30px;
  width: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==)
    repeat;
  border-radius: 50%;
  overflow: hidden;
}
.v-color-picker-preview__dot.v-locale--is-ltr,
.v-locale--is-ltr .v-color-picker-preview__dot {
  margin-right: 24px;
}
.v-color-picker-preview__dot.v-locale--is-rtl,
.v-locale--is-rtl .v-color-picker-preview__dot {
  margin-left: 24px;
}
.v-color-picker-preview__dot > div {
  width: 100%;
  height: 100%;
}

.v-color-picker-preview__hue:not(.v-input--is-disabled)
  .v-slider-track__background.v-locale--is-ltr,
.v-locale--is-ltr
  .v-color-picker-preview__hue:not(.v-input--is-disabled)
  .v-slider-track__background {
  background: linear-gradient(
    to right,
    #f00 0%,
    #ff0 16.66%,
    #0f0 33.33%,
    #0ff 50%,
    #00f 66.66%,
    #f0f 83.33%,
    #f00 100%
  );
}
.v-color-picker-preview__hue:not(.v-input--is-disabled)
  .v-slider-track__background.v-locale--is-rtl,
.v-locale--is-rtl
  .v-color-picker-preview__hue:not(.v-input--is-disabled)
  .v-slider-track__background {
  background: linear-gradient(
    to left,
    #f00 0%,
    #ff0 16.66%,
    #0f0 33.33%,
    #0ff 50%,
    #00f 66.66%,
    #f0f 83.33%,
    #f00 100%
  );
}

.v-color-picker-preview__track {
  position: relative;
  width: 100%;
  margin: 0 !important;
}
.v-color-picker-preview__track .v-slider-track__fill {
  display: none;
}

.v-color-picker-preview {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
.v-slider-thumb {
  touch-action: none;
  color: rgb(var(--v-theme-surface-variant));
}
.v-input--error:not(.v-input--disabled) .v-slider-thumb {
  color: inherit;
}

.v-slider-thumb__label {
  background: rgba(var(--v-theme-surface-variant), 0.7);
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-slider-thumb__label::before {
  color: rgba(var(--v-theme-surface-variant), 0.7);
}

.v-slider-thumb {
  outline: none;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-slider-thumb__surface {
  cursor: pointer;
  width: var(--v-slider-thumb-size);
  height: var(--v-slider-thumb-size);
  border-radius: 50%;
  -webkit-user-select: none;
  user-select: none;
  background-color: currentColor;
}
.v-slider-thumb__surface::before {
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  color: inherit;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.v-slider-thumb__surface::after {
  content: "";
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.v-slider-thumb__label-container {
  position: absolute;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.v-slider-thumb__label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  min-width: 35px;
  height: 25px;
  border-radius: 4px;
  padding: 6px;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.v-slider-thumb__label::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}

.v-slider-thumb__ripple {
  position: absolute;
  left: calc(var(--v-slider-thumb-size) / -2);
  top: calc(var(--v-slider-thumb-size) / -2);
  width: calc(var(--v-slider-thumb-size) * 2);
  height: calc(var(--v-slider-thumb-size) * 2);
  background: inherit;
}

.v-slider.v-input--horizontal .v-slider-thumb {
  top: 50%;
  transform: translateY(-50%);
}
.v-slider.v-input--horizontal .v-slider-thumb.v-locale--is-ltr,
.v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb {
  left: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
}
.v-slider.v-input--horizontal .v-slider-thumb.v-locale--is-rtl,
.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb {
  right: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
}
.v-slider.v-input--horizontal .v-slider-thumb__label-container {
  left: calc(var(--v-slider-thumb-size) / 2);
  top: 0;
}
.v-slider.v-input--horizontal .v-slider-thumb__label {
  bottom: calc(var(--v-slider-thumb-size) / 2);
}
.v-slider.v-input--horizontal .v-slider-thumb__label.v-locale--is-ltr,
.v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
  transform: translateX(-50%);
}
.v-slider.v-input--horizontal .v-slider-thumb__label.v-locale--is-rtl,
.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
  transform: translateX(50%);
}
.v-slider.v-input--horizontal .v-slider-thumb__label::before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid currentColor;
  bottom: -6px;
}

.v-slider.v-input--vertical .v-slider-thumb {
  top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
}
.v-slider.v-input--vertical .v-slider-thumb__label-container {
  top: calc(var(--v-slider-thumb-size) / 2);
  right: 0;
}
.v-slider.v-input--vertical .v-slider-thumb__label {
  top: -12.5px;
  left: calc(var(--v-slider-thumb-size) / 2);
}
.v-slider.v-input--vertical .v-slider-thumb__label::before {
  border-right: 6px solid currentColor;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -6px;
}

.v-slider-thumb--focused .v-slider-thumb__surface::before {
  transform: scale(2);
  opacity: var(--v-focus-opacity);
}

.v-slider-thumb--pressed {
  transition: none;
}
.v-slider-thumb--pressed .v-slider-thumb__surface::before {
  opacity: var(--v-pressed-opacity);
}

@media (hover: hover) {
  .v-slider-thumb:hover .v-slider-thumb__surface::before {
    transform: scale(2);
  }
  .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
    opacity: var(--v-hover-opacity);
  }
}
.v-slider-track__background {
  background-color: rgb(var(--v-theme-surface-variant));
}

.v-slider-track__fill {
  background-color: rgb(var(--v-theme-surface-variant));
}

.v-slider-track__tick {
  background-color: rgb(var(--v-theme-surface-variant));
}
.v-slider-track__tick--filled {
  background-color: rgb(var(--v-theme-on-surface-variant));
}

.v-slider-track {
  border-radius: 6px;
}

.v-slider-track__background,
.v-slider-track__fill {
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  border-radius: inherit;
}
.v-slider--pressed .v-slider-track__background,
.v-slider--pressed .v-slider-track__fill {
  transition: none;
}
.v-input--error:not(.v-input--disabled) .v-slider-track__background,
.v-input--error:not(.v-input--disabled) .v-slider-track__fill {
  background-color: currentColor;
}

.v-slider-track__ticks {
  height: 100%;
  width: 100%;
  position: relative;
}

.v-slider-track__tick {
  position: absolute;
  opacity: 0;
  transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
  width: var(--v-slider-tick-size);
  height: var(--v-slider-tick-size);
  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
}
.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr,
.v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
  transform: none;
}
.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl,
.v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
  transform: translateX(100%);
}
.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr,
.v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
  transform: translateX(-100%);
}
.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl,
.v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
  transform: none;
}

.v-slider-track__tick-label {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.v-slider.v-input--horizontal .v-slider-track {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(var(--v-slider-track-size) + 2px);
  touch-action: pan-y;
}
.v-slider.v-input--horizontal .v-slider-track__background {
  height: var(--v-slider-track-size);
}
.v-slider.v-input--horizontal .v-slider-track__fill {
  height: inherit;
}
.v-slider.v-input--horizontal .v-slider-track__tick {
  margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
}
.v-slider.v-input--horizontal .v-slider-track__tick.v-locale--is-rtl,
.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
}
.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
  margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
}
.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-ltr,
.v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
  transform: translateX(-50%);
}
.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-rtl,
.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
  transform: translateX(50%);
}
.v-slider.v-input--horizontal .v-slider-track__tick--first {
  margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
}
.v-slider.v-input--horizontal
  .v-slider-track__tick--first
  .v-slider-track__tick-label.v-locale--is-ltr,
.v-locale--is-ltr
  .v-slider.v-input--horizontal
  .v-slider-track__tick--first
  .v-slider-track__tick-label {
  transform: translateX(0%);
}
.v-slider.v-input--horizontal
  .v-slider-track__tick--first
  .v-slider-track__tick-label.v-locale--is-rtl,
.v-locale--is-rtl
  .v-slider.v-input--horizontal
  .v-slider-track__tick--first
  .v-slider-track__tick-label {
  transform: translateX(0%);
}
.v-slider.v-input--horizontal .v-slider-track__tick--last {
  margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
}
.v-slider.v-input--horizontal
  .v-slider-track__tick--last
  .v-slider-track__tick-label.v-locale--is-ltr,
.v-locale--is-ltr
  .v-slider.v-input--horizontal
  .v-slider-track__tick--last
  .v-slider-track__tick-label {
  transform: translateX(-100%);
}
.v-slider.v-input--horizontal
  .v-slider-track__tick--last
  .v-slider-track__tick-label.v-locale--is-rtl,
.v-locale--is-rtl
  .v-slider.v-input--horizontal
  .v-slider-track__tick--last
  .v-slider-track__tick-label {
  transform: translateX(100%);
}

.v-slider.v-input--vertical .v-slider-track {
  height: 100%;
  display: flex;
  justify-content: center;
  width: calc(var(--v-slider-track-size) + 2px);
  touch-action: pan-x;
}
.v-slider.v-input--vertical .v-slider-track__background {
  width: var(--v-slider-track-size);
}
.v-slider.v-input--vertical .v-slider-track__fill {
  width: inherit;
}
.v-slider.v-input--vertical .v-slider-track__ticks {
  height: 100%;
}
.v-slider.v-input--vertical .v-slider-track__tick {
  margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
}
.v-slider.v-input--vertical .v-slider-track__tick.v-locale--is-rtl,
.v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
}
.v-slider.v-input--vertical .v-slider-track__tick--first {
  bottom: calc(0% + var(--v-slider-tick-size) + 1px);
}
.v-slider.v-input--vertical .v-slider-track__tick--last {
  bottom: calc(100% - var(--v-slider-tick-size) - 1px);
}
.v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
  margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
  transform: translateY(-50%);
}

.v-slider-track__ticks--always-show .v-slider-track__tick,
.v-slider--focused .v-slider-track__tick {
  opacity: 1;
}

.v-slider-track__background--opacity {
  opacity: 0.38;
}
.add-recipients-content-subpage .student-selection-listing {
  margin-top: 1rem;
}
.add-recipients-content-subpage .student-selection-listing .search-bar-wrapper {
  padding: 0.5rem;
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.add-recipients-content-subpage .student-selection-listing .search-bar-wrapper .search-bar {
  justify-content: flex-end;
}
.add-recipients-content-subpage .student-selection-listing .search-bar-wrapper .search-bar > div:not(:first-child) {
  margin-left: 0.5rem;
}
.add-recipients-content-subpage .student-selection-listing .search-bar-wrapper .search-bar .bx--search-input {
  background-color: #f3f5f8;
  border-radius: 10px;
}
.add-recipients-content-subpage .student-selection-listing .search-bar-wrapper .search-bar .bx--search-input:hover {
  background-color: #e7e9ec;
}
.add-recipients-content-subpage .student-selection-listing .search-bar-wrapper .search-bar .button.close:hover {
  border-radius: 0 10px 10px 0;
}
.add-recipients-content-subpage .student-selection-listing .search-bar-wrapper .search-bar .filter-selection {
  border-radius: 100%;
}
.add-recipients-content-subpage .student-selection-listing .search-bar-wrapper .search-bar .filter-selection.has-active-filters {
  border-radius: 10px;
}
.add-recipients-content-subpage .student-selection-listing .filter-tag-list {
  padding: 0.5rem;
}
.add-recipients-content-subpage .student-selection-listing .data-table-list .selection-bar {
  border-radius: 0;
}.add-teacher-from-group-content-subpage .add-teacher-selection-listing {
  margin-top: 1rem;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .search-bar-wrapper {
  padding: 0.5rem;
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .search-bar-wrapper .search-bar {
  justify-content: flex-end;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .search-bar-wrapper .search-bar > div:not(:first-child) {
  margin-left: 0.5rem;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .search-bar-wrapper .search-bar .bx--search-input {
  background-color: #f3f5f8;
  border-radius: 10px;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .search-bar-wrapper .search-bar .bx--search-input:hover {
  background-color: #e7e9ec;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .search-bar-wrapper .search-bar .button.close:hover {
  border-radius: 0 10px 10px 0;
  background: inherit;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .search-bar-wrapper .search-bar .filter-selection {
  border-radius: 100%;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .search-bar-wrapper .search-bar .filter-selection.has-active-filters {
  border-radius: 10px;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .filter-tag-list {
  background-color: #ffffff;
  padding: 0.5rem;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .data-table-list .selection-bar {
  border-radius: 0;
}
.add-teacher-from-group-content-subpage .add-teacher-selection-listing .data-table-list > .v-table > .v-table__wrapper {
  border-radius: 0;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.announcement-view-content-subpage .main {
  position: relative;
}
.announcement-view-content-subpage .announcement-details {
  display: flex;
  flex-direction: column;
}
.announcement-view-content-subpage .announcement-details .announcement-actions {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}
.announcement-view-content-subpage .announcement-details-content {
  margin-top: 0;
}
@media only screen and (min-width: 1056px) {
.announcement-view-content-subpage .announcement-details-content .field-group.sender-receiver {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
}
}
.announcement-view-content-subpage .announcement-details-content .field-group.sender-receiver .receiver .field-value {
  display: flex;
  flex-flow: column;
}
.announcement-view-content-subpage .announcement-details-content .field-group.sender-receiver .receiver .field-value:not(:last-child) {
  margin-bottom: 1rem;
}
.announcement-view-content-subpage .announcement-details-content .field-group.sender-receiver .receiver .field-value label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #6d7b8c;
  margin-bottom: 0.5rem;
}
.announcement-view-content-subpage .announcement-details-content .field-group.content {
  margin-top: 1rem;
}
@media only screen and (min-width: 1056px) {
.announcement-view-content-subpage .announcement-details-content .field-group.datetime {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}
}
.announcement-view-content-subpage .announcement-details-content .field-group.datetime {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e7e9ec;
}
.announcement-view-content-subpage .announcement-details-content .field-group .field-set:last-child {
  margin-bottom: 0;
}
.announcement-view-content-subpage .view-announcement {
  margin: 1rem auto;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.teacher-selection-listing .title {
  margin-bottom: 1rem;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.teacher-selection-listing .title {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
@media only screen and (min-width: 672px) {
.teacher-selection-listing .search-bar-wrapper {
    padding: 0.5rem;
}
}
.teacher-selection-listing .search-bar-wrapper {
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.teacher-selection-listing .search-bar {
  justify-content: flex-end;
}
@media only screen and (max-width: 671px) {
.teacher-selection-listing .search-bar {
    display: flex;
    flex-flow: row wrap;
}
.teacher-selection-listing .search-bar > .bx--form-item {
    padding: 0.5rem;
}
.teacher-selection-listing .search-bar .search-toggle {
    margin: 1rem;
}
}
.teacher-selection-listing .search-bar > .bx--form-item {
  padding-right: 0.5rem;
}
.teacher-selection-listing .search-bar .school-filter {
  margin-left: 0.5rem;
  flex: 0 0 20rem;
}
@media only screen and (max-width: 671px) {
.teacher-selection-listing .search-bar .school-filter {
    flex: 0 0 100%;
    padding: 0.5rem;
    border-top: 1px solid #e7e9ec;
    border-bottom: 1px solid #e7e9ec;
}
}
.teacher-selection-listing .search-bar .school-filter .bx--list-box {
  background-color: #f3f5f8;
}
.teacher-selection-listing .search-bar .school-filter .bx--list-box:hover {
  background-color: #e7e9ec;
}
.teacher-selection-listing .search-bar .school-filter .bx--list-box:hover .bx--text-input {
  background-color: #e7e9ec;
}
.teacher-selection-listing .search-bar .school-filter .bx--text-input {
  background-color: #f3f5f8;
}
.teacher-selection-listing .search-bar .bx--search-input {
  height: 2.5rem;
  border: 1px solid #e7e9ec;
  background-color: #f3f5f8;
}
.teacher-selection-listing .data-table-list > .v-table > .v-table__wrapper {
  border-radius: 0;
}
.teacher-selection-listing .data-table-list .selection-bar {
  border-radius: 0;
}
.teacher-selection-listing .data-table-list .selection-bar._active {
  border-radius: 0;
}.teacher-selection-listing-content-subpage .cv-search .bx--search {
  background-color: #f3f5f8;
  border-radius: 10px;
}
.teacher-selection-listing-content-subpage .cv-search .bx--search .bx--search-close {
  height: 100%;
}
.teacher-selection-listing-content-subpage .cv-search .bx--search-input,
.teacher-selection-listing-content-subpage .cv-search .filter-selection {
  background-color: inherit;
}
.teacher-selection-listing-content-subpage .cv-search .bx--search-input:hover,
.teacher-selection-listing-content-subpage .cv-search .filter-selection:hover {
  background-color: #e7e9ec;
}.content-subpage-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(var(--vh, 1vh) * 100);
  z-index: calc(8000 + 1);
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
}
body.rich-text-modal-open .content-subpage-container {
  z-index: 10000;
}
.content-subpage-container.is-visible {
  opacity: 1;
  visibility: visible;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.toast-notification {
  position: relative;
  display: flex;
  justify-content: center;
  width: 600px;
  max-width: 100%;
  top: 0;
  right: 0;
  z-index: 10000;
  animation: slide 500ms ease-in-out;
}
.toast-notification:has(.bx--toast-notification__caption) .bx--toast-notification__title {
  max-width: calc(100% - 3rem);
}
@keyframes slide {
0% {
    right: -10rem;
}
100% {
    right: 0;
}
}
.toast-notification .bx--toast-notification {
  box-shadow: 0px 4px 10px rgba(2, 41, 79, 0.1);
  border-radius: 10px;
  min-width: 350px;
  width: 600px;
}
@media only screen and (max-width: 671px) {
.toast-notification .bx--toast-notification {
    width: calc(100% - 2rem);
    margin: 0 1rem;
}
}
.toast-notification .bx--toast-notification.no-subtitle.no-caption .bx--toast-notification__title {
  margin-bottom: 1rem;
}
.toast-notification .bx--toast-notification.no-subtitle .bx--toast-notification__subtitle {
  display: none;
}
.toast-notification .bx--toast-notification.no-caption .bx--toast-notification__title {
  max-width: 100%;
}
.toast-notification .bx--toast-notification.no-caption .bx--toast-notification__caption {
  display: none;
}
.toast-notification .bx--toast-notification.hide-close-button .bx--toast-notification__close-button {
  display: none;
}
.toast-notification .bx--toast-notification.bx--toast-notification--success {
  background: #f7fbf3;
}
.toast-notification .bx--toast-notification .bx--toast-notification__close-button .bx--toast-notification__close-icon {
  fill: #546579;
}
.toast-notification .bx--toast-notification .bx--toast-notification__details {
  position: relative;
  width: 100%;
  padding-left: 2.5rem;
  margin-right: 0;
}
.toast-notification .bx--toast-notification .bx--toast-notification__details:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.toast-notification .bx--toast-notification .bx--toast-notification__details .bx--toast-notification__subtitle {
  margin-bottom: 1rem;
}
.toast-notification .bx--toast-notification .bx--toast-notification__caption {
  padding-top: 0;
}
.toast-notification .notebook-toast .bx--toast-notification__details {
  flex: 1 0 auto;
  max-width: calc(100% - 4rem);
  padding-right: 2.5rem;
}
.toast-notification .notebook-toast .bx--toast-notification__caption {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.6688rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 14px;
  margin-bottom: 0;
  cursor: pointer;
}
.toast-notification .notebook-toast .bx--toast-notification__title {
  margin: 1rem 0;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.toast-notification-container {
  position: fixed;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  left: 50%;
  margin-left: -300px;
  top: 3rem;
  z-index: 10000;
}
@media only screen and (max-width: 671px) {
.toast-notification-container {
    width: 100%;
    left: 0;
    margin-left: 0;
}
}.change-teacher-account-option-modal .content .bx--btn-set {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 2rem 0;
}
.change-teacher-account-option-modal .content .bx--btn-set .bx--btn {
  width: 260px;
  max-width: 260px;
}
.change-teacher-account-option-modal .content .bx--btn-set .bx--btn:not(:first-child) {
  margin-top: 1rem;
}.change-teacher-account-modal .bx--form {
  padding-bottom: 1rem;
}.cv-combo-box.combo-box-gray .bx--list-box,
.cv-combo-box.combo-box-gray .bx--text-input {
  background-color: #f3f5f8;
}
.cv-combo-box.combo-box-gray .bx--list-box:hover,
.cv-combo-box.combo-box-gray .bx--text-input:hover {
  background-color: #e7e9ec;
}
.cv-combo-box.combo-box-white:hover .bx--list-box,
.cv-combo-box.combo-box-white:hover .bx--text-input {
  background-color: #e7e9ec;
}
.cv-combo-box.combo-box-white .bx--list-box,
.cv-combo-box.combo-box-white .bx--text-input {
  background-color: #ffffff;
}
.cv-combo-box .bx--combo-box {
  border-radius: 10px;
  border-bottom: none;
  background-color: inherit;
  border: 1px solid #e7e9ec;
}
.cv-combo-box .bx--combo-box.bx--list-box--disabled {
  background-color: #ced3d9;
  cursor: not-allowed;
}
.cv-combo-box .bx--combo-box.bx--list-box--disabled:hover {
  background-color: #ced3d9;
}
.cv-combo-box .bx--combo-box.bx--list-box--disabled .bx--text-input {
  background-color: #ced3d9;
  pointer-events: none;
  opacity: 0.5;
}
.cv-combo-box .bx--combo-box.bx--list-box--disabled .bx--text-input::placeholder {
  color: #9da7b2;
}
.cv-combo-box .bx--combo-box.bx--list-box--disabled .bx--list-box__menu-icon {
  opacity: 0.5;
}
.cv-combo-box .bx--combo-box.bx--list-box--disabled .bx--list-box__menu-icon::before {
  border-color: #546579;
}
.cv-combo-box .bx--combo-box.bx--list-box--expanded:hover {
  background-color: #e7e9ec;
}
.cv-combo-box .bx--combo-box:focus {
  outline: none;
  border-color: #d5e0f7;
}
.cv-combo-box .bx--combo-box[data-invalid] .bx--list-box__field .bx--text-input {
  outline: none;
}
.cv-combo-box .bx--combo-box[data-invalid] ~ .bx--form-requirement {
  display: flex;
}
.cv-combo-box .bx--combo-box > .bx--list-box__field {
  border: 1px solid transparent;
  border-radius: 10px;
}
.cv-combo-box .bx--combo-box > .bx--list-box__field .bx--text-input {
  outline: transparent;
  border: none;
  padding-right: 5rem;
}
.cv-combo-box .bx--combo-box > .bx--list-box__field:focus {
  outline: none;
}
.cv-combo-box .bx--combo-box .bx--list-box__menu {
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: default;
}
.cv-combo-box .bx--combo-box .bx--list-box__menu > .bx--list-box__menu-item {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.cv-combo-box .bx--combo-box .bx--list-box__menu > .bx--list-box__menu-item {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.cv-combo-box .bx--combo-box .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header {
  pointer-events: none;
}
.cv-combo-box .bx--combo-box .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header .bx--list-box__menu-item__option {
  pointer-events: none;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.cv-combo-box .bx--combo-box .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header .bx--list-box__menu-item__option {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.cv-combo-box .bx--combo-box .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header .bx--list-box__menu-item__option {
  color: #9da7b2;
  margin-left: 0.75rem;
  text-transform: uppercase;
}
.cv-combo-box .bx--combo-box .bx--list-box__menu-icon {
  justify-content: center;
  right: 0;
  width: 2.5rem;
  padding: 0.5rem;
  border-left: 1px solid #f3f5f8;
}
.cv-combo-box .bx--combo-box .bx--list-box__menu-icon > svg {
  width: 24px;
  height: 24px;
}
.cv-combo-box .bx--combo-box .bx--list-box__menu-icon--open {
  border-left: none;
  border-right: 1px solid #f3f5f8;
}
.cv-combo-box .bx--combo-box .bx--list-box__selection {
  right: 3rem;
}
.cv-combo-box .bx--combo-box .bx--list-box__selection svg {
  background-color: #6d7b8c;
  border-radius: 100%;
  fill: #ffffff;
}
.cv-combo-box .bx--combo-box .bx--list-box__menu-item__option {
  padding-left: calc(1rem * var(--depth, 0));
}
.cv-combo-box .bx--combo-box .bx--text-input {
  border: none;
}
.cv-combo-box .bx--combo-box .bx--text-input::placeholder {
  color: #1a1a1a;
  white-space: nowrap;
}
.cv-combo-box .bx--combo-box .bx--text-input:placeholder-shown {
  text-overflow: ellipsis;
}
.cv-combo-box.hide-clear-button .bx--list-box__selection {
  display: none;
}.cv-date-picker .bx--date-picker__icon {
  transform: translateY(-50%) scale(1.5);
}
.cv-date-picker .bx--date-picker__icon path {
  fill: #2b63d9;
}
.cv-date-picker .bx--form-requirement::before {
  display: none;
}
.cv-date-picker.disabled .bx--date-picker-input__wrapper > .bx--date-picker__input {
  background-color: #ced3d9;
  color: #9da7b2;
}
.cv-date-picker.disabled .bx--date-picker-input__wrapper::after {
  opacity: 0.5;
  filter: none;
}
.cv-date-picker.disabled .bx--date-picker-input__wrapper .bx--date-picker__icon path {
  fill: #9da7b2;
}
.cv-date-picker .bx--date-picker-input__wrapper ~ .bx--form-requirement {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.cv-date-picker .bx--date-picker-input__wrapper ~ .bx--form-requirement {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.cv-date-picker .bx--date-picker,
.cv-date-picker .bx--date-picker-container,
.cv-date-picker .bx--date-picker__input {
  max-width: 100%;
}
.cv-date-picker .bx--date-picker-container .bx--label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.cv-date-picker .bx--date-picker-container .bx--label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.cv-date-picker .bx--date-picker-container .bx--label {
  color: #6d7b8c;
}
.cv-date-picker .bx--date-picker--single .bx--date-picker__input {
  width: auto;
}
.cv-date-picker .bx--date-picker__input {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.cv-date-picker .bx--date-picker__input {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.cv-date-picker .bx--date-picker__input {
  display: inline-flex;
  border-radius: 10px;
  border: 1px solid #e7e9ec;
  cursor: pointer;
}
.cv-date-picker .bx--date-picker__input::placeholder {
  color: #9da7b2;
}
.cv-date-picker .bx--date-picker__input.flatpickr-mobile ~ .bx--date-picker__icon {
  visibility: hidden;
}
.cv-date-picker .bx--date-picker__input[data-invalid] {
  outline: none;
}
.cv-date-picker .bx--date-picker__input[data-invalid=true] {
  border: 1px solid #c14149;
}
.cv-date-picker .bx--date-picker-input__wrapper ~ .bx--form-requirement {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.cv-date-picker .bx--date-picker-input__wrapper ~ .bx--form-requirement {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.flatpickr-calendar.open.bx--date-picker__calendar {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}.donut-chart {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 0 auto;
}
@keyframes donutLoading {
0% {
    stroke-dasharray: 0 100;
    stroke-dashoffset: 25;
}
25% {
    stroke-dasharray: 100 0;
    stroke-dashoffset: 25;
}
50% {
    stroke-dasharray: 0 100;
    stroke-dashoffset: -75;
}
75% {
    stroke-dasharray: 100 0;
    stroke-dashoffset: 25;
}
100% {
    stroke-dasharray: 0 100;
    stroke-dashoffset: 25;
}
}
.donut-chart.loading .donut-ring {
  stroke: #e7e9ec;
}
.donut-chart.loading .loader {
  stroke: #ced3d9;
  animation: donutLoading 3s 240ms infinite;
}
.donut-chart._is-all .average .value {
  background-color: rgb(237.9, 239.6, 241.6);
  color: #546579;
}
.donut-chart.show-clip-path .donut-segment.primary {
  clip-path: url("#primarySegmentClip");
}
.donut-chart.show-clip-path .donut-segment.secondary {
  clip-path: url("#secondarySegmentClip");
}
.donut-chart .average {
  margin: 0.5rem 0;
  justify-self: center;
  grid-column: 6/8;
}
.donut-chart .average .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.donut-chart .average .label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.donut-chart .average .label {
  color: #6d7b8c;
  text-transform: uppercase;
}
.donut-chart .average .value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  margin-left: 0.5rem;
  padding: 0.125rem 0.5rem;
  color: var(--primaryColor);
  background-color: var(--tinted-primary-color);
  border-radius: 5px;
}
.cv-tab[id=selfStudy] .donut-chart .average .value {
  background-color: rgb(233.8, 239.4, 251.2);
  color: #2b63d9;
}
.donut-chart .donut-diagram {
  width: 200px;
  height: 200px;
  position: relative;
  grid-column: 6/8;
}
.donut-chart .donut {
  width: 100%;
  height: 100%;
}
.donut-chart .donut-hole {
  fill: transparent;
}
.donut-chart .donut-ring {
  stroke: #ced3d9;
  stroke-width: 5;
  fill: transparent;
}
.donut-chart .donut-segment {
  transform-origin: center;
  stroke: var(--primaryColor);
  stroke-width: 5;
  stroke-dasharray: var(--strokeDashArrayPrimaryStart), var(--strokeDashArrayPrimaryEnd);
  stroke-dashoffset: 25;
  stroke-linecap: round;
  fill: transparent;
}
.donut-chart .donut-segment.secondary {
  stroke: var(--secondaryColor);
  stroke-dasharray: var(--strokeDashArraySecondaryStart), var(--strokeDashArraySecondaryEnd);
  stroke-dashoffset: var(--strokeDashArraySecondaryOffset);
}
.donut-chart .donut-info {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 6.5rem;
  width: 6.5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
}
.donut-chart .donut-info .donut-info-stats {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.donut-chart .donut-info .bx--skeleton__text {
  margin-left: 0.5rem;
}
.donut-chart .donut-info .bx--skeleton__text:not(:last-child) {
  margin-top: 0.5rem;
}
.donut-chart .donut-info span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0;
}
.donut-chart .donut-info .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  font-weight: 500;
  margin: 0.125rem 0;
}
.donut-chart .donut-info .label,
.donut-chart .donut-info .total {
  color: #6d7b8c;
}
.donut-chart .donut-tooltip {
  position: absolute;
  display: block;
  text-align: center;
  min-width: 6rem;
  white-space: nowrap;
}
.donut-chart .legend {
  display: flex;
  flex-flow: column;
  justify-content: center;
  grid-row-gap: 0.5rem;
  grid-column: 8/10;
  grid-row: 1/2;
  margin-left: 2rem;
}
.donut-chart .legend li {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  color: #9da7b2;
}
.donut-chart .legend li:before {
  content: "";
  display: inline-block;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  border-radius: 100%;
  margin-right: 0.75rem;
}
.donut-chart .legend li.current:before {
  background-color: #aac1f0;
}
.donut-chart .legend li.current.subjectKey:before {
  background-color: var(--primaryColor);
}
.donut-chart .legend li.sdl:before {
  background-color: #aac1f0;
}
.donut-chart .legend li.total:before {
  background-color: #ced3d9;
}.filter-tag-button {
  min-width: inherit;
  max-height: 40px;
}
.filter-tag-button.icon-only .sls-icon {
  margin-right: 0;
}
.filter-tag-button .filter-count {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  background-color: #546579;
  border-radius: 12px;
}
.filter-tag-button .filter-count .sls-icon {
  margin: 0 0 0 0.375rem;
}.icon-link {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.icon-link > .bx--link {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.icon-link > .bx--link {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.icon-link > .bx--link {
  margin-left: 0.5rem;
}.bx--link.link-button {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.bx--link.link-button:hover {
  text-decoration: none;
}
.bx--link.link-button:active {
  color: #2552ac;
}.label-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.label-button[disabled] .sls-icon [stroke],
.label-button .disabled .sls-icon [stroke] {
  stroke: #9da7b2;
}
.label-button[disabled] .sls-icon [fill],
.label-button .disabled .sls-icon [fill] {
  fill: #9da7b2;
}
.label-button[disabled] .label,
.label-button .disabled .label {
  color: #9da7b2;
}
.label-button .sls-icon {
  margin-right: 0.5rem;
}
.label-button .sls-icon [stroke] {
  stroke: #2b63d9;
}
.label-button .sls-icon [fill] {
  fill: #2b63d9;
}
.label-button .sls-icon [fill][fill="#fff"] {
  fill: #ffffff;
}
.label-button .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  color: #2b63d9;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.bx--btn.tooltip-button {
  height: 3rem;
}
.bx--btn.tooltip-button.bx--btn--field {
  height: 2.5rem;
}
.bx--btn.tooltip-button.bx--btn--sm {
  height: 2rem;
}
.bx--btn.tooltip-button.bx--btn--sm .bx--tooltip__trigger.bx--tooltip--a11y {
  font-size: inherit;
}
.bx--btn.tooltip-button.bx--btn--icon-only {
  width: 40px;
  height: 40px;
  padding: 0;
}
.bx--btn.tooltip-button[disabled] {
  opacity: 1;
}
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  text-transform: uppercase;
  color: inherit;
  cursor: inherit;
  height: inherit;
  min-height: inherit;
  padding: 0;
}
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y.bx--tooltip--bottom:before {
  bottom: 0.25rem;
}
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y.bx--tooltip--bottom .bx--assistive-text {
  bottom: 0;
}
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y.bx--tooltip--top:before {
  top: 0.3rem;
}
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y.bx--tooltip--top .bx--assistive-text {
  top: 0;
}
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y .bx--assistive-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y .bx--assistive-text {
    font-size: 0.8rem;
    line-height: 1rem;
}
}
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y .bx--assistive-text {
  text-transform: none;
}
.bx--btn.tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y .bx--assistive-text::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 100%;
  height: 0.5rem;
  background-color: #0b233f;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.profile-contribution-item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  min-height: 64px;
  padding: 1rem;
  background-color: #f3f5f8;
  border-radius: 10px;
}
@media only screen and (min-width: 1056px) {
.profile-contribution-item {
    min-height: 72px;
    padding: 0.5rem 1rem;
}
}
.profile-contribution-item .content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.profile-contribution-item .content.main .number-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0;
}
.profile-contribution-item .content.sub {
  padding-left: 2rem;
}
.profile-contribution-item .content.sub .number-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
.profile-contribution-item .content .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #6d7b8c;
}
.profile-contribution-item .content .sub-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
}
.profile-contribution-item .content .bx--link {
  display: inline-flex;
}
.profile-contribution-item .content .bx--link .sls-icon [stroke] {
  stroke: #2b63d9;
}
.profile-contribution-item .content .bx--link .sls-icon [fill] {
  fill: #2b63d9;
}
.profile-contribution-item .content .number-label {
  margin-left: auto;
  color: #2b63d9;
}.pagination {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .bx--btn.icon-button .sls-icon [stroke] {
  stroke: #546579;
}
.pagination .simple-pages {
  display: flex;
  align-items: center;
}
.pagination .simple-pages span {
  width: 48px;
  margin: 0 0.25rem;
  text-align: center;
}
.pagination .simple-pages .length {
  color: #9da7b2;
}
.pagination .pages {
  display: flex;
  align-items: center;
}
.pagination .pages .page {
  width: 36px;
  min-width: 0;
  height: 36px;
  margin: 0 0.5rem;
  color: #546579;
  border-radius: 10px;
}
.pagination .pages .page.current {
  background-color: #546579;
  color: #ffffff;
}
.pagination .pages .page:focus {
  background-color: #ffffff;
  color: #546579;
  border: 1px solid #d5e0f7;
}
.pagination .pages .page:hover {
  background-color: #e7e9ec;
  color: #546579;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.profile-badge-list > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1056px) {
.profile-badge-list > ul {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1rem 1.5rem;
}
}
.profile-badge-list > ul > .badge-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 82px;
  height: 82px;
  margin: auto;
  border: 2px solid transparent;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.profile-badge-list > ul > .badge-item.selected {
  border-color: #aac1f0;
}
.profile-badge-list > ul > .badge-item > img {
  position: absolute;
  width: 100%;
  height: auto;
}
.profile-badge-list > ul > .badge-item > svg {
  position: absolute;
}.game-award-content-subpage .main > .bx--btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.profile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
  position: relative;
}
@media only screen and (min-width: 1056px) {
.profile-badges {
    flex-wrap: nowrap;
}
}
.profile-badges .badge-main-preview {
  width: 100%;
}
@media only screen and (min-width: 1056px) {
.profile-badges .badge-main-preview {
    max-width: 230px;
}
}
.profile-badges .badge-main-preview .badge-image-wrapper {
  margin-bottom: 1rem;
  text-align: center;
}
.profile-badges .badge-main-preview .badge-image-wrapper img {
  max-width: 100%;
  height: auto;
}
.profile-badges .badge-main-preview .badge-detail {
  width: 100%;
  padding: 1rem 1rem 0.75rem;
  background-color: #e4e8ee;
  border-radius: 10px;
}
.profile-badges .badge-main-preview .badge-detail .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  color: #6d7b8c;
  text-transform: uppercase;
}
.profile-badges .badge-main-preview .badge-detail .awarded-date {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  margin-bottom: 0.25rem;
  color: #6d7b8c;
}
.profile-badges .badge-main-preview .badge-detail .description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  margin-bottom: 0.25rem;
  font-weight: 400;
  border-radius: 0;
}
.profile-badges .badge-main-preview .badge-detail .description .rich-text-content {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.profile-badges .badges-content-wrapper {
  flex: 1;
}
.profile-badges .badges-earned {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.profile-badges .badges-earned p {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  margin-left: 0.5rem;
  color: #6d7b8c;
}
.profile-badges .badges-earned span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  padding: 0.125rem 0.5rem;
  margin-left: 0.75rem;
  background-color: rgb(233.8, 239.4, 251.2);
  color: #2b63d9;
  border-radius: 5px;
}
.profile-badges .empty-profile-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
}
.profile-badges .empty-profile-badge p {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.profile-badges .empty-profile-badge p {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.profile-badges .empty-profile-badge p {
  max-width: 415px;
  color: #9da7b2;
  text-align: center;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
div.community-list-card.card-component {
  flex-flow: column nowrap;
  height: 160px;
  padding: 0.5rem;
}
div.community-list-card.card-component._has-subject-code::before {
  top: 0;
}
div.community-list-card.card-component .card-header {
  display: flex;
  flex-wrap: nowrap;
  height: 100px;
  padding: 2px;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(108.51deg, #2b63d9 -18.92%, rgb(223, 233, 255) 86.78%);
  background-clip: content-box, border-box;
  border-radius: 10px;
}
div.community-list-card.card-component .card-header .card-header-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  margin: 0.5rem;
}
div.community-list-card.card-component .card-header .card-header-thumbnail .icon {
  transform: scale(1.3);
}
div.community-list-card.card-component .card-header .card-header-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
div.community-list-card.card-component .card-header .card-header-content {
  padding: 0.5rem;
}
div.community-list-card.card-component .card-header .card-header-content .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  margin-bottom: 0.125rem;
}
div.community-list-card.card-component .card-header .card-header-content .metadata {
  padding-right: 1.5rem;
}
div.community-list-card.card-component .card-header .card-header-content .metadata .sls-icon {
  margin-right: 0.25rem;
}
div.community-list-card.card-component .card-header .card-header-content .metadata .sls-icon [fill] {
  fill: #6d7b8c;
}
div.community-list-card.card-component .card-header .card-header-content .metadata .sls-icon [fill][fill="#DFE8F9"] {
  opacity: 0.15;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li {
  flex: 0 0 100%;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li:first-of-type {
  margin-bottom: 0.125rem;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li:not(:last-of-type) {
  padding: 0;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li:not(:last-of-type)::after {
  display: none;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li > span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  position: relative;
  text-transform: capitalize;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li > span.user-count {
  display: flex;
  align-items: center;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li > span.subject {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  line-height: 1rem;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li > span:not(:first-child) {
  margin-left: 0.5rem;
}
div.community-list-card.card-component .card-header .card-header-content .metadata li > span:not(:first-child)::before {
  position: absolute;
  top: 50%;
  right: unset;
  bottom: unset;
  left: -4px;
  content: "";
  height: 2px;
  width: 2px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #6d7b8c;
}
div.community-list-card.card-component .card-header .card-header-content .community-watermark {
  position: absolute;
  top: unset;
  right: 0.5rem;
  bottom: 2.5rem;
  left: unset;
  height: 46px;
  width: 43px;
  background: url("/static/CommunityWatermark-DMFdLj1s.svg") no-repeat;
}
div.community-list-card.card-component .card-content {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}
div.community-list-card.card-component .card-content .label-component {
  margin: 0;
}
div.community-list-card.card-component .card-content .label-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}.joined-community-card-list {
  width: 100%;
}
.joined-community-card-list .card-list {
  margin: 1rem 0 1.5rem;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.joined-community-listing-content-subpage .bx--modal-container > .content {
  background-color: #ffffff;
}
@media only screen and (min-width: 1056px) {
.joined-community-listing-content-subpage .joined-community-card-list .card-component {
    width: calc(50% - 0.5rem);
}
}
.joined-community-listing-content-subpage .bx--pagination .bx--select-input {
  background-color: transparent;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.profile-content-subpage .avatar-wrapper {
  padding: 0.25rem 0.25rem 1.5rem;
}
.profile-content-subpage .avatar-wrapper .user-avatar {
  width: 145px;
  height: 145px;
  cursor: default;
}
.profile-content-subpage .avatar-wrapper .avatar-user-details {
  text-align: center;
}
.profile-content-subpage .avatar-wrapper .avatar-user-details h6 {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
.profile-content-subpage .avatar-wrapper .avatar-user-details p {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
}
.profile-content-subpage .profile-content {
  margin: 0 -1rem -1rem;
  padding: 1rem 1.5rem 1.5rem;
  background-color: #ffffff;
}
.profile-content-subpage .profile-content :is(.my-contribution, .my-digital-badges) > .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
.profile-content-subpage .profile-content .my-contribution ~ .my-digital-badges {
  margin-top: 2rem;
}
.profile-content-subpage .profile-content .my-digital-badges > .title {
  margin-bottom: 1.5rem;
}
.profile-content-subpage .profile-contribution {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-gap: 1rem;
}.user-avatar {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
  cursor: pointer;
}
.app-header .user-avatar {
  width: 3rem;
  height: 3rem;
  padding: 0.25rem;
  margin: 0 0.25rem;
}
.app-header .user-avatar .live-indicator {
  top: 4px;
  right: 4px;
  width: 25%;
  height: 25%;
}
.user-avatar.system-avatar {
  pointer-events: none;
  cursor: default;
}
.user-avatar.game-avatar img {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.user-avatar .live-indicator {
  position: absolute;
  top: 0;
  right: 0;
  height: 30%;
  width: 30%;
  min-width: 9.6px;
  min-height: 9.6px;
  max-width: 33.6px;
  max-height: 33.6px;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: 1;
}
.user-avatar .live-indicator .inner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 83.3%;
  width: 83.3%;
  transform: translate(-50%, -50%);
  min-width: 8px;
  min-height: 8px;
  max-width: 28px;
  max-height: 28px;
  background-color: #5c9c2a;
  border-radius: 100%;
}
.user-avatar img {
  height: 100%;
  width: auto;
}
.user-avatar .status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: -0.125rem;
  left: -0.5rem;
  border-radius: 50%;
  z-index: 1;
}
.user-avatar._has-status-icon {
  padding: 0.125rem;
  border-radius: 50%;
}
.user-avatar.aggregated-view {
  background-color: #fef2cd;
}
.user-avatar.aggregated-view .status {
  background-color: #fef2cd;
}
.user-avatar.aggregated-view .status .sls-icon[name] path[fill] {
  fill: #644b02;
}
.user-avatar.viewing {
  background-color: #d5e0f7;
}
.user-avatar.viewing .status {
  background-color: #d5e0f7;
}
.user-avatar.viewing .status .sls-icon[name] path[fill] {
  fill: rgb(85.4, 130.2, 224.6);
}
.user-avatar.collaborating {
  background-color: #20cdd8;
}
.user-avatar.collaborating .status {
  background-color: #20cdd8;
}
.user-avatar.collaborating .status .sls-icon[name] path[fill] {
  fill: #ffffff;
}.content-subpage.media-access-restriction-content-subpage .sub > .title {
  margin-bottom: 1rem;
}.sls-code-snippet {
  max-width: 100%;
}
.sls-code-snippet.color-grey {
  background-color: #f3f5f8;
}
.sls-code-snippet.color-white {
  background-color: #ffffff;
}
.sls-code-snippet.color-white .bx--copy-btn {
  background-color: #ffffff;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.acp-html5-interactive-iteration-subpage.bx--modal .bx--modal-container > .content > .main {
  padding-bottom: 0;
}
.acp-html5-interactive-iteration-subpage .description {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.acp-html5-interactive-iteration-subpage .description {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.acp-html5-interactive-iteration-subpage .description {
  margin-bottom: 1rem;
}
.acp-html5-interactive-iteration-subpage .content-wrapper {
  background-color: #ffffff;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0.125rem 1rem 1rem 1rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing > .empty-placeholder.no-drafts-state {
  margin: 1rem 0;
  padding: 3rem 0 3.5rem;
  border: 1px solid #e7e9ec;
  border-radius: 10px;
}
.acp-html5-interactive-iteration-subpage .draft-listing > .empty-placeholder.no-drafts-state .main > div {
  max-width: 680px;
}
.acp-html5-interactive-iteration-subpage .draft-listing > .empty-placeholder .main > div {
  max-width: calc(100% - 26rem);
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion {
  position: relative;
  margin-bottom: 1rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__heading {
  padding: 0.75rem 0 0.75rem 1rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__heading .bx--accordion__title {
  margin-left: 0.125rem;
  padding-right: 5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__heading .bx--accordion__title::after {
  top: 5px;
  right: 1.2rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__heading .bx--accordion__title input[type=radio] {
  margin: 0;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__heading .bx--accordion__title .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__heading .bx--accordion__title .title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__heading .bx--accordion__title .title {
  cursor: pointer;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__heading .bx--accordion__title .delete-icon {
  position: absolute;
  display: inline-block;
  right: 2.75rem;
  top: 0rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__item {
  margin-bottom: 1rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__item--active .bx--accordion__heading .bx--accordion__title::after {
  top: 9px;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__item--active ~ .menu-actions .bx--overflow-menu__trigger .sls-icon [fill] {
  fill: #aac1f0;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion > .menu-actions {
  position: absolute;
  top: 0.25rem;
  right: 0.3rem;
  z-index: 1;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__content {
  padding: 1rem;
  border: 1px solid #e7e9ec;
}
.acp-html5-interactive-iteration-subpage .draft-listing .bx--accordion__item--active .bx--accordion__title .delete-icon .sls-icon [stroke] {
  stroke: #abc2ee;
}
.acp-html5-interactive-iteration-subpage .draft-listing .draft-selection {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .draft-selection .input-radio {
  margin: 0;
}
.acp-html5-interactive-iteration-subpage .draft-listing .draft-selection .input-radio > label {
  align-items: center;
}
.acp-html5-interactive-iteration-subpage .draft-listing .draft-selection .input-radio > label .input-icon .sls-icon[name=RadioChecked24] [stroke] {
  stroke: #2b63d9;
}
.acp-html5-interactive-iteration-subpage .draft-listing .draft-selection .input-radio > label .text {
  margin-top: 0;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .interactive-preview {
  display: flex;
  max-height: 480px;
  overflow: auto;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .interactive-preview iframe {
  width: 100%;
  min-height: 480px;
  border: 1px solid #f3f5f8;
  border-radius: 10px;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .attachment-placeholder {
  margin-bottom: 1rem;
  background-color: #f3f5f8;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .suggested-roles {
  margin-bottom: 1rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .suggested-roles .info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  margin-bottom: 0.5rem;
  color: #6d7b8c;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .suggested-roles .mce-content-body {
  background-color: #f3f5f8;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .suggested-roles .empty-placeholder {
  margin: 1.5rem 0 1rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .suggested-roles .empty-placeholder .content {
  margin-top: 0;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .suggested-roles .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .suggested-roles .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .suggested-roles .action {
  display: flex;
  justify-content: center;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .instructions-section {
  margin-bottom: 1rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .instructions-section .section-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #1a1a1a;
  margin-bottom: 0.5rem;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .instructions-section .instructions-content {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
  line-height: 1.5;
  padding: 0.75rem;
  background-color: #f3f5f8;
  border-radius: 4px;
}
.acp-html5-interactive-iteration-subpage .draft-listing .accordion-content .regenerate-button {
  display: flex;
  justify-content: center;
}
.acp-html5-interactive-iteration-subpage .draft-listing .draft-title-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}.message-component {
  display: flex;
  align-items: center;
  margin: 0.25rem 0;
}
.message-component * {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.message-component * {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.message-component > .sls-icon {
  min-width: 16px;
  min-height: 16px;
  margin-right: 0.25rem;
  margin-bottom: auto;
}
.message-component.error {
  color: #c14149;
}
.message-component.error span {
  word-break: normal;
}
.message-component.success {
  color: #67b717;
}
.message-component.warning {
  color: #fbbc04;
}
.message-component.info {
  color: #2b63d9;
}.star-resource-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.star-resource-button .bx--tooltip__trigger {
  width: 24px;
  height: 24px;
}
.star-resource-button .bx--tooltip__trigger:focus svg {
  outline: none;
}
.star-resource-button .bx--tooltip__trigger svg {
  fill: none;
}.attachment-placeholder {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 0.5rem;
  border-top: 1px solid #f3f5f8;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.attachment-placeholder.has-no-tools .title {
  max-width: calc(100% - 3rem);
}
.attachment-placeholder > .icon {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}
.attachment-placeholder > .icon:empty {
  display: none;
}
.attachment-placeholder > .icon svg.error {
  margin-right: 0.5rem;
  fill: #c14149;
}
.attachment-placeholder .embed-url {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.attachment-placeholder .embed-url {
    font-size: 0.8rem;
    line-height: 1rem;
}
}
.attachment-placeholder .embed-url {
  word-break: break-all;
}
.rich-text-editor .attachment-placeholder {
  background-color: #f3f5f8;
}
.attachment-placeholder > .title {
  flex: 0 1 auto;
  width: auto;
  max-width: calc(100% - 6rem);
  margin-right: 0.5rem;
  line-height: normal;
}
.attachment-placeholder > .title:empty {
  display: none;
}
table .attachment-placeholder > .title {
  max-width: calc(100% - 3rem);
}
.attachment-placeholder > .title > svg {
  margin-right: 0.5rem;
}
.attachment-placeholder > .title > svg.error {
  fill: #c14149;
}
.attachment-placeholder .tools {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  gap: 0.5rem;
}
.attachment-placeholder .tools .fit-to-width {
  margin-right: auto;
}
.attachment-placeholder .tools > div {
  display: flex;
  align-items: center;
}
.attachment-placeholder .tools > div.star-resource-button-wrapper {
  margin-left: auto;
}
.attachment-placeholder .tools > div.star-resource-button-wrapper .star-resource-button {
  padding: 0.25rem;
}
.attachment-placeholder .tools .action .bx--tooltip__trigger {
  z-index: 1;
}
.attachment-placeholder .tools .note._active:hover {
  background-color: #e7e9ec;
}
.attachment-placeholder .tools .note._active {
  background-color: #ced3d9;
  border-radius: 10px;
}
.attachment-placeholder .tools .note .bx--tooltip__trigger svg {
  outline: none;
}
.attachment-placeholder .tools .zoom-reset {
  margin-right: auto;
}
.attachment-placeholder .tools > button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.25rem;
  color: transparent;
  cursor: pointer;
  border-radius: 100%;
  min-width: 32px;
  min-height: 32px;
}
.attachment-placeholder .tools > button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.attachment-placeholder .tools > button:focus {
  outline: none;
}
.attachment-placeholder .tools > button:hover:not([disabled]) {
  background-color: #e7e9ec;
}
.attachment-placeholder .message-component {
  flex: 0 0 100%;
}
.attachment-placeholder .message-component > span {
  width: 100%;
}
.attachment-placeholder .message-component .content {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.attachment-placeholder .message-component .content {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.attachment-placeholder .message-component .content {
  color: #1a1a1a;
  margin-top: 0.25rem;
}.media-component .copyright-disclaimer {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.media-component .copyright-disclaimer {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.media-component .copyright-disclaimer {
  padding: 0.5rem;
}
.media-component .copyright-disclaimer ~ .attachment-placeholder {
  border-top: 1px solid #e7e9ec;
}
.rich-text-editor .media-component .copyright-disclaimer {
  background-color: #f3f5f8;
}
.media-component .external-source-banner,
.media-component .drawing-restriction-banner {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.media-component .external-source-banner,
  .media-component .drawing-restriction-banner {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.media-component .external-source-banner,
.media-component .drawing-restriction-banner {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0.5rem;
  background-color: #0b233f;
  color: #ffffff;
}
.media-component .external-source-banner .icon,
.media-component .drawing-restriction-banner .icon {
  display: inline-flex;
}
.media-component .external-source-banner .bx--tooltip__trigger,
.media-component .drawing-restriction-banner .bx--tooltip__trigger {
  margin-left: auto;
}
.media-component .external-source-banner .sls-icon [fill],
.media-component .drawing-restriction-banner .sls-icon [fill] {
  fill: #aac1f0;
}
.media-component .tools .btn-ask-salis {
  z-index: calc(1 + 1);
}
.media-component .tools .btn-ask-salis:disabled {
  opacity: 1;
}
.media-component .tools .btn-ask-salis:disabled .sls-icon[name*=Salis] [fill="#EA6613"] {
  fill: #9da7b2;
}
.media-component .tools .btn-ask-salis:disabled .bx--tooltip__trigger {
  cursor: not-allowed;
}
.rich-text-editor .media._no-image {
  border: none;
}
.rich-text-editor .media._no-image .inline-loader {
  border-radius: 10px;
}
.rich-text-editor .media._no-image .inline-loader ~ .attachment-placeholder {
  height: 3rem;
  border-radius: 10px;
}
.rich-text-editor .mce-content-readonly .attachment-placeholder .tools button:is(.loader, .open-in-new-tab, .copyright, .download) {
  display: flex;
}
.rich-text-editor .mce-content-readonly .attachment-placeholder .tools button {
  display: none;
}.google-attachment .external-source-banner {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.google-attachment .external-source-banner {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.google-attachment .external-source-banner {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
  background-color: #0b233f;
  color: #ffffff;
}
.google-attachment .external-source-banner .icon {
  display: inline-flex;
}
.google-attachment .external-source-banner .sls-icon [fill] {
  fill: #ffffff;
}
.google-attachment .iframe-wrapper {
  display: flex;
  justify-content: center;
  margin: auto;
}
.google-attachment .iframe-wrapper iframe {
  max-width: 100%;
}
.google-attachment .iframe-wrapper iframe:not([width]) {
  flex: 1;
}
.google-attachment .iframe-wrapper + .attachment-placeholder {
  border-radius: 0 0 10px 10px;
}
.google-attachment .media-preview + .attachment-placeholder {
  border-radius: 0 0 10px 10px;
}
.google-attachment .attachment-placeholder {
  min-height: 48px;
  background-color: #ffffff;
  border-radius: 10px;
}
.google-attachment .attachment-placeholder button {
  position: relative;
}
.google-attachment .attachment-placeholder button .inline-loader {
  transform: scale(0.5);
  background-color: transparent;
}
.google-attachment .attachment-placeholder .message.message-component {
  flex: 1 1 auto;
  color: #6d7b8c;
}
.google-attachment .attachment-placeholder .message.message-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.google-attachment .attachment-placeholder .message.message-component span {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.google-attachment .attachment-placeholder .tools.has-action-tools-only {
  justify-content: flex-end;
}
.google-attachment .attachment-placeholder .tools .button-container {
  display: flex;
  align-items: center;
}
.google-attachment .attachment-placeholder .tools .button-container ~ .bx--tooltip__trigger {
  margin-left: 0.5rem;
}
.google-attachment .attachment-placeholder .tools .info-tooltip .bx--tooltip__trigger {
  margin-left: 0;
}
.google-attachment .attachment-placeholder .tools .info-tooltip .bx--tooltip__trigger:hover svg, .google-attachment .attachment-placeholder .tools .info-tooltip .bx--tooltip__trigger:focus svg {
  fill: none;
}
.view .google-attachment .empty-placeholder, .lesson-viewer .google-attachment .empty-placeholder {
  background-color: #e7e9ec;
}
.google-attachment > .inline-loader {
  border-radius: 10px;
  pointer-events: none;
}
.google-attachment > .inline-loader + .attachment-placeholder {
  border-radius: 10px;
}
.google-attachment > .inline-loader + .attachment-placeholder .inline-loader {
  display: none;
}.sls-dynamic-link-edit-modal-wrapper {
  max-width: 20rem;
  background-color: #ffffff;
  margin-top: 0.75rem !important;
  margin-left: 2.5rem !important;
  padding: 0.5rem;
  border-radius: 10px;
  box-shadow: 0 0 4px 1px rgba(84, 101, 121, 0.3);
  z-index: 1;
}
.sls-dynamic-link-edit-modal-wrapper .edit-modal-content {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sls-dynamic-link-edit-modal-wrapper .bx--text-truncate--end {
  color: #2b63d9;
}
.sls-dynamic-link-edit-modal-wrapper .icon {
  max-height: 16px;
  margin-left: 1rem;
}
.sls-dynamic-link-edit-modal-wrapper.hidden-modal {
  display: none;
}.sls-dynamic-link {
  display: inline-block;
  cursor: pointer;
}
.sls-dynamic-link .link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.sls-dynamic-link .link .icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.sls-dynamic-link .link .icon-wrapper > .sls-icon {
  min-width: 32px;
}
.sls-dynamic-link .link .icon-wrapper + .label {
  font-weight: 700;
}
.sls-dynamic-link .link .letter-icon-label::before {
  color: #ffffff;
}
.sls-dynamic-link .link .number-icon-label::before {
  color: #2b63d9;
}
.sls-dynamic-link .link .letter-icon-label,
.sls-dynamic-link .link .number-icon-label {
  position: absolute;
  width: 32px;
  text-align: center;
}
.sls-dynamic-link .link .letter-icon-label::before,
.sls-dynamic-link .link .number-icon-label::before {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  content: attr(data-icon-text);
}
.sls-dynamic-link .link .letter-icon-label.hide-section-activity-number:not(.edit-mode)::before,
.sls-dynamic-link .link .number-icon-label.hide-section-activity-number:not(.edit-mode)::before {
  opacity: 0;
}
.sls-dynamic-link .link .letter-icon-label.hide-section-activity-number.edit-mode::before,
.sls-dynamic-link .link .number-icon-label.hide-section-activity-number.edit-mode::before {
  opacity: 0.5;
}
.sls-dynamic-link .link .label::before {
  content: attr(data-text);
  color: #2b63d9;
}.richtext-tooltip {
  display: inline-block;
}
.richtext-tooltip .bx--tooltip__label {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.richtext-tooltip .bx--tooltip__trigger {
  text-align: inherit;
  color: #2b63d9;
  font-size: inherit !important;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  text-decoration: underline;
  text-decoration-style: dotted;
}.student-view .stp-component {
  display: none;
}
.stp-component .cv-interactive-tooltip {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: sub;
}
.stp-component .cv-interactive-tooltip .bx--tooltip__label .bx--tooltip__trigger {
  margin-left: 0;
}
.stp-component .cv-interactive-tooltip .bx--tooltip__label .bx--tooltip__trigger .sls-icon {
  fill: none;
}
.stp-component .sls-icon {
  vertical-align: middle;
  color: #2b63d9;
  fill: none;
}
.stp-component .sls-icon path {
  stroke: currentColor;
}.algebra-kit-component .attachment-placeholder {
  margin-top: 0.5rem;
  background-color: #f3f5f8;
  border-radius: 10px;
}
.algebra-kit-component .empty-placeholder {
  margin: 0.5rem 0;
  background-color: #e7e9ec;
}
.algebra-kit-component .akit-multistep .akit-multistep-feedback-container {
  width: calc(100% - 23px - 4px);
}
.algebra-kit-component .randomised-banner {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.algebra-kit-component .randomised-banner {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.algebra-kit-component .randomised-banner {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  margin-top: 0.5rem;
  gap: 0.25rem;
  background-color: #0b233f;
  color: #ffffff;
  border-radius: 10px;
}
.algebra-kit-component .randomised-banner .sls-icon {
  transform: scale(0.75);
}
.algebra-kit-component .randomised-banner .sls-icon [stroke] {
  stroke: #ffffff;
}
.algebra-kit-component .randomised-banner .sls-icon [fill] {
  fill: #ffffff;
}
.algebra-kit-component .randomised-banner span[data-text] {
  vertical-align: middle;
}
.algebra-kit-component .randomised-banner span[data-text]:before {
  content: attr(data-text);
  min-width: 1rem;
  min-height: 1rem;
}
.answer-info .algebra-kit-component .randomised-banner {
  margin: 0 5px;
}
#algebraKitComponent {
  display: block;
  margin-bottom: 1rem;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-header {
  display: none;
}
@media only screen and (min-width: 672px) {
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-container {
    max-width: 1333px;
}
}
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-container {
  height: calc(100vh - 4rem);
  max-height: calc(100vh - 4rem);
}
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-content {
  position: unset;
  width: 100%;
  overflow: hidden;
}
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-content > .wrapper {
  height: 100%;
}
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-content > .wrapper > .content {
  height: 100%;
}
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-content > .wrapper > .content > .drawing-canvas {
  height: 100%;
}
@media only screen and (max-width: 671px) {
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-content {
    margin-top: 7rem;
    padding-top: 0;
}
}
@media only screen and (min-width: 672px) {
.fullscreen.bx--modal.content-modal.drawing-canvas-modal .bx--modal-content {
    padding-left: 0;
    padding-top: 1rem;
}
}.student-tooltip-component .cv-interactive-tooltip {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: sub;
}
.student-tooltip-component .cv-interactive-tooltip .bx--tooltip__label .bx--tooltip__trigger {
  margin-left: 0;
}
.student-tooltip-component .cv-interactive-tooltip .bx--tooltip__label .bx--tooltip__trigger .sls-icon {
  fill: none;
}
.student-tooltip-component .sls-icon {
  vertical-align: middle;
  color: #2b63d9;
  fill: none;
}
.student-tooltip-component .sls-icon path {
  stroke: currentColor;
}.legacy-drawing {
  border: 1px solid #e7e9ec;
  border-radius: 0 0 10px 10px;
}
.legacy-drawing .container {
  position: relative;
  padding: 0;
  background-color: #ffffff;
}
.legacy-drawing .container .legacy-drawing-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.legacy-drawing .container .legacy-drawing-wrapper.background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.legacy-drawing .container .legacy-drawing-wrapper.foreground {
  position: relative;
  z-index: 1;
}
.legacy-drawing .caption {
  padding: 0.5rem;
  background-color: #ffffff;
  border-top: 1px solid #f3f5f8;
  border-radius: 0 0 10px 10px;
  color: #6d7b8c;
}
.rich-text-editor .legacy-drawing .caption {
  background-color: #f3f5f8;
}.comment-summary-info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  flex: 0 0 100%;
  margin-bottom: 1rem;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.add-to-notebook-subpage .notebook-listing > .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.add-to-notebook-subpage .notebook-listing > .label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.add-to-notebook-subpage .notebook-listing > .label {
  display: block;
  margin-bottom: 1rem;
}
.add-to-notebook-subpage .notebook-listing .notebook-listing-table .v-table__wrapper {
  border-radius: 10px;
}
.add-to-notebook-subpage .notebook-listing .notebook-listing-table table tbody tr.v-data-table-rows-no-data > td::before {
  content: none;
}
.add-to-notebook-subpage .error-message {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
  gap: 0.5rem;
  color: #c14149;
}
.add-to-notebook-subpage .error-message .sls-icon {
  min-width: 16px;
}
.add-to-notebook-subpage .content > .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  display: block;
  margin-bottom: 1rem;
}
.add-to-notebook-subpage .content .notebook-tip {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.add-to-notebook-subpage .content .notebook-tip .bx--tooltip__trigger:hover .sls-icon {
  fill: #ffffff;
}
.add-to-notebook-subpage .content .notebook-tip .bx--tooltip__trigger:hover .sls-icon, .add-to-notebook-subpage .content .notebook-tip .bx--tooltip__trigger:focus .sls-icon {
  fill: none;
}
.add-to-notebook-subpage .content .notebook-tip .cv-interactive-tooltip {
  max-height: 24px;
}
.add-to-notebook-subpage .content .notebook-tip .cv-interactive-tooltip .sls-icon [stroke] {
  stroke: #2b63d9;
}
.add-to-notebook-subpage .content .notebook-tip .cv-interactive-tooltip .sls-icon [fill] {
  fill: #2b63d9;
}
.add-to-notebook-subpage .content .dropdown-group {
  margin-bottom: 1rem;
}
.add-to-notebook-subpage .content .dropdown-group.notebook .bx--list-box__label {
  gap: 0.25rem;
}
.add-to-notebook-subpage .content .dropdown-group.notebook .bx--list-box__label .ellipsis-text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.add-to-notebook-subpage .content .dropdown-group.notebook .bx--list-box__label .ellipsis-text {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.add-to-notebook-subpage .content .dropdown-group.notebook .bx--list-box__label .ellipsis-text {
  color: #6d7b8c;
}
.add-to-notebook-subpage .content .dropdown-group.notebook .bx--list-box__label .sls-icon {
  min-width: 32px;
}
.add-to-notebook-subpage .content .dropdown-group.notebook .bx--dropdown-item .bx--dropdown-link > span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.add-to-notebook-subpage .content .dropdown-group.notebook .bx--dropdown-item .bx--dropdown-link > span {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.add-to-notebook-subpage .content .dropdown-group.notebook .bx--dropdown-item .bx--dropdown-link > span {
  color: #6d7b8c;
  margin-left: 0.25rem;
}
.add-to-notebook-subpage .content .dropdown-group.page .bx--list-box__label {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.add-to-notebook-subpage .content .dropdown-group.page .bx--list-box__label .ellipsis-text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.add-to-notebook-subpage .content .dropdown-group.page .bx--list-box__label .ellipsis-text {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.add-to-notebook-subpage .content .dropdown-group.page .bx--list-box__label .ellipsis-text {
  color: #6d7b8c;
}
.add-to-notebook-subpage .content .dropdown-group.page span.icon-pagination {
  position: relative;
  max-height: 32px;
}
.add-to-notebook-subpage .content .dropdown-group.page span.icon-pagination .page-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  position: absolute;
  left: 0.8rem;
  top: 0.6rem;
  color: #2b63d9;
}
.add-to-notebook-subpage .content .dropdown-group .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
}
.add-to-notebook-subpage .content .dropdown-group > .dropdown-component {
  margin-top: 0.25rem;
}
.add-to-notebook-subpage .content .dropdown-group .bx--dropdown-item .page-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.add-to-notebook-subpage .content .dropdown-group .bx--dropdown-item .page-title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.add-to-notebook-subpage .content .dropdown-group .bx--dropdown-item .page-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  margin-left: 0.5rem;
}
.add-to-notebook-subpage .content .icon-label-group {
  position: relative;
  height: 32px;
  width: 32px;
}
.add-to-notebook-subpage .content .icon-label-group .page-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #2b63d9;
}
.add-to-notebook-subpage .content .dropdown-error .bx--list-box {
  border: 1px solid #c14149;
}
.add-to-notebook-subpage .content .dropdown-error .bx--list-box:focus, .add-to-notebook-subpage .content .dropdown-error .bx--list-box:hover {
  border: 1px solid #c14149;
}
.add-to-notebook-subpage .content .dropdown-error .bx--list-box--expanded {
  border-color: #c14149;
}.editable-tag-list-auto-complete label.bx--label {
  font: var(--body-short-01);
  color: var(--text-02);
  margin-bottom: 8px;
}
.editable-tag-list-auto-complete .bx--list-box[data-invalid] {
  border: 1px solid #e7e9ec;
}
.editable-tag-list-auto-complete .bx--list-box__wrapper {
  margin-bottom: 0.5rem;
}
.editable-tag-list-auto-complete .bx--list-box .bx--text-input::placeholder {
  color: #9da7b2;
}
.editable-tag-list-auto-complete div.cv-tag.bx--tag.bx--tag--filter {
  cursor: initial;
}
.editable-tag-list-auto-complete .bx--tag {
  color: #112857;
}
.editable-tag-list-auto-complete .bx--tag__label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.editable-tag-list-auto-complete .bx--tag__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.editable-tag-list-auto-complete .bx--tag__label {
  overflow: visible;
  white-space: normal;
}.dynamic-link-modal .bx--modal-container {
  max-width: 480px;
}
.dynamic-link-modal .bx--modal-content {
  overflow-y: visible;
}
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown {
  max-height: 40px;
}
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown span {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown span {
  color: #9da7b2;
}
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown .dropdown-option > span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown .dropdown-option > span {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown .dropdown-option > span {
  color: #6d7b8c;
}
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown ul li > .bx--dropdown-link .dropdown-option {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #6d7b8c;
}
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown ul li > .bx--dropdown-link .dropdown-option > .sls-icon {
  min-width: 32px;
  margin-right: 0.25rem;
}
.dynamic-link-modal .bx--modal-content .field-set .bx--dropdown ul li > .bx--dropdown-link .activity-dropdown-option {
  padding-left: 1.5rem;
}.notebook-dynamic-link-modal .bx--modal-container {
  max-width: 480px;
}
.notebook-dynamic-link-modal .bx--modal-content {
  overflow-y: visible;
}
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown {
  max-height: 40px;
}
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown span {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown span {
  color: #9da7b2;
}
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown .dropdown-option > span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown .dropdown-option > span {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown .dropdown-option > span {
  color: #6d7b8c;
}
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown ul li > .bx--dropdown-link .dropdown-option {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #6d7b8c;
}
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown ul li > .bx--dropdown-link .dropdown-option > .sls-icon {
  min-width: 32px;
  margin-right: 0.25rem;
}
.notebook-dynamic-link-modal .bx--modal-content .field-set .bx--dropdown ul li > .bx--dropdown-link .activity-dropdown-option {
  padding-left: 1.5rem;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.linked-resources-list-datatable .v-table > .v-table__wrapper > table > thead > tr th.title {
  min-width: unset;
}
.linked-resources-list-datatable .v-table > .v-table__wrapper > table .table-cell-wrapper.info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.linked-resources-list-datatable .v-table > .v-table__wrapper > table .table-cell-wrapper.info {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.linked-resources-list-datatable .v-table > .v-table__wrapper > table .table-cell-wrapper.info .sls-icon {
  margin-right: 0.5rem;
}
.linked-resources-list-datatable .v-table > .v-table__wrapper > table .table-cell-wrapper.info .title {
  display: flex;
  flex-flow: column nowrap;
}
.linked-resources-list-datatable .v-table > .v-table__wrapper > table .table-cell-wrapper.info .title .main {
  display: inline-flex;
}
@media only screen and (min-width: 1056px) {
.linked-resources-list-datatable .v-table > .v-table__wrapper > table .table-cell-wrapper.info .title .main > span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-pack: start;
    white-space: normal;
    word-wrap: break-word;
    line-height: normal;
    min-width: 10rem;
}
}
.linked-resources-list-datatable .v-table > .v-table__wrapper > table .table-cell-wrapper.info .title .bx--link {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.6688rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.intellectual-property-detail.edit .license-duration {
  gap: 1rem;
}
.intellectual-property-detail.edit .license-duration .cv-date-picker.disabled .bx--date-picker__icon {
  pointer-events: none;
}
.intellectual-property-detail.edit .license-duration .cv-date-picker.disabled .bx--date-picker__icon [stroke] {
  stroke: #9da7b2;
}
.intellectual-property-detail.view .license-duration {
  gap: 6rem;
}
.intellectual-property-detail .bx--form :is(.field-set, .field-input) {
  margin-bottom: 0;
}
.intellectual-property-detail .display-restriction .text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.intellectual-property-detail .field-group {
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
}
.intellectual-property-detail .field-group:not(:last-of-type) {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e7e9ec;
}
.intellectual-property-detail .field-group.metadata .input-checkbox {
  margin: 0.5rem 0 0;
}
.intellectual-property-detail .license-duration {
  display: flex;
  flex-flow: row wrap;
}
.intellectual-property-detail .license-duration > .field-set {
  flex: 1;
}
.intellectual-property-detail .license-duration > .field-set :is(.bx--date-picker,
.bx--date-picker-container,
.bx--date-picker-input__wrapper,
.bx--date-picker__input) {
  width: 100%;
}
.intellectual-property-detail .license-duration > .field-set .bx--date-picker-container {
  align-items: flex-start;
}
@media only screen and (min-width: 672px) {
.intellectual-property-detail .license-duration > .field-set {
    flex: 0 0 auto;
}
.intellectual-property-detail .license-duration > .field-set :is(.bx--date-picker,
  .bx--date-picker-container,
  .bx--date-picker-input__wrapper,
  .bx--date-picker__input) {
    width: auto;
}
}/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.status-history-record {
  position: relative;
  padding: 1rem 0;
  border-bottom: 1px solid #e7e9ec;
}
.status-history-record .metadata .name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.status-history-record .metadata .name {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.status-history-record .metadata .date {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.status-history-record .metadata .date {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.status-history-record .metadata .date {
  color: #6d7b8c;
}
.status-history-record .remarks {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.status-history-record .remarks {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.status-history-record .remarks {
  position: relative;
  margin-top: 0.5rem;
  word-break: break-word;
}
.status-history-record .remarks.collapsed {
  max-height: 5rem;
  overflow: hidden;
}
.status-history-record .remarks.collapsed::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 75%, #ffffff);
  z-index: 1;
}.update-resource-status {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e7e9ec;
}
.update-resource-status .action-toolbar {
  display: flex;
  justify-content: center;
}
.update-resource-status .action-toolbar .bx--btn + .button {
  margin-left: 1rem;
}
.update-resource-status .user-name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.update-resource-status .user-name {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.update-resource-status .user-name {
  margin-bottom: 0.25rem;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.status-history-content-subpage.content-subpage {
  padding-top: 8.5rem;
}
@media only screen and (min-width: 672px) {
.status-history-content-subpage.content-subpage .bx--modal-container {
    max-height: calc(var(--vh, 1vh) * 100 - 3rem - 4rem - 5.5rem);
}
}
.status-history-content-subpage .main-header {
  display: none;
}
.status-history-content-subpage .content {
  background-color: #ffffff;
}
.status-history-content-subpage .content .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.status-history-content-subpage .content .title {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.status-history-content-subpage .bx--form .bx--text-area {
  background-color: #f3f5f8;
}.media-settings-content-subpage.bx--modal .bx--modal-container > .content > .sub:has(.media-settings) {
  padding: 0;
}
.media-settings-content-subpage .media-component .tools {
  flex-wrap: nowrap;
}
.media-settings-content-subpage .bx--form {
  margin: 0;
}
.media-settings-content-subpage .sub .bx--text-input__field-wrapper > input {
  background-color: #f3f5f8;
}
.media-settings-content-subpage .copyright-duration .field-value > span:not(:last-of-type) {
  margin-right: 1.5rem;
}
.media-settings-content-subpage .field-set.description pre {
  white-space: normal;
}
.media-settings-content-subpage .media-settings {
  padding: 1rem;
  position: relative;
}
.media-settings-content-subpage .media-settings .field-set .action,
.media-settings-content-subpage .media-settings .field-set .time-input {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.media-settings-content-subpage .media-settings .field-set .action {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.media-settings-content-subpage .media-settings .field-set.status {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  flex-flow: wrap;
}
.media-settings-content-subpage .media-settings .field-set.status .status-label {
  margin-top: 0;
}
.media-settings-content-subpage .media-settings .field-set.status .status-history {
  flex: 1 0 100%;
  margin-top: 0;
}
.media-settings-content-subpage .media-settings .field-set.status .status-history .bx--link {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin: 0;
}
.media-settings-content-subpage .media-settings .field-set.status .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.media-settings-content-subpage .media-settings .field-set.status .field-label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.media-settings-content-subpage .media-settings .field-set.created-by .field-value, .media-settings-content-subpage .media-settings .field-set.modified-by .field-value {
  display: flex;
  flex-flow: row wrap;
}
.media-settings-content-subpage .media-settings .field-set.created-by .field-value .label-component span, .media-settings-content-subpage .media-settings .field-set.modified-by .field-value .label-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.media-settings-content-subpage .media-settings .field-set.created-by .field-value .label-component span, .media-settings-content-subpage .media-settings .field-set.modified-by .field-value .label-component span {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.media-settings-content-subpage .media-settings .field-set.created-by .field-value .label-component span, .media-settings-content-subpage .media-settings .field-set.modified-by .field-value .label-component span {
  color: #1a1a1a;
}
.media-settings-content-subpage .media-settings .field-set.created-by .field-value .date, .media-settings-content-subpage .media-settings .field-set.modified-by .field-value .date {
  flex: 0 0 100%;
  margin-top: 0.5rem;
}
.media-settings-content-subpage .media-settings .field-set.type-checkbox .input-checkbox {
  margin: 0;
}
.media-settings-content-subpage .media-settings .bx--text-input,
.media-settings-content-subpage .media-settings .bx--text-area {
  background-color: #f3f5f8;
}
.media-settings-content-subpage .transcript-settings {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.media-settings-content-subpage .transcript-settings > .transcript-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.media-settings-content-subpage .transcript-settings > .transcript-title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.media-settings-content-subpage .transcript-settings > .transcript-title {
  margin-bottom: 0.5rem;
}
.media-settings-content-subpage .transcript-settings > .transcript-content {
  display: flex;
  justify-content: center;
}
.media-settings-content-subpage .transcript-settings > .transcript-content:has(> .loading) {
  flex-grow: 1;
}
.media-settings-content-subpage .transcript-settings > .transcript-content ~ .action {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
.media-settings-content-subpage .view-transcript {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e7e9ec;
}
.media-settings-content-subpage .view-transcript .bx--link.disabled {
  opacity: 1;
  color: #9da7b2;
}
.media-settings-content-subpage .view-transcript .bx--tooltip__trigger {
  margin-left: 0.25rem;
}
.media-settings-content-subpage .view-transcript .bx--tooltip__trigger .sls-icon [stroke] {
  stroke: #6d7b8c;
}
.media-settings-content-subpage .view-transcript .bx--tooltip__trigger .sls-icon [fill] {
  fill: #6d7b8c;
}
.media-settings-content-subpage .sub-content-action {
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
  margin: 0 1rem;
  padding: 1rem 0;
  border-top: 1px solid #e7e9ec;
  z-index: 300;
}
.media-settings-content-subpage .sub-content-action .bx--inline-notification {
  margin: 0 0 1rem 0;
}
.media-settings-content-subpage .button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 1rem;
}.bx--modal.youtube-settings-content-subpage .bx-form {
  margin-top: 0;
}
.bx--modal.youtube-settings-content-subpage .empty-placeholder {
  background-color: #ffffff;
  border-radius: 10px;
}
.bx--modal.youtube-settings-content-subpage .field-set.input-cue .actions {
  display: flex;
  gap: 1rem;
}
.bx--modal.youtube-settings-content-subpage .field-set.input-cue .action {
  flex: 1 1 50%;
}
.bx--modal.youtube-settings-content-subpage .field-set.input-cue .action .bx--form-item {
  margin-bottom: 0.5rem;
}
.bx--modal.youtube-settings-content-subpage .field-set.input-cue .action .bx--btn {
  width: 100%;
  margin-bottom: 0.125rem;
}
.bx--modal.youtube-settings-content-subpage .bx--text-input,
.bx--modal.youtube-settings-content-subpage .bx--text-area {
  background-color: #f3f5f8;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.audio-recorder {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.audio-recorder .bx--inline-notification {
  flex: 0 0 100%;
  min-width: 0;
}
@media only screen and (min-aspect-ratio: 13/9) and (min-width: 600px) and (max-width: 1055px) {
.audio-recorder .bx--inline-notification {
    flex-wrap: wrap;
}
}
.audio-recorder .bx--inline-notification .bx--inline-notification__close-button {
  display: none;
}
.audio-recorder .duration {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  display: inline-flex;
  align-items: center;
}
@keyframes blinker {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.audio-recorder .duration::before {
  content: "";
  display: inline-block;
  margin-right: 0.5rem;
  background-color: #fe8693;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  animation: 1s linear 0s infinite alternate blinker;
}
.audio-recorder .tools {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 0 0.5rem;
}
.audio-recorder .tools button {
  border: none;
  cursor: pointer;
}
.audio-recorder .tools button:focus {
  outline: none;
}
.audio-recorder .tools button[disabled], .audio-recorder .tools button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.audio-recorder .tools button.btn-record {
  display: flex;
  align-items: center;
}
.audio-recorder .tools button.btn-record path {
  fill: #ffffff;
}
.audio-recorder .tools button.btn-close {
  color: #2b63d9;
}
.audio-recorder .tools button.btn-close span {
  display: flex;
  align-items: center;
}
.audio-recorder .tools button.btn-close:hover {
  color: #2552ac;
}
.audio-recorder .tools button.btn-close path {
  stroke: currentColor;
}
.audio-recorder .tools .btn-stop .bx--btn {
  background-color: #ffffff;
  color: #2b63d9;
}
.audio-recorder .tools .btn-stop .bx--btn .sls-icon [fill] {
  fill: currentColor;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.search-bar-wrapper {
  display: flex;
  position: relative;
  align-items: center;
}
.search-bar-wrapper.search-bar-white .bx--search-input {
  background-color: #ffffff;
}
.search-bar-wrapper.search-bar-white .bx--search-input:hover {
  background-color: #e7e9ec;
}
.search-bar-wrapper.search-bar-white .bx--search-input:focus {
  background-color: #ffffff;
}
.search-bar-wrapper .keyword {
  width: 100%;
}
.search-bar-wrapper .keyword .field-label {
  display: none;
}
.search-bar-wrapper.search-bar-grey .bx--search-input {
  background-color: #f3f5f8;
}
.search-bar-wrapper.search-bar-grey .bx--search-input:hover {
  background-color: #e7e9ec;
}
.search-bar-wrapper.search-bar-grey .bx--search-input:focus {
  background-color: #f3f5f8;
}
.search-bar-wrapper.auto-collapse.filter-type-dropdown .button.close {
  height: 2.5rem;
}
.search-bar-wrapper.auto-collapse.filter-type-selection .search-bar > .close:hover {
  border-radius: 0;
}
.search-bar-wrapper.auto-collapse .bx--search-close {
  display: none;
}
.search-bar-wrapper.auto-collapse .search-bar > .close {
  position: relative;
  right: 0.5rem;
  display: flex;
  align-items: center;
  margin-left: -3rem;
  justify-content: center;
  height: 3rem;
  min-width: 3rem;
  width: 3rem;
  cursor: pointer;
  z-index: 1;
}
.search-bar-wrapper.auto-collapse .search-bar > .close:hover {
  background-color: #e7e9ec;
  border-radius: 0 10px 10px 0;
}
.search-bar-wrapper.auto-collapse .search-bar > .close .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background-color: #6d7b8c;
  border-radius: 100%;
}
.search-bar-wrapper.auto-collapse .search-bar > .close svg {
  transform: scale(0.75);
}
.search-bar-wrapper.auto-collapse .search-bar > .close svg path {
  stroke: #ffffff;
}
.search-bar-wrapper.in-app-header {
  position: relative;
  justify-content: center;
  margin: 0 0.5rem;
}
@supports selector(:focus-visible) {
.search-bar-wrapper.in-app-header:focus-visible {
    outline-offset: -3px;
    width: 48px;
    margin: 0;
}
}
@media only screen and (min-width: 672px) {
.search-bar-wrapper.in-app-header {
    max-width: 300px;
}
}
.search-bar-wrapper.in-app-header._error {
  justify-content: flex-start;
}
.search-bar-wrapper.in-app-header .close {
  right: 0 !important;
  height: 2rem !important;
}
.search-bar-wrapper.in-app-header .bx--search-input {
  height: 2rem;
}
.search-bar-wrapper.in-app-header .search-bar {
  justify-content: center;
}
.search-bar-wrapper.filter-type-selection .search-bar .bx--search-input {
  border-radius: 10px 0 0 10px;
}
.search-bar-wrapper.filter-type-selection .search-bar .filter-selection {
  border-radius: 0 10px 10px 0;
}
.search-bar-wrapper.filter-type-selection .search-bar .bx--search-close {
  border-radius: 0;
}
.search-bar-wrapper.error .bx--search-input {
  border-color: #c14149;
}
.search-bar {
  display: flex;
  align-items: center;
  border-radius: 10px;
  width: 100%;
}
.search-bar .bx--search-close {
  border-radius: 0 10px 10px 0;
}
.search-bar .bx--search-close:focus-within {
  outline: 3px solid #5682e0 !important;
  border-radius: unset;
  z-index: 1;
}
.search-bar .bx--search-close:before {
  display: none;
}
.search-bar .bx--search-close:hover {
  background-color: #e7e9ec;
}
.search-bar .bx--search-close:active {
  background-color: #ced3d9;
}
.search-bar .bx--search-close:focus {
  outline: transparent;
  border-color: #d5e0f7;
  background-color: inherit;
}
.search-bar .bx--search-close svg {
  background-color: #6d7b8c;
  border-radius: 100%;
}
.search-bar .bx--search-close svg path {
  fill: #ffffff;
  stroke: #ffffff;
}
.search-bar .bx--search-input {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-bar .bx--search-input {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-bar .bx--search-input {
  height: 2.5rem;
  border-radius: 10px;
  border: 1px solid #e7e9ec;
}
.search-bar .bx--search-input:focus {
  outline: transparent;
  border-color: #d5e0f7;
}
.search-bar .bx--search-input::placeholder {
  color: #9da7b2;
}
.search-bar .bx--search--xl .bx--search-magnifier-icon {
  height: 1.25rem;
  width: 1.25rem;
  left: 1.5rem;
  transform: translate(-50%, -50%);
}
.search-bar .cv-search {
  flex: 1 1 100%;
  border-radius: 10px;
}
.search-bar .cv-search button.bx--search-close:hover, .search-bar .cv-search button.bx--search-close:active {
  outline: transparent;
}
.search-bar .filter-selection {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  flex: 0 0 3rem;
  background: #ffffff;
  cursor: pointer;
}
.search-bar .search-toggle {
  justify-self: end;
  margin-right: 0.5rem;
  cursor: pointer;
}
.search-bar .settings-container {
  display: flex;
  height: 3rem;
  width: 3rem;
  min-width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
}
.search-bar .settings-container > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.search-bar .settings-container > button:hover {
  background-color: #e7e9ec;
}.bx--multi-select__wrapper .bx--multi-select.hide-clear-button .bx--tag--filter {
  padding: 0.25rem 0.5rem;
  line-height: 13px;
  min-height: unset;
  pointer-events: none;
}
.bx--multi-select__wrapper .bx--multi-select.hide-clear-button .bx--tag__close-icon {
  display: none;
}
.bx--multi-select__wrapper .bx--multi-select.indeterminate .bx--list-box__menu .bx--list-box__menu-item:first-of-type .bx--checkbox-wrapper .bx--checkbox-label::before {
  background-color: #2b63d9;
  border-color: #2b63d9;
}
.bx--multi-select__wrapper .bx--multi-select.indeterminate .bx--list-box__menu .bx--list-box__menu-item:first-of-type .bx--checkbox-wrapper .bx--checkbox-label::after {
  display: inline-block;
  height: 2px;
  width: 12px;
  left: 0;
  top: 0;
  background-color: #ffffff;
  border-radius: 20px;
  border: none;
  transform: translate(4px, 12px);
}
.bx--multi-select__wrapper .bx--tag--filter {
  margin: 0 0.75rem 0 0;
  padding: 0 0.5rem;
  border-radius: 12px;
}
.bx--multi-select__wrapper .bx--tag--filter:has(.bx--tag__close-icon) {
  padding-right: 0.25rem;
}
.bx--multi-select__wrapper .bx--tag--filter.bx--tag--high-contrast {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  background-color: #546579;
  color: #ffffff;
}
.bx--multi-select__wrapper .bx--tag--filter.bx--tag--high-contrast .bx--tag__close-icon:hover {
  background-color: inherit;
}
.bx--multi-select__wrapper .bx--tag--filter .bx--tag__label {
  padding-bottom: 0.125rem;
}
.bx--multi-select__wrapper .bx--multi-select {
  border-radius: 10px;
  border: 1px solid #e7e9ec;
}
.bx--multi-select__wrapper .bx--multi-select.multi-select-gray {
  background-color: #f3f5f8;
}
.bx--multi-select__wrapper .bx--multi-select.multi-select-gray:hover {
  background-color: #e7e9ec;
}
.bx--multi-select__wrapper .bx--multi-select.multi-select-gray:hover .bx--list-box,
.bx--multi-select__wrapper .bx--multi-select.multi-select-gray:hover .bx--text-input {
  background-color: #e7e9ec;
}
.bx--multi-select__wrapper .bx--multi-select.multi-select-gray .bx--list-box,
.bx--multi-select__wrapper .bx--multi-select.multi-select-gray .bx--text-input {
  background-color: #f3f5f8;
}
.bx--multi-select__wrapper .bx--multi-select.multi-select-white {
  background-color: #ffffff;
}
.bx--multi-select__wrapper .bx--multi-select.multi-select-white:hover {
  background-color: #e7e9ec;
}
.bx--multi-select__wrapper .bx--multi-select.multi-select-white:hover .bx--list-box,
.bx--multi-select__wrapper .bx--multi-select.multi-select-white:hover .bx--text-input {
  background-color: #e7e9ec;
}
.bx--multi-select__wrapper .bx--multi-select.multi-select-white .bx--list-box,
.bx--multi-select__wrapper .bx--multi-select.multi-select-white .bx--text-input {
  background-color: #ffffff;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box[data-invalid] {
  outline: none;
  border-color: #c14149;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box[data-invalid] .bx--text-input {
  outline: none;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box[data-invalid] .bx--text-input:not(:focus) {
  outline: none;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box[data-invalid] .bx--list-box__invalid-icon {
  right: 3rem;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box[data-invalid] ~ .bx--form-requirement {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--multi-select__wrapper .bx--multi-select.bx--list-box[data-invalid] ~ .bx--form-requirement {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box[data-invalid] ~ .bx--form-requirement {
  display: flex;
  align-items: center;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box[data-invalid] ~ .bx--form-requirement::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.25rem;
  padding-right: 1rem;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_31_3457)'%3e%3cpath%20d='M8.73966%202.97981C11.9197%202.97981%2014.493%205.55981%2014.493%208.73314C14.493%2011.9131%2011.913%2014.4865%208.73966%2014.4865C5.56633%2014.4865%202.98633%2011.9065%202.98633%208.73314C2.98633%205.55314%205.56633%202.97314%208.73966%202.97314V2.97981Z'%20fill='%23F8E3E3'/%3e%3cpath%20d='M7.99385%202.3667V2.8667C9.41385%202.8667%2010.6872%203.44003%2011.6205%204.3667C12.5472%205.29337%2013.1205%206.57337%2013.1205%207.99337C13.1205%209.41337%2012.5472%2010.6867%2011.6205%2011.62C10.6939%2012.5467%209.41385%2013.12%207.99385%2013.12C6.57385%2013.12%205.30052%2012.5467%204.36719%2011.62C3.44052%2010.6934%202.86719%209.41337%202.86719%207.99337C2.86719%206.57337%203.44052%205.30003%204.36719%204.3667C5.29385%203.44003%206.57385%202.8667%207.99385%202.8667V1.8667C4.61385%201.8667%201.86719%204.6067%201.86719%207.99337C1.86719%2011.3734%204.60719%2014.12%207.99385%2014.12C11.3739%2014.12%2014.1205%2011.38%2014.1205%207.99337C14.1205%204.61337%2011.3805%201.8667%207.99385%201.8667V2.3667Z'%20fill='%23D04144'/%3e%3cpath%20d='M5.50633%206.17344L9.91299%2010.5801C10.1063%2010.7734%2010.4263%2010.7734%2010.6197%2010.5801C10.813%2010.3868%2010.813%2010.0668%2010.6197%209.87344L6.21299%205.46678C6.01966%205.27344%205.69966%205.27344%205.50633%205.46678C5.31299%205.66011%205.31299%205.98011%205.50633%206.17344Z'%20fill='%23D04144'/%3e%3cpath%20d='M9.78018%205.46678L5.37352%209.87344C5.18018%2010.0668%205.18018%2010.3868%205.37352%2010.5801C5.56685%2010.7734%205.88685%2010.7734%206.08018%2010.5801L10.4868%206.17344C10.6802%205.98011%2010.6802%205.66011%2010.4868%205.46678C10.2935%205.27344%209.97352%205.27344%209.78018%205.46678Z'%20fill='%23D04144'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_31_3457'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box--disabled {
  background-color: #ced3d9;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box--disabled:hover {
  background-color: #ced3d9;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box--disabled > .bx--list-box__field {
  pointer-events: none;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box--disabled .bx--text-input {
  background-color: #ced3d9;
  pointer-events: none;
}
.bx--multi-select__wrapper .bx--multi-select.bx--list-box--expanded:hover {
  background-color: #e7e9ec;
}
.bx--multi-select__wrapper .bx--multi-select > .bx--list-box__field {
  border-radius: 10px;
  border: 1px solid transparent;
}
.bx--multi-select__wrapper .bx--multi-select > .bx--list-box__field:focus {
  outline: none;
  border-color: #d5e0f7;
}
.bx--multi-select__wrapper .bx--multi-select > .bx--list-box__field .bx--list-box__label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--multi-select__wrapper .bx--multi-select > .bx--list-box__field .bx--list-box__label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu {
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: default;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header {
  pointer-events: none;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header .bx--list-box__menu-item__option {
  pointer-events: none;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header .bx--checkbox-label {
  display: inline-flex;
  align-items: center;
  color: #9da7b2;
  text-transform: uppercase;
  padding-left: 0;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header .bx--checkbox-label::before {
  display: none;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header .bx--checkbox-label-text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item.box__menu-header .bx--checkbox-label-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item:has(.bx--checkbox[disabled]) {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #ffffff;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item:has(.bx--checkbox[disabled]):active, .bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item:has(.bx--checkbox[disabled]):focus {
  pointer-events: none;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item:has(.bx--checkbox[disabled]) + .bx--list-box__menu-item .bx--list-box__menu-item__option {
  border-top-color: #e7e9ec;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item:has(.bx--checkbox[disabled]) .bx--list-box__menu-item__option {
  color: #6d7b8c;
  border-top-color: #e7e9ec;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu > .bx--list-box__menu-item:has(.bx--checkbox[disabled]) .bx--checkbox-wrapper .bx--checkbox-label::before {
  background-color: #9da7b2;
  border-color: #9da7b2;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu .bx--checkbox-wrapper .bx--checkbox[checked] ~ .bx--checkbox-label::after {
  content: "";
  display: inline-block;
  transform: rotate(40deg) translateZ(0);
  left: 2px;
  top: 8px;
  height: 12px;
  width: 6px;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-left: none;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu .bx--checkbox-wrapper .bx--checkbox-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu .bx--checkbox-wrapper .bx--checkbox-label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu .bx--checkbox-wrapper .bx--checkbox-label {
  padding-top: 2px;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu .bx--checkbox-wrapper .bx--checkbox-label::after {
  display: none;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu .bx--checkbox-wrapper .bx--checkbox-label::before {
  width: 20px;
  height: 20px;
  top: 2px;
  margin: 0;
  transform: translateZ(0);
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu-icon {
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  padding-left: 0.5rem;
  border-left: 1px solid #f3f5f8;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu-icon.bx--list-box__menu-icon--open {
  padding: 0 0.5rem 0 0;
  border-left: none;
  border-right: 1px solid #f3f5f8;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__menu-icon svg {
  width: 24px;
  height: 24px;
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.bx--multi-select__wrapper .bx--multi-select .bx--list-box__label {
  text-align: left;
}
.bx--multi-select__wrapper .bx--multi-select .bx--text-input {
  border: none;
}
.bx--multi-select__wrapper .bx--multi-select .bx--text-input:focus {
  border: none;
}
.bx--multi-select--filterable .bx--list-box__selection--multi.bx--tag {
  position: static;
  margin: 0 1rem;
  padding: 0.25rem 0.5rem;
}
.bx--multi-select--filterable .bx--list-box__selection--multi.bx--tag .bx--tag__label {
  overflow: visible;
}
.bx--multi-select--filterable .bx--list-box__selection {
  right: 3.5rem;
  width: 1rem;
  height: 1rem;
  background-color: #6d7b8c;
  border-radius: 100%;
}
.bx--multi-select--filterable .bx--list-box__selection:focus:hover {
  outline: none;
}
.bx--multi-select--filterable .bx--list-box__selection > svg {
  fill: #ffffff;
}
.bx--multi-select--filterable .bx--multi-select--selected .bx--text-input {
  padding-left: 0;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.filter-tag-list {
  display: flex;
  padding: 0.5rem 0;
  overflow-x: auto;
}
@media only screen and (min-width: 1056px) {
.filter-tag-list {
    flex-flow: row wrap;
    overflow-x: unset;
}
}.filter-tag {
  position: relative;
  margin: 0.25rem 0.5rem 0.25rem 0;
}
.filter-tag .bx--tag {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.filter-tag .bx--tag {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.filter-tag .bx--tag {
  margin: 0;
  background-color: rgb(191.4, 208.2, 243.6);
  color: #112857;
  border: 2px solid transparent;
}
.filter-tag .bx--tag .bx--tag__label {
  max-width: 165px;
}
.filter-tag .bx--tag .bx--tag__close-icon:hover {
  background-color: #95b1ec;
}
.filter-tag .bx--tag .bx--tag__close-icon:focus {
  box-shadow: none;
}
.filter-tag._multiple._non-single .bx--tag__label {
  padding-right: 3rem;
}
.filter-tag._multiple .bx--tag__label {
  padding-right: 2.5rem;
}
.filter-tag._multiple .bx--tag {
  background-color: rgb(233.8, 239.4, 251.2);
}
.filter-tag._multiple._filter:active {
  border-color: #2b63d9;
}
.filter-tag._multiple._filter > .count {
  right: 1.5rem;
}
.filter-tag._multiple > .count {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.filter-tag._multiple > .count {
    font-size: 0.8rem;
    line-height: 1rem;
}
}
.filter-tag._multiple > .count {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.filter-tag._multiple > .count:after {
  content: attr(data-count);
  display: inline-block;
  border-radius: 20px;
  padding: 0.25rem 0.75rem;
  margin: 0 0.25rem;
  background-color: #95b1ec;
  color: #112857;
  text-align: center;
}
.filter-tag.data-assistant .bx--tag {
  background-color: rgb(252.25, 226.75, 208);
  color: #613413;
}
.filter-tag.data-assistant .bx--tag .bx--tag__close-icon:hover {
  background-color: rgb(249.5, 198.5, 161);
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.starred-resource-search-filter {
  width: 100%;
}
@media only screen and (min-width: 1056px) {
.starred-resource-search-filter .resource-group {
    display: flex;
    gap: 2rem;
}
.starred-resource-search-filter .resource-group .field-set {
    flex: 1;
}
}
.starred-resource-search-filter .search-bar-wrapper .keyword .field-label {
  display: block;
}
.starred-resource-search-filter .search-bar-wrapper .keyword .bx--search-input {
  border-color: #e7e9ec;
}
.starred-resource-search-filter .filter-tag-list {
  padding-top: 0;
}
.starred-resource-search-filter .filter-tag-list .filter-tag {
  margin-top: 0;
}.search-resource-detail-game-story-section {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.search-resource-detail-game-story-section .input-checkbox {
  margin: 0;
}
.search-resource-detail-game-story-section .input-checkbox .input-icon {
  margin-top: 38px;
}
.search-resource-detail-game-story-section .game-story-details {
  display: flex;
  gap: 1rem;
}
.search-resource-detail-game-story-section .game-story-details .image-placeholder {
  flex: 0 0 auto;
  width: 120px;
  height: 100px;
  border-radius: 10px;
  background-color: #f3f5f8;
}
.search-resource-detail-game-story-section .game-story-details .image-placeholder .image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.search-resource-detail-game-story-section .game-story-details .info {
  flex: 1;
}
.search-resource-detail-game-story-section .game-story-details .info .game-title {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-right: 1.5rem;
}
.search-resource-detail-game-story-section .game-story-details .info .game-title .sls-icon {
  margin-right: 0.5rem;
  min-width: 24px;
}
.search-resource-detail-game-story-section .rich-text .rich-text-actions .bx--link {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.067rem;
  letter-spacing: 0.16px;
}
.search-resource-detail-game-story-section .view-details {
  position: absolute;
  right: 0;
}
.search-resource-detail-game-story-section .view-details [stroke] {
  stroke: #2b63d9;
}
.search-resource-detail-game-story-section .view-details [fill] {
  fill: #2b63d9;
}.match-indicator {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.match-indicator span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  color: #52850a;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.lesson-preview-info .field-set.graphic {
  display: flex;
  justify-content: center;
}
.lesson-preview-info .field-set.notes {
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
  color: #1a1a1a;
  background-color: #ffffff;
  border-radius: 10px;
}
.lesson-preview-info .field-set.notes .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  display: flex;
  align-items: center;
}
.lesson-preview-info .field-set.notes .field-label .sls-icon {
  margin-right: 0.5rem;
}
.lesson-preview-info .field-set.notes .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
.lesson-preview-info .field-set.notes .empty-placeholder {
  margin: 0;
}
.lesson-preview-info .field-set.notes .empty-placeholder .content {
  margin-bottom: 0;
}
.lesson-preview-info .field-set.notes .empty-placeholder .placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin: 0;
}
.lesson-preview-info .field-set.notes .empty-placeholder svg {
  transform: scale(0.5);
}
.lesson-preview-info .thumbnail img {
  width: 100%;
  height: 100%;
}
.lesson-preview-info .info-header {
  display: flex;
  align-items: center;
}
.lesson-preview-info .lesson-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.lesson-preview-info .lesson-title {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.lesson-preview-info .lesson-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
}
.lesson-preview-info .lesson-link {
  display: inline-flex;
  margin-left: 0.5rem;
}
.lesson-preview-info .lesson-link .sls-icon [fill] {
  fill: #2b63d9;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
@media only screen and (min-width: 1056px) {
.search-module-detail-summary {
    display: flex;
    gap: 2rem;
}
.search-module-detail-summary :is(.lesson-preview-info, .lesson-preview-details) {
    flex: 1;
}
}
.search-module-detail-summary.show-notes .additional-information {
  display: block;
}
.search-module-detail-summary .bx--form:first-of-type {
  margin-top: 0;
}
.search-module-detail-summary .bx--form.info-content .field-value {
  margin-top: 0;
}
.search-module-detail-summary .bx--form.info-content .rich-text-content .sls-dynamic-link {
  cursor: auto;
}
.search-module-detail-summary .lesson-preview-info:empty, .search-module-detail-summary .lesson-preview-info:has(.info-content:empty) {
  display: none;
}
.search-module-detail-summary .course-details .form-header.other-information {
  margin-bottom: 1rem;
}
.search-module-detail-summary .course-details .field-value {
  margin-top: 0.25rem;
}
.search-module-detail-summary .course-details .field-value .subject-and-level-datatable .v-table__wrapper thead tr th {
  width: 50%;
}
.search-module-detail-summary .course-details .field-value .subject-and-level-datatable .v-table__wrapper tbody tr td {
  white-space: normal;
}
.search-module-detail-summary .course-details .field-value .subject-and-level-datatable .v-table__wrapper tbody tr td .table-cell-wrapper > span.main {
  display: block;
}
.search-module-detail-summary .course-details .field-value .label-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-summary .course-details .field-value .label-component span {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-module-detail-summary .course-details .field-value .label-component span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  min-width: 2rem;
  color: #1a1a1a;
  line-height: 1.5rem;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-summary .course-details .field-value .label-component span {
    line-height: 1.5rem;
}
}
.search-module-detail-summary .course-details .field-value .label-component span[title="-"] {
  text-align: center;
}
.search-module-detail-summary .course-details .field-value .keywords .bx--tag {
  padding: 0.375rem 0.5rem;
}
.search-module-detail-summary .additional-information {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
  display: none;
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
  color: #1a1a1a;
  background-color: #f3f5f8;
  border-radius: 10px;
}
.search-module-detail-summary .additional-information .empty-placeholder {
  margin: 0;
}
.search-module-detail-summary .additional-information .empty-placeholder .content {
  margin-bottom: 0;
}
.search-module-detail-summary .additional-information .empty-placeholder .placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin: 0;
}
.search-module-detail-summary .additional-information .empty-placeholder svg {
  transform: scale(0.5);
}
.search-module-detail-summary .additional-information label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: #6d7b8c;
}
.search-module-detail-summary .additional-information label .sls-icon {
  margin-right: 0.5rem;
}
.search-module-detail-summary .field-set.modified-by .field-value {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.search-module-detail-summary .field-set.modified-by .field-value .date {
  margin-top: 0.25rem;
  flex: 0 0 100%;
}
.search-module-detail-summary .field-set.modified-by .creditor {
  width: auto;
  margin-right: 0.5rem;
}
.search-module-detail-summary .field-set.creditedTo .creditedToContent {
  position: relative;
  word-break: break-word;
}
.search-module-detail-summary .field-set.creditedTo .creditedToContent.collapsed {
  max-height: 4rem;
  overflow: hidden;
}
.search-module-detail-summary .field-set.creditedTo .creditedToContent.collapsed > span {
  cursor: pointer;
}
.search-module-detail-summary .field-set.creditedTo .creditedToContent.collapsed::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, white);
  z-index: 1;
}
.search-module-detail-summary .field-set.creditedTo .btn-toggle-truncation {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  margin-top: 0.125rem;
}
.search-module-detail-summary .field-set.view-count .field-value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.search-module-detail-summary .notes-toggle label {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 0.25rem;
}
.search-module-detail-summary .notes-toggle label .bx--toggle__switch {
  margin-top: 1rem;
}
.search-module-detail-summary .section-activity-list .selection-bar._active {
  border-radius: 10px;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper .v-data-table-header span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td {
  left: 0 !important;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper > span {
  max-width: unset;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title {
  padding: 1rem;
  flex-flow: column wrap;
  align-items: flex-start;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title.simple-view .label-component,
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title.simple-view .notes {
  display: none;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title.has-input-box .activity-checkbox {
  margin-right: 0.5rem;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title.has-input-box .activity-title-wrapper {
  max-width: calc(100% - 7rem);
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title > .activity-header-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title .activity-title-wrapper {
  display: flex;
  flex-flow: row wrap;
  max-width: calc(100% - 4rem);
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title .activity-title-wrapper .label-component {
  max-width: calc(100% - 1rem);
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title .activity-title-wrapper .label-component > .ellipsis-text {
  overflow: hidden;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title:not(.checkbox):not(.action) {
  margin-right: 0;
}
@media only screen and (max-width: 1055px) {
.search-module-detail-summary .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title:not(.checkbox):not(.action) .page-title {
    align-self: center;
    overflow: hidden;
}
}
.search-module-detail-summary .section-activity-list .v-table__wrapper th {
  background-color: #ced3d9;
}
.search-module-detail-summary .section-activity-list .v-table__wrapper th .all-checkbox {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.search-module-detail-summary .section-activity-list .bx--link:hover {
  color: #2b63d9;
  text-decoration: none;
}
.search-module-detail-summary .section-activity-list .view-ext {
  margin-left: auto;
  min-width: 16px;
  cursor: pointer;
}
.search-module-detail-summary .section-activity-list .view-ext [stroke] {
  stroke: #2b63d9;
}
.search-module-detail-summary .section-activity-list .view-ext [fill] {
  fill: #2b63d9;
}
.search-module-detail-summary .section-activity-list .grouper.disabled {
  border-top-color: #9da7b2;
}
.search-module-detail-summary .section-activity-list .grouper.disabled > div {
  pointer-events: none;
}
.search-module-detail-summary .section-activity-list .grouper.disabled .bx--link {
  color: #9da7b2;
}
.search-module-detail-summary .section-activity-list .grouper.disabled .icon path[fill] {
  fill: #9da7b2;
}
.search-module-detail-summary .section-activity-list .grouper.disabled .icon path[stroke] {
  stroke: #9da7b2;
}
.search-module-detail-summary .section-activity-list .grouper.disabled .page-title {
  color: #9da7b2;
}
.search-module-detail-summary .section-activity-list .grouper.disabled .view-ext [fill] {
  fill: #9da7b2;
}
.search-module-detail-summary .section-activity-list .grouper.disabled .view-ext [stroke] {
  stroke: #9da7b2;
}
.search-module-detail-summary .section-activity-list .activity-grouper {
  margin-top: 1rem;
}
.search-module-detail-summary .section-activity-list .activity-grouper.disabled .page-label {
  color: #9da7b2;
}
.search-module-detail-summary .section-activity-list .activity-grouper .v-table .v-table__wrapper {
  border-radius: 10px;
}
.search-module-detail-summary .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.search-module-detail-summary .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.search-module-detail-summary .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr {
  background-color: #f3f5f8;
}
.search-module-detail-summary .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr > td {
  height: 100%;
  background-color: #f3f5f8;
}
.search-module-detail-summary .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr > td.v-data-table__td:nth-child(2) {
  max-width: 300px;
}
.search-module-detail-summary .section-activity-list .activity-grouper .additional-information {
  background-color: #ffffff;
}
.search-module-detail-summary .section-activity-list .section-grouper {
  position: relative;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #f3f5f8;
  border: 1px solid #ced3d9;
  border-top: 4px solid var(--color);
  border-radius: 10px;
}
.search-module-detail-summary .section-activity-list .section-grouper.is-section-hidden .icon {
  opacity: 0.5;
}
.search-module-detail-summary .section-activity-list .section-grouper .match-indicator {
  margin-bottom: -1rem;
  padding: 1rem 0 0.5rem 1rem;
}
.search-module-detail-summary .section-activity-list .section-component {
  background-color: #ffffff;
  border-radius: 10px;
}
.search-module-detail-summary .section-activity-list .section-component .wrapper {
  display: grid;
  grid-template-columns: 2.5rem auto auto;
  align-items: center;
  padding: 1rem;
}
.search-module-detail-summary .section-activity-list .section-component .wrapper.has-input-box {
  grid-template-columns: 2rem 2.5rem auto auto;
}
.search-module-detail-summary .section-activity-list .section-component .wrapper .additional-information {
  grid-column: 1/-1;
}
.search-module-detail-summary .section-activity-list .section-component .page-label {
  color: #ffffff;
}
.search-module-detail-summary .section-activity-list .section-info {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
}
.search-module-detail-summary .section-activity-list .section-info .actions-buttons {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
}
.search-module-detail-summary .section-activity-list .section-activities {
  margin-top: 0.5rem;
  background-color: #ffffff;
  border-radius: 10px;
}
.search-module-detail-summary .section-activity-list .section-activities > .v-table {
  background-color: transparent;
}
.search-module-detail-summary .section-activity-list .section-activities > .v-table > .v-table__wrapper {
  border-radius: 10px;
}
.search-module-detail-summary .section-activity-list .section-activities > .v-table tbody > tr > td {
  height: 100%;
  border: none;
  background-color: #ffffff;
}
.search-module-detail-summary .section-activity-list .section-activities > .v-table tbody > tr > td.v-data-table__td:nth-child(2) {
  max-width: 300px;
}
.search-module-detail-summary .section-activity-list .page-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  width: 100%;
  padding-right: 1rem;
  color: #6d7b8c;
}
.search-module-detail-summary .section-activity-list .icon {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  margin-right: 0.5rem;
}
.search-module-detail-summary .section-activity-list .icon .sls-icon[name=SectionHidden32] ~ .page-label {
  display: none;
}
.search-module-detail-summary .section-activity-list .page-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-summary .section-activity-list .page-label {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.search-module-detail-summary .section-activity-list .page-label {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: #2b63d9;
}
.search-module-detail-summary .passcode-info {
  display: flex;
  margin: 1rem 0;
}
.search-module-detail-summary .passcode-info:first-child {
  margin-top: 0;
}
.search-module-detail-summary .passcode-info span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-summary .passcode-info span {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.search-module-detail-summary .passcode-info span {
  margin-left: 0.5rem;
  color: #6d7b8c;
}.course-plan-activity-sequential-access {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0.5rem 1rem 0;
}
.course-plan-activity-sequential-access .input-checkbox {
  margin: 0;
}
.course-plan-activity-sequential-access .input-checkbox .text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.course-plan-activity-sequential-access .icon {
  display: inline-flex;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.course-plan-section-prerequisite .field-group {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.course-plan-section-prerequisite .icon {
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
  margin-right: 0.5rem;
}
.course-plan-section-prerequisite .resource-prerequisite-popup {
  cursor: default;
}
.course-plan-section-prerequisite .section-prerequisite-popup .bx--link:hover {
  color: #2b63d9;
  text-decoration: none;
}
.course-plan-section-prerequisite .section-prerequisite-popup .page-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  margin-right: 0.5rem;
  color: #2b63d9;
}
.course-plan-section-prerequisite .page-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.course-plan-section-prerequisite .page-label {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.course-plan-section-prerequisite .page-label {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
}
.course-plan-section-prerequisite .section-list {
  position: relative;
  padding: 0.5rem 0;
}
.course-plan-section-prerequisite .section-list .wrapper {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.course-plan-section-prerequisite .section-list .wrapper .hide-section-activity-number {
  opacity: 0;
}
.course-plan-section-prerequisite .section-list .wrapper .hide-section-activity-number.editor-mode {
  opacity: 0.5;
}
.course-plan-section-prerequisite .section-list + .section-list {
  border-top: 1px solid #ced3d9;
}
.course-plan-section-prerequisite .subtitle {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  margin-right: 0.5rem;
  color: #6d7b8c;
}
.course-plan-section-prerequisite .learning-assistant {
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #ced3d9;
}
.course-plan-section-prerequisite .learning-assistant:only-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}.stacked-column-bar {
  display: flex;
  flex-flow: column wrap;
  flex: 1;
}
.stacked-column-bar > div {
  display: flex;
  flex: 1;
}
.stacked-column-bar .value,
.stacked-column-bar .label {
  cursor: pointer;
}
.stacked-column-bar .title {
  flex: 1 1 0%;
  text-align: center;
  padding: 0 1rem;
  margin: 0.5rem 0;
}
.stacked-column-bar .title .value {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.stacked-column-bar .title .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.stacked-column-bar .title .label {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.stacked-column-bar .title .label {
  text-transform: uppercase;
  color: #6d7b8c;
}
.stacked-column-bar .title.completed .value {
  color: #2b63d9;
}
.stacked-column-bar .title.in-progress .value {
  color: #fbbc04;
}
.stacked-column-bar .title.pending-mark .value {
  color: #f3812f;
}
.stacked-column-bar .title.incomplete .value {
  color: #fbbc04;
}
.stacked-column-bar .title.overdue .value {
  color: #c14149;
}
.stacked-column-bar .title + .title {
  border-left: 1px solid #ced3d9;
}
.stacked-column-bar .bar {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.stacked-column-bar .bar {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.stacked-column-bar .bar {
  min-width: 1rem;
  min-height: 10px;
}
.stacked-column-bar .bar:first-child {
  border-radius: 5px 0 0 5px;
}
.stacked-column-bar .bar:last-child {
  border-radius: 0 5px 5px 0;
}
.stacked-column-bar .bar:first-child:last-child {
  border-radius: 5px;
}
.stacked-column-bar .bar.completed {
  background-color: #2b63d9;
  color: #ffffff;
}
.stacked-column-bar .bar.in-progress, .stacked-column-bar .bar.incomplete {
  background-color: #fbbc04;
  color: #644b02;
}
.stacked-column-bar .bar.pending-mark {
  background-color: #f3812f;
  color: #ffffff;
}
.stacked-column-bar .bar.overdue {
  background-color: #c14149;
  color: #ffffff;
}
.stacked-column-bar .bar.sdl-score {
  background-color: #aac1f0;
}
.stacked-column-bar .bar.assignment-score {
  background-color: var(--assignmentColor);
}
.stacked-column-bar .bar.mark {
  background-color: #e7e9ec;
}
.stacked-column-bar .bar[class*=als] {
  background-color: #ea6613;
}
.stacked-column-bar .bar.als-mastery {
  background-color: #67b717;
}
.stacked-column-bar .bar.mastery {
  background-color: #5682e0;
}
.stacked-column-bar .value {
  text-align: center;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.module-plan-meta-data .module-plan-meta-data-header {
  display: flex;
  align-items: center;
}
.module-plan-meta-data .section-prerequisite .field-value {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0;
}
.module-plan-meta-data .section-prerequisite .icon {
  display: inline-flex;
}
.module-plan-meta-data .section-prerequisite .text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.module-plan-meta-data .section-prerequisite .text {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.module-plan-meta-data .action-buttons {
  display: flex;
  align-items: center;
  align-self: flex-end;
  flex: 0 0 auto;
  margin-left: auto;
}
.module-plan-meta-data .action-buttons .fetch-data-button {
  margin-right: 0.5rem;
}
.module-plan-meta-data .action-buttons .bx--overflow-menu {
  margin-left: 0.5rem;
}
.module-plan-meta-data .action-buttons .bx--overflow-menu:hover, .module-plan-meta-data .action-buttons .bx--overflow-menu:active {
  background-color: #ffffff;
}
.module-plan-meta-data .action-buttons .icon-button {
  width: 40px;
  height: 40px;
  padding: 0;
  margin-left: 0.5rem;
}
.module-plan-meta-data .action-buttons .bx--tooltip__trigger svg {
  fill: none;
}
.module-plan-meta-data .action-buttons.monitor-button {
  align-self: flex-start;
}
.module-plan-meta-data .module-plan-meta-data-content {
  display: flex;
  align-items: center;
  gap: 0.5rem 1rem;
  padding: 1rem;
  margin-top: 0.5rem;
  background-color: #f3f5f8;
  border-radius: 10px;
}
@media only screen and (max-width: 671px) {
.module-plan-meta-data .module-plan-meta-data-content {
    flex-flow: wrap;
}
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form {
  width: 100%;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form .field-set {
  height: 60px;
  background-color: #ffffff;
  border-radius: 10px;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.schedule .field-value {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 0;
  padding: 0.5rem;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.schedule .field-value > div {
  text-align: center;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.schedule .field-value .date {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.schedule .field-value .time {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #9da7b2;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.status {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.status .attempt-status {
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.status .attempt-status .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  margin-right: 1rem;
  text-transform: uppercase;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.status .attempt-status .field-value {
  margin-top: 0;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.status .attempt-status .field-value:not(.has-status) {
  flex: 1;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.status .attempt-status .field-value:has(.label-component) {
  display: flex;
  justify-content: flex-end;
}
.module-plan-meta-data .module-plan-meta-data-content > .bx--form.status .attempt-status .field-value .label-component {
  margin: 0;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.search-module-detail-plan {
  counter-reset: sectionCounter;
}
.search-module-detail-plan > .wrapper > .module-detail-actions > .toggle-wrapper {
  margin: 1rem 0;
}
.search-module-detail-plan > .wrapper > .module-detail-actions > .toggle-wrapper .bx--toggle-input__label {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  margin-left: auto;
  gap: 0.5rem;
}
.search-module-detail-plan > .wrapper > .module-detail-actions > .toggle-wrapper .bx--toggle-input__label .bx--toggle__switch {
  margin-top: 0;
}
.search-module-detail-plan .wrapper .module-detail-actions.resources-actions-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-actions.resources-actions-wrapper .module-detail-header {
  flex: 1 1 auto;
}
.search-module-detail-plan .wrapper .module-detail-content .module-plan-activity-component:first-child .page-component {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.search-module-detail-plan .wrapper .module-detail-content .module-plan-activity-component:last-child .page-component {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.search-module-detail-plan .wrapper .module-detail-content .match-indicator {
  margin-bottom: 1rem;
}
.search-module-detail-plan .wrapper .module-plan-activity-component-list:has(.bx--accordion) {
  border-radius: 10px;
}
.search-module-detail-plan .wrapper .module-plan-activity-component-list .module-plan-activity-component:not(:last-child) .bx--accordion__item {
  margin-bottom: 0;
  border-bottom: 1px solid #e7e9ec;
  border-radius: 0;
}
.search-module-detail-plan .wrapper .module-plan-activity-component-list .module-plan-activity-component:not(:last-child) .bx--accordion__content {
  border-radius: 0;
}
.search-module-detail-plan .wrapper .module-plan-activity-component-list .module-plan-activity-component:first-child .bx--accordion__item {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.search-module-detail-plan .wrapper .module-plan-activity-component-list .module-plan-activity-component .bx--accordion__heading {
  padding: 14px 0;
}
.search-module-detail-plan .wrapper .module-plan-activity-component-list .module-plan-activity-component .match-indicator {
  margin-bottom: 0.5rem;
}
.search-module-detail-plan .wrapper .module-plan-activity-component-list .section-end:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.search-module-detail-plan .wrapper .module-plan-activity-component-list .section-end:only-child {
  border-radius: 10px;
}
.search-module-detail-plan .wrapper .activities-detail-content {
  counter-reset: activityCounter;
}
.search-module-detail-plan .wrapper .activities-detail-content .module-plan-activity-component.activity {
  counter-increment: activityCounter;
}
.search-module-detail-plan .wrapper .activities-detail-content .activity .component-content .field-set.title .field-value .icon:before {
  content: counter(activityCounter);
}
.search-module-detail-plan .wrapper .activities-detail-content .activity .accordion-title .title .icon::before {
  content: counter(activityCounter);
}
.search-module-detail-plan .wrapper .activities-detail-content:has(.bx--accordion) {
  margin-bottom: 0.5rem;
  border-radius: 10px;
}
.search-module-detail-plan .wrapper .bx--form {
  width: 100%;
  margin: 0;
}
.search-module-detail-plan .wrapper .bx--form .field-set {
  margin-bottom: 0;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component.detail {
  margin-bottom: 1rem;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component.detail .bx--accordion__heading {
  padding: 14px 0;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-right: 1rem;
  color: #6d7b8c;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .title .icon {
  max-height: 32px;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .title .icon.hide-section-activity-number::before {
  display: none;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .title .sls-icon[name*=SectionHidden] > [stroke] {
  stroke: #ffffff;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .schedule {
  width: 100%;
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  margin-right: 1rem;
  padding: 0.5rem;
  gap: 1rem;
  background-color: #f3f5f8;
  border-radius: 10px;
}
@media only screen and (min-width: 672px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .schedule {
    width: 20rem;
    margin-left: auto;
}
}
@media only screen and (min-width: 1056px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .schedule {
    background-color: #ffffff;
}
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .schedule .start,
.search-module-detail-plan .wrapper .module-plan-accordion-component .schedule .end {
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .schedule .date {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #6d7b8c;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .schedule .time {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  color: #9da7b2;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .schedule .field-value {
  margin-top: 0;
  gap: 0.5rem;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .status {
  width: 100%;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .status > .field-value .label-component {
  margin-right: 1rem;
}
@media only screen and (min-width: 672px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .status {
    width: auto;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .status > .field-value .label-component {
    margin-right: 0;
}
}
@media only screen and (min-width: 1056px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .status {
    margin-left: auto;
}
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .action-buttons {
  position: absolute;
  right: 2.5rem;
  top: 3px;
  display: flex;
  align-items: center;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__item--active .bx--accordion__heading .bx--accordion__title::after {
  top: 13px;
  border-color: #2b63d9;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__item--active .bx--accordion__heading .sls-icon:not([name=Match16]) [stroke] {
  stroke: #2b63d9;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__item--active .bx--accordion__heading .sls-icon[name*=SectionHidden] > [stroke] {
  stroke: #ffffff;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading {
  background-color: #ffffff;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .bx--accordion__title .field-value {
  display: flex;
  align-items: center;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .bx--accordion__title .field-value .icon-video {
  display: inline-flex;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .bx--accordion__title .field-value .activity-prerequisite {
  width: 100%;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .bx--accordion__title .field-value .activity-prerequisite .sls-icon path:last-of-type {
  stroke: #ffffff;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .bx--accordion__title::after {
  top: 8px;
}
@media only screen and (min-width: 672px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .bx--accordion__title::after {
    top: 10px;
}
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .section-label {
  position: relative;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .section-label::before {
  content: attr(data-section-icon-text);
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .section-label::before {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__heading .section-label::before {
  width: 100%;
  position: absolute;
  top: 0.7rem;
  color: #ffffff;
  text-align: center;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title {
  padding-right: 0;
  z-index: unset;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .component-content {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  row-gap: 1rem;
}
@media only screen and (min-width: 672px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .component-content {
    padding-right: 3rem;
    align-items: center;
}
}
@media only screen and (min-width: 1056px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .component-content {
    padding-right: 5rem;
    flex-wrap: nowrap;
}
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .component-content .meta-info {
  display: inline-flex;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .component-content .meta-info .differentiated-access {
  display: inline-flex;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .component-content .meta-info .differentiated-access .bx--tooltip__trigger {
  margin: 0 1rem;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .wrapper {
  width: 100%;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .locator {
  position: absolute;
  left: -2rem;
  top: 50%;
  transform: translateY(-50%);
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .locator .sls-icon [fill] {
  fill: #fbbc04;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__title .input-radio.disabled .sls-icon > [stroke] {
  stroke: transparent;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__content {
  padding-bottom: 1rem;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__content .wrapper {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__content .wrapper h6 {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #6d7b8c;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__content .wrapper .rich-text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__content .wrapper .rich-text {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__content .recommended-time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .bx--accordion__content .recommended-time time {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  color: #1a1a1a;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .match-indicator .sls-icon [stroke] {
  stroke: #67b717;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .toggle-wrapper {
  position: absolute;
  right: 3rem;
  top: 14px;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .toggle-wrapper .bx--toggle__switch {
  margin-top: 0;
}
.search-module-detail-plan .wrapper .module-plan-accordion-component .activity-prerequisite {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.25rem;
}
.search-module-detail-plan .wrapper .module-detail-content :is(.section-detail-content, .activities-detail-content) .bx--form-item {
  align-items: unset;
}
.search-module-detail-plan .wrapper .module-detail-content :is(.section-detail-content, .activities-detail-content) .accordion-title .icon {
  position: relative;
}
.search-module-detail-plan .wrapper .module-detail-content :is(.section-detail-content, .activities-detail-content) .accordion-title .icon::before {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  position: absolute;
  top: unset;
  right: unset;
  bottom: 0.45rem;
  left: 50%;
  content: counter(activityCounter);
  transform: translateX(-50%);
  color: #2b63d9;
}
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle {
  position: absolute;
  display: flex;
  align-items: center;
  padding: 2rem 1rem;
  right: 3.5rem;
  width: fit-content;
}
@media only screen and (max-width: 671px) {
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle .label {
    display: none;
}
}
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle.disabled .viewable-info .label {
  color: #ced3d9;
}
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle.disabled .bx--toggle-input__label > .bx--toggle__switch::before {
  opacity: 0.5;
}
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle.section {
  right: 5rem;
}
@media only screen and (max-width: 671px) {
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle.section {
    right: 4rem;
}
}
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle .viewable-info .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  margin-right: 0.5rem;
  color: #6d7b8c;
  white-space: nowrap;
}
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle .bx--form-item label .bx--toggle__switch {
  margin-top: 0;
}
.search-module-detail-plan .wrapper .module-detail-content .viewable-toggle .bx--form-item label .bx--toggle__switch::after {
  background-color: #ffffff;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content .page-component {
  margin-bottom: 1rem;
  border-radius: 10px;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content .introduction .bx--accordion__heading {
  background-color: #f3f5f8;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content .introduction .bx--accordion__heading .field-value {
  margin-left: 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content .introduction .bx--accordion__content {
  background-color: #f3f5f8;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content .introduction .bx--accordion__content > h6 {
  color: #6d7b8c;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content .introduction .bx--accordion__content .rich-text {
  margin: 0.5rem 0;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content :is(.bx--accordion__heading, .bx--accordion__content) {
  background-color: #f3f5f8;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content .empty-resource-plan {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 2rem;
  color: #9da7b2;
}
.search-module-detail-plan .wrapper .module-detail-content .activities-detail-content .empty-resource-plan svg {
  margin-bottom: 1rem;
}
.search-module-detail-plan .wrapper .module-detail-content .introduction .bx--accordion__item--active .bx--accordion__heading {
  border-radius: 10px 10px 0 0;
}
.search-module-detail-plan .wrapper .module-detail-content .introduction .bx--accordion__heading {
  background-color: #f3f5f8;
  border-radius: 10px;
}
.search-module-detail-plan .wrapper .module-detail-content .introduction .bx--accordion__content {
  background-color: #f3f5f8;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component {
  display: flex;
  align-items: center;
  padding: 14px 1.75rem;
  position: relative;
  background-color: #f3f5f8;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section {
  padding: 14px 1rem;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section > .wrapper > .component-content > .title {
  max-width: calc(100% - 6rem);
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.introduction, .search-module-detail-plan .wrapper .module-detail-content .page-component.module-end {
  padding: 14px 1.75rem;
  background-color: #f3f5f8;
  border-radius: 10px;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.introduction {
  margin-bottom: 1rem;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section {
  background-color: #ffffff;
  border-radius: 10px;
  counter-increment: sectionCounter;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .action-buttons .section-cover-viewable-toggle ~ .bx--btn {
  margin-left: 0.75rem;
}
@media only screen and (max-width: 671px) {
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .action-buttons {
    position: absolute;
    top: 0.75rem;
    right: 0.25rem;
}
}
@media only screen and (max-width: 671px) {
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .schedule {
    width: 100%;
    margin: 1rem 0;
    background-color: #f3f5f8;
    border-radius: 10px;
}
}
@media only screen and (min-width: 672px) {
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .schedule {
    flex: 0 0 15rem;
    margin: 0 1rem;
}
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .schedule .field-value {
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .schedule .field-value .date {
  color: #6d7b8c;
  text-transform: uppercase;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .schedule .field-value .time {
  color: #9da7b2;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .status {
  flex: 0 0 6.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .component-content .meta-info {
  min-width: 15rem;
  margin: 0 1rem;
}
@media only screen and (max-width: 671px) {
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .component-content {
    flex-flow: row wrap;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .component-content .title {
    max-width: calc(100% - 4.5rem);
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .component-content .title .field-input {
    max-width: calc(100% - 2rem);
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .component-content .meta-info {
    width: 100%;
    padding: 0.5rem;
    margin: 1rem auto;
    background-color: #f3f5f8;
    border-radius: 10px;
}
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .component-content .field-set.title .field-value .icon.hide-section-activity-number:not(.editor-mode) .section-label::before {
  opacity: 0;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .component-content .field-set.title .field-value .icon.hide-section-activity-number.editor-mode .section-label::before {
  opacity: 0.5;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.section .component-content .field-set.title .field-value .section-label::before {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  content: attr(data-section-icon-text);
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  color: #ffffff;
  text-align: center;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .action-buttons {
  display: flex;
  align-items: center;
  align-self: flex-end;
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 1rem;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .action-buttons .fetch-data-button {
  margin-right: 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .action-buttons .bx--overflow-menu:hover, .search-module-detail-plan .wrapper .module-detail-content .page-component .action-buttons .bx--overflow-menu:active {
  background-color: #ffffff;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .action-buttons .bx--tooltip__trigger svg {
  fill: none;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .action-buttons .icon-button {
  width: 40px;
  height: 40px;
  padding: 0;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.disabled .field-set .field-value {
  color: #9da7b2;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.disabled .field-set .field-value .icon:before {
  color: #9da7b2;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.edit {
  cursor: default;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component.edit:hover {
  background-color: #ffffff;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component > .wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component > .wrapper .component-content {
  display: flex;
  flex: 1 1 0%;
  min-width: 0;
  align-items: center;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component > .wrapper .component-content .activity-toggle {
  flex: 0 0 2rem;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component > .wrapper .component-content .activity-toggle .bx--toggle__switch {
  margin-top: 0;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component > .wrapper .component-content .text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  word-break: break-word;
  margin-right: 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component > .wrapper .component-content .pending-release {
  min-width: 16px;
  margin: 0 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .locator {
  display: inline-flex;
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .locator .sls-icon [fill] {
  fill: #fbbc04;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  flex: 1 1 auto;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set.schedule .field-value {
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-label,
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-input {
  flex: 0 0 100%;
  max-width: 100%;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-input .bx--text-input {
  background-color: #f3f5f8;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  width: 100%;
  color: #6d7b8c;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-value .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-value .icon::before {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  position: absolute;
  bottom: 0.45rem;
  color: #2b63d9;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-value .icon.hide-section-activity-number:not(.editor-mode)::before {
  opacity: 0;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-value .icon.hide-section-activity-number.editor-mode::before {
  opacity: 0.5;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-value .icon-video {
  display: inline-flex;
}
.search-module-detail-plan .wrapper .module-detail-content .page-component .field-set .field-value .icon-video .sls-icon [stroke] {
  stroke: #2b63d9;
}
.search-module-detail-plan .wrapper .module-detail-content .section-grouper {
  position: relative;
  padding: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  background-color: #f3f5f8;
  border: 1px solid #ced3d9;
  border-radius: 10px;
}
.search-module-detail-plan .wrapper .module-detail-content .section-grouper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  width: calc(100% - 4px);
  border-top: 4px solid var(--color);
  z-index: calc(1 + 2);
  border-radius: 10px 10px 0 0;
}
.search-module-detail-plan .wrapper .module-detail-content .section-grouper .page-component .locator {
  left: -2rem;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
  gap: 1rem;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .section-progress {
  flex: 0 0 100%;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex: 0 0 100%;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons > .section-prerequisite {
  flex: 0 0 100%;
  align-items: center;
  margin-bottom: 1rem;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons > .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .bx--link {
  text-decoration: none;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .bx--link:focus {
  outline: none;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access .access-count {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access .access-count {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access .access-count {
  padding: 0.25rem 0.5rem;
  margin: 0 0.75rem;
  background-color: #d5e0f7;
  border-radius: 5px;
  color: #2b63d9;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access .access-info {
  display: flex;
  align-items: center;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access .access-info .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access .access-info .label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access .access-info .label {
  color: #6d7b8c;
}
.search-module-detail-plan .wrapper .module-detail-content .section-info .actions-buttons .section-toggle-access .bx--toggle__switch {
  margin-top: 0;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e7e9ec;
  counter-reset: activityCounter;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities > .wrapper {
  background-color: #ffffff;
  border-radius: 10px;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .bx--accordion.accordion-activity {
  counter-increment: activityCounter;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component {
  background-color: #ffffff;
  border-bottom: 1px solid #f3f5f8;
  padding: 14px 1rem;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component:hover {
  background-color: #e7e9ec;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity {
  counter-increment: activityCounter;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .field-set.title .field-value {
  flex-flow: row wrap;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .field-set.title .field-value .activity-prerequisite {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  padding-left: 0.25rem;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .field-set.title .field-value .activity-prerequisite > .sls-icon {
  margin-right: 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .field-set.title .field-value .icon:before {
  content: counter(activityCounter);
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .field-set.title .field-value .text {
  max-width: calc(100% - 5rem);
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .activity-toggle {
  flex: 0 0 2rem;
  margin-left: 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .activity-toggle .bx--toggle__switch {
  margin-top: 0;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .meta-info {
  display: flex;
  align-items: center;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .meta-info > div:not(:first-of-type) {
  margin-left: 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .meta-info .field-tooltip {
  display: flex;
  align-items: center;
}
.search-module-detail-plan .wrapper .module-detail-content .section-activities .page-component.activity .component-content .meta-info .field-tooltip .bx--tooltip__trigger {
  margin: 0 0.5rem;
}
.search-module-detail-plan .wrapper .module-detail-content .field-value {
  column-gap: 0.5rem;
}
.search-module-detail-plan .wrapper .module-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
}
.search-module-detail-plan .wrapper .module-plan-section-component .bx--accordion__item .bx--accordion__heading {
  display: flex;
  align-items: center;
}
.search-module-detail-plan .wrapper .module-plan-section-component .bx--accordion__item .bx--accordion__heading .wrapper {
  min-height: 3.2rem;
  display: flex;
}
.search-module-detail-plan .wrapper .module-plan-section-component .bx--accordion__item .bx--accordion__heading .bx--accordion__title::after {
  top: 17px;
}
.search-module-detail-plan .wrapper .module-plan-section-component .bx--accordion__item--active .bx--accordion__heading .bx--accordion__title::after {
  top: 23px;
}.assignment-edit-modal.message-modal.bx--modal .bx--modal-content .content {
  margin: 0.5rem 0 0;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.search-module-detail-content-subpage .main .lesson-preview-info {
  margin-bottom: 1rem;
}
.search-module-detail-content-subpage .main > .info-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.search-module-detail-content-subpage .main > .info-header:has(.info-title:empty) {
  display: none;
}
.search-module-detail-content-subpage .main > .info-header .info-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
.search-module-detail-content-subpage .main > .info-header .info-description {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-module-detail-content-subpage .main > .info-header .info-description {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.search-module-detail-content-subpage .main > .info-header .info-description {
  color: #6d7b8c;
}
.search-module-detail-content-subpage .tabs .tab-content {
  margin: 1rem -1rem 0;
  padding: 1rem;
  background-color: #ffffff;
}
.search-module-detail-content-subpage .tabs .tab-content#module-plan {
  padding-top: 0.5rem;
}
.search-module-detail-content-subpage .rich-text .rich-text-content .attachment-placeholder {
  background-color: #f3f5f8;
  border-top: none;
}
.search-module-detail-content-subpage .rich-text .rich-text-content .attachment-placeholder > .title {
  padding: 0;
  margin: 0;
  border: none;
}.resource-tagging-view-item .field-set.topic {
  margin-bottom: 0;
}
.resource-tagging-view-item .field-set.topic li {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 1rem;
  line-height: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}
.resource-tagging-view-item .field-set.topic li:last-child {
  margin-bottom: 0;
}
.resource-tagging-view-item .field-set.topic li::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-radius: 50%;
  background-color: #9da7b2;
}
.resource-tagging-view-item .field-set.topic .lo-display-name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-tagging-view-item .field-set.topic .lo-display-name {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.resource-tagging-view-item .field-set.topic .lo-display-name {
  color: #6d7b8c;
  margin-top: 0.25rem;
}
.resource-tagging-view-item .lo-wrapper {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  gap: 0.25rem;
}
.resource-tagging-view-item .lo-wrapper .sls-icon {
  min-width: 24px;
}
.resource-tagging-view-item .lo-wrapper .bx--toggle-input__label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 0.5rem;
  color: #6d7b8c;
}
.resource-tagging-view-item .lo-wrapper .toggle {
  max-width: fit-content;
}
.resource-tagging-view-item .lo-wrapper .toggle.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__switch {
  margin-top: 0;
}
.resource-tagging-view-item .lo-wrapper .toggle .bx--toggle__text--off,
.resource-tagging-view-item .lo-wrapper .toggle .bx--toggle__text--on {
  display: none;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.search-resource-detail-question-parts .selection-bar {
  border-radius: 10px 10px 0 0;
}
.search-resource-detail-question-parts .selection-bar._active ~ .question-parts {
  border-radius: 0 0 10px 10px;
}
.search-resource-detail-question-parts .child-questions {
  margin-top: 1rem;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion {
  position: relative;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion > .input-checkbox,
.search-resource-detail-question-parts .child-questions > .bx--accordion > .bx--btn {
  position: absolute;
  z-index: 1;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion > .bx--btn {
  top: 1rem;
  right: 2.5rem;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion > .input-checkbox {
  top: 0.5rem;
  left: 1rem;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion > .input-checkbox ~ .bx--accordion__item .bx--accordion__title {
  margin-left: 3rem;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion > .input-checkbox ~ .bx--accordion__item .bx--accordion__heading .sls-icon[name*=CourseLocator] {
  left: -5.5rem;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion .bx--accordion__item.bx--accordion__item--active .bx--accordion__heading .bx--accordion__title::after {
  top: 19px;
  border-color: #2b63d9;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion .bx--accordion__item .bx--accordion__heading {
  padding: 1rem 0.5rem;
  background-color: #ffffff;
  color: #1a1a1a;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion .bx--accordion__item .bx--accordion__heading .input-checkbox .sls-icon [stroke] {
  stroke: #ced3d9;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion .bx--accordion__item .bx--accordion__heading .sls-icon[name*=CourseLocator] {
  left: -3.5rem;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion .bx--accordion__item .bx--accordion__title {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  padding-right: 4rem;
  height: 40px;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion .bx--accordion__item .bx--accordion__title::after {
  top: 11px;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion .bx--accordion__content {
  border-top: 1px solid #e7e9ec;
  margin: 0 1rem;
  padding: 0;
}
.search-resource-detail-question-parts .child-questions > .bx--accordion .bx--accordion__content .sls-icon[name*=CourseLocator] {
  left: -2rem;
}
.search-resource-detail-question-parts .child-questions .question-wrapper {
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 10px;
}
.search-resource-detail-question-parts .child-questions > *:not(last-child) {
  margin-bottom: 1rem;
}
.search-resource-detail-question-parts .question-parts {
  padding: 1rem;
  background-color: #f3f5f8;
  border-radius: 10px;
}
.search-resource-detail-question-parts .question-parts .question-wrapper {
  display: flex;
  align-items: center;
}
.search-resource-detail-question-parts .question-parts .question-wrapper > .input-checkbox {
  margin: 0;
}
.search-resource-detail-question-parts .question-parts .icon-button {
  margin-left: auto;
}
.search-resource-detail-question-parts .question-body {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.search-resource-detail-question-parts .question-icon {
  min-width: 32px;
  margin-right: 0.5rem;
}
.search-resource-detail-question-parts .question-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
  margin-right: 0.25rem;
  color: #6d7b8c;
  font-weight: 700;
}
.search-resource-detail-question-parts .sls-icon[name*=CourseLocator] {
  position: absolute;
  left: 0;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.search-resource-detail .activity-list {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e7e9ec;
}
.search-resource-detail .activity-list .activity-list-datatable > .v-table > .v-table__wrapper {
  border-bottom: 1px solid #e7e9ec;
  border-radius: 10px;
}
.search-resource-detail .activity-list .v-table__wrapper .v-data-table-header .text-start {
  padding: 1rem;
}
.search-resource-detail .activity-list .v-table__wrapper .v-data-table-header .text-start span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td:nth-child(1) .table-cell-wrapper:not(.checkbox):not(.action) {
  margin-right: 0;
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td:nth-child(1) .table-cell-wrapper:not(.checkbox):not(.action) .page-title-group > span {
  overflow: hidden;
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper {
  padding: 1rem;
  flex-flow: column wrap;
  align-items: center;
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper.simple-view .label-component,
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper.simple-view .notes {
  display: none;
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper.has-select-action > .activity-header-wrapper .page-title-group {
  max-width: calc(100% - 7rem);
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper > span {
  max-width: unset;
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper > .activity-header-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper > .activity-header-wrapper .page-title-group {
  max-width: calc(100% - 5rem);
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper .notes {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  width: 100%;
  margin-top: 0.5rem;
  padding-left: 1rem;
  color: #1a1a1a;
}
.search-resource-detail .activity-list .v-table__wrapper table > tbody > tr > td .table-cell-wrapper .notes > .rich-text-content {
  padding-top: 0.5rem;
  border-top: 1px solid #e7e9ec;
}
.search-resource-detail .activity-list .v-table__wrapper th {
  background-color: #ced3d9;
}
.search-resource-detail .activity-list .v-table__wrapper th .all-checkbox {
  display: inline-flex;
  vertical-align: middle;
}
.search-resource-detail .activity-list .v-table__wrapper th .all-checkbox + span {
  margin-left: 0.5rem;
}
.search-resource-detail .activity-list .table-cell-wrapper {
  background-color: #f3f5f8;
}
.search-resource-detail .activity-list .bx--link:hover {
  color: #2b63d9;
  text-decoration: none;
}
.search-resource-detail .activity-list .page-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  margin-right: 0.5rem;
  color: #6d7b8c;
}
.search-resource-detail .activity-list .activity-checkbox .input-checkbox:not(.selected) .sls-icon [fill] {
  fill: #ffffff;
}
.search-resource-detail .activity-list .activity-checkbox + span {
  margin-left: 0.5rem;
}
.search-resource-detail .activity-list .icon {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  position: relative;
  margin-right: 0.5rem;
}
.search-resource-detail .activity-list .page-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-resource-detail .activity-list .page-label {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.search-resource-detail .activity-list .page-label {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: #2b63d9;
}
.search-resource-detail .activity-list .view-ext {
  margin-left: auto;
  cursor: pointer;
  min-width: 16px;
}
.search-resource-detail .activity-list .view-ext [stroke] {
  stroke: #2b63d9;
}
.search-resource-detail .activity-list .view-ext [fill] {
  fill: #2b63d9;
}
.search-resource-detail .bx--inline-notification {
  margin-top: 0;
}
.search-resource-detail .bx--form.linked-resources {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.search-resource-detail .field-set.content-tag .resource-tagging-view-item {
  background-color: #f3f5f8;
  border-radius: 10px;
}
.search-resource-detail .field-set.modified-by .field-value, .search-resource-detail .field-set.created-by .field-value {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.search-resource-detail .field-set.modified-by .field-value .date, .search-resource-detail .field-set.created-by .field-value .date {
  margin-top: 0.25rem;
  flex: 0 0 100%;
}
.search-resource-detail .field-set.modified-by .creditor, .search-resource-detail .field-set.created-by .creditor {
  width: auto;
  margin-right: 0.5rem;
}
.search-resource-detail .field-set:not(.used-in) .label-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-resource-detail .field-set:not(.used-in) .label-component span {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-resource-detail .field-set:not(.used-in) .label-component span {
  color: #1a1a1a;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.search-course-resource-detail.show-notes .additional-information {
  display: block;
}
.search-course-resource-detail .course-details .form-header.other-information {
  margin-bottom: 1rem;
}
.search-course-resource-detail .course-details .field-value {
  margin-top: 0.25rem;
}
.search-course-resource-detail .course-details .field-value .label-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-course-resource-detail .course-details .field-value .label-component span {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-course-resource-detail .course-details .field-value .label-component span {
  min-width: 2rem;
  padding: 0.375rem 0.5rem;
  text-align: center;
  color: #1a1a1a;
}
.search-course-resource-detail .course-details .field-value .keywords .bx--tag {
  padding: 0.375rem 0.5rem;
}
.search-course-resource-detail .additional-information {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
  display: none;
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
  color: #1a1a1a;
  background-color: #f3f5f8;
  border-radius: 10px;
}
.search-course-resource-detail .additional-information .empty-placeholder {
  margin: 0;
}
.search-course-resource-detail .additional-information .empty-placeholder .content {
  margin-bottom: 0;
}
.search-course-resource-detail .additional-information .empty-placeholder .placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin: 0;
}
.search-course-resource-detail .additional-information .empty-placeholder svg {
  transform: scale(0.5);
}
.search-course-resource-detail .additional-information label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: #6d7b8c;
}
.search-course-resource-detail .additional-information label .sls-icon {
  margin-right: 0.5rem;
}
.search-course-resource-detail .field-set.modified-by .field-value {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.search-course-resource-detail .field-set.modified-by .field-value .date {
  margin-top: 0.25rem;
  flex: 0 0 100%;
}
.search-course-resource-detail .field-set.modified-by .creditor {
  width: auto;
  margin-right: 0.5rem;
}
.search-course-resource-detail .field-set.creditedTo .creditedToContent {
  position: relative;
  word-break: break-word;
}
.search-course-resource-detail .field-set.creditedTo .creditedToContent.collapsed {
  max-height: 4rem;
  overflow: hidden;
}
.search-course-resource-detail .field-set.creditedTo .creditedToContent.collapsed > span {
  cursor: pointer;
}
.search-course-resource-detail .field-set.creditedTo .creditedToContent.collapsed > span .ellipsis-text {
  cursor: pointer;
}
.search-course-resource-detail .field-set.creditedTo .creditedToContent.collapsed::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, white);
  z-index: 1;
}
.search-course-resource-detail .field-set.creditedTo .btn-toggle-truncation {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  margin-top: 0.125rem;
}
.search-course-resource-detail .notes-toggle label {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 0.25rem;
}
.search-course-resource-detail .notes-toggle label .bx--toggle__switch {
  margin-top: 0;
}
.search-course-resource-detail .section-activity-list .selection-bar._active {
  border-radius: 10px;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper .v-data-table-header span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td {
  left: 0 !important;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper > span {
  max-width: unset;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title {
  padding: 1rem;
  flex-flow: column wrap;
  align-items: flex-start;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title.simple-view .label-component,
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title.simple-view .notes {
  display: none;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title.has-input-box .activity-checkbox {
  margin-right: 0.5rem;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title.has-input-box .activity-title-wrapper {
  max-width: calc(100% - 7rem);
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title > .activity-header-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title .activity-title-wrapper {
  display: flex;
  flex-flow: row wrap;
  max-width: calc(100% - 4rem);
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title .activity-title-wrapper .label-component {
  max-width: calc(100% - 1rem);
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title .activity-title-wrapper .label-component > .ellipsis-text {
  overflow: hidden;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title .activity-checkbox ~ .activity-title-wrapper {
  max-width: calc(100% - 6.5rem);
}
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title:not(.checkbox):not(.action) {
  margin-right: 0;
}
@media only screen and (max-width: 1055px) {
.search-course-resource-detail .section-activity-list .v-table__wrapper table td .table-cell-wrapper.title:not(.checkbox):not(.action) .page-title {
    align-self: center;
    overflow: hidden;
}
}
.search-course-resource-detail .section-activity-list .v-table__wrapper th {
  background-color: #ced3d9;
}
.search-course-resource-detail .section-activity-list .v-table__wrapper th .all-checkbox {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.search-course-resource-detail .section-activity-list .bx--link:hover {
  color: #2b63d9;
  text-decoration: none;
}
.search-course-resource-detail .section-activity-list .view-ext {
  margin-left: auto;
  min-width: 24px;
  cursor: pointer;
}
.search-course-resource-detail .section-activity-list .view-ext [stroke] {
  stroke: #2b63d9;
}
.search-course-resource-detail .section-activity-list .view-ext [fill] {
  fill: #2b63d9;
}
.search-course-resource-detail .section-activity-list .grouper.disabled {
  border-top-color: #9da7b2;
}
.search-course-resource-detail .section-activity-list .grouper.disabled > div {
  pointer-events: none;
}
.search-course-resource-detail .section-activity-list .grouper.disabled .bx--link {
  color: #9da7b2;
}
.search-course-resource-detail .section-activity-list .grouper.disabled .icon path[fill] {
  fill: #9da7b2;
}
.search-course-resource-detail .section-activity-list .grouper.disabled .icon path[stroke] {
  stroke: #9da7b2;
}
.search-course-resource-detail .section-activity-list .grouper.disabled .page-title {
  color: #9da7b2;
}
.search-course-resource-detail .section-activity-list .grouper.disabled .view-ext [fill] {
  fill: #9da7b2;
}
.search-course-resource-detail .section-activity-list .grouper.disabled .view-ext [stroke] {
  stroke: #9da7b2;
}
.search-course-resource-detail .section-activity-list .activity-grouper {
  margin-top: 1rem;
}
.search-course-resource-detail .section-activity-list .activity-grouper.disabled .page-label {
  color: #9da7b2;
}
.search-course-resource-detail .section-activity-list .activity-grouper .v-table .v-table__wrapper {
  border-radius: 10px;
}
.search-course-resource-detail .section-activity-list .activity-grouper .v-table .v-table__wrapper table > thead th {
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.search-course-resource-detail .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.search-course-resource-detail .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.search-course-resource-detail .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr {
  background-color: #f3f5f8;
}
.search-course-resource-detail .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr > td {
  height: 100%;
  background-color: #f3f5f8;
}
.search-course-resource-detail .section-activity-list .activity-grouper .v-table .v-table__wrapper table > tbody > tr > td.v-data-table__td:nth-child(2) {
  max-width: 300px;
}
.search-course-resource-detail .section-activity-list .activity-grouper .additional-information {
  background-color: #ffffff;
}
.search-course-resource-detail .section-activity-list .section-grouper {
  position: relative;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #f3f5f8;
  border: 1px solid #ced3d9;
  border-top: 4px solid var(--color);
  border-radius: 10px;
}
.search-course-resource-detail .section-activity-list .section-grouper.is-section-hidden .icon {
  opacity: 0.5;
}
.search-course-resource-detail .section-activity-list .section-grouper .match-indicator {
  margin-bottom: -1rem;
  padding: 1rem 0 0.5rem 1rem;
}
.search-course-resource-detail .section-activity-list .section-component {
  background-color: #ffffff;
  border-radius: 10px;
}
.search-course-resource-detail .section-activity-list .section-component .wrapper {
  display: grid;
  grid-template-columns: 2.5rem auto auto;
  align-items: center;
  padding: 1rem;
}
.search-course-resource-detail .section-activity-list .section-component .wrapper.has-input-box {
  grid-template-columns: 2rem 2.5rem auto auto;
}
.search-course-resource-detail .section-activity-list .section-component .wrapper .additional-information {
  grid-column: 1/-1;
}
.search-course-resource-detail .section-activity-list .section-component .page-label {
  color: #ffffff;
}
.search-course-resource-detail .section-activity-list .section-info {
  display: flex;
  align-items: center;
  padding: 1rem 0 0.5rem 0;
}
.search-course-resource-detail .section-activity-list .section-info .actions-buttons {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
}
.search-course-resource-detail .section-activity-list .section-activities {
  margin-top: 0.5rem;
  background-color: #ffffff;
  border-radius: 10px;
}
.search-course-resource-detail .section-activity-list .section-activities > .v-table {
  background-color: transparent;
}
.search-course-resource-detail .section-activity-list .section-activities > .v-table > .v-table__wrapper {
  border-radius: 10px;
}
.search-course-resource-detail .section-activity-list .section-activities > .v-table tbody > tr > td {
  height: 100%;
  border: none;
  background-color: #ffffff;
}
.search-course-resource-detail .section-activity-list .section-activities > .v-table tbody > tr > td.v-data-table__td:nth-child(2) {
  max-width: 300px;
}
.search-course-resource-detail .section-activity-list .page-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  width: 100%;
  padding-right: 1rem;
  color: #6d7b8c;
}
.search-course-resource-detail .section-activity-list .icon {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  margin-right: 0.5rem;
}
.search-course-resource-detail .section-activity-list .icon .sls-icon[name=SectionHidden32] ~ .page-label {
  display: none;
}
.search-course-resource-detail .section-activity-list .page-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-course-resource-detail .section-activity-list .page-label {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.search-course-resource-detail .section-activity-list .page-label {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: #2b63d9;
}
.search-course-resource-detail .passcode-info {
  display: flex;
  margin: 1rem 0;
}
.search-course-resource-detail .passcode-info:first-child {
  margin-top: 0;
}
.search-course-resource-detail .passcode-info span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-course-resource-detail .passcode-info span {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.search-course-resource-detail .passcode-info span {
  margin-left: 0.5rem;
  color: #6d7b8c;
}.search-resource-media-detail {
  height: 100%;
}
.search-resource-media-detail .form-group {
  padding: 1rem;
  position: relative;
}
.search-resource-media-detail .action-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  bottom: 0;
  min-height: 10%;
  margin: 0 1rem;
  padding: 1rem;
  background-color: #ffffff;
  border-top: 1px solid #e7e9ec;
  z-index: 300;
}
.search-resource-media-detail .bx--form:first-of-type {
  margin-top: 0;
}
.search-resource-media-detail .bx--form.other-information .date {
  flex: 0 0 100%;
  margin-top: 0.5rem;
}
.search-resource-media-detail .bx--form.other-information .field-value {
  display: flex;
  flex-flow: row wrap;
}
.search-resource-media-detail .form-header {
  margin-bottom: 1rem;
}
.search-resource-media-detail .copyright-duration .field-value > span:not(:last-of-type) {
  margin-right: 1.5rem;
}
.search-resource-media-detail .field-set.file-size .bx--link {
  text-decoration: none;
}
.search-resource-media-detail .field-set.file-size .sls-icon {
  margin-left: 0.25rem;
}
.search-resource-media-detail .field-set.file-size .sls-icon [stroke] {
  stroke: #2b63d9;
}
.search-resource-media-detail .field-set.status {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.search-resource-media-detail .field-set.status .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-resource-media-detail .field-set.status .field-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-resource-media-detail .field-set.status .field-label {
  color: #1a1a1a;
  text-transform: uppercase;
}
.search-resource-media-detail .field-set.status .status-label {
  margin: 0 0 0 1rem;
}
.search-resource-media-detail .field-set.status .status-history {
  flex: 0 0 100%;
}
.search-resource-media-detail .field-set:not(.used-in) .label-component:not(.resource-status) span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-resource-media-detail .field-set:not(.used-in) .label-component:not(.resource-status) span {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-resource-media-detail .field-set:not(.used-in) .label-component:not(.resource-status) span {
  color: #1a1a1a;
}.resource-tagging-selection .field-set.type-radio .field-input {
  background-color: #ffffff;
}
.resource-tagging-selection .field-set.type-radio .input-radio {
  margin: 0.125rem 0;
}
.resource-tagging-selection .field-set.type-radio .input-radio:first-child {
  margin-top: 0;
}
.resource-tagging-selection .field-set.topic .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #1a1a1a;
}
.resource-tagging-selection .field-set.topic .info {
  color: #6d7b8c;
}
.resource-tagging-selection .helper-text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-tagging-selection .helper-text {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.resource-tagging-selection .helper-text {
  margin-bottom: 1rem;
  color: #6d7b8c;
}
.resource-tagging-selection .helper-text .bx--link {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-tagging-selection .helper-text .bx--link {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.resource-tagging-selection .helper-text .bx--link .non-highlightable {
  margin-left: 0.25rem;
}
.resource-tagging-selection .helper-text ul {
  list-style: disc;
  margin-left: 1.5rem;
}
.resource-tagging-selection .helper-text .field-set {
  margin-top: 0.5rem;
}
.resource-tagging-selection .helper-text .field-set .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-tagging-selection .helper-text .field-set .field-label {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.resource-tagging-selection .helper-text .field-set .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-tagging-selection .helper-text .field-set .field-value {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.resource-tagging-selection .helper-text .field-set .field-value {
  margin-top: 0;
  color: #6d7b8c;
}
.resource-tagging-selection .tree > .tree-list > .tree-row {
  margin-bottom: 1rem;
}
.resource-tagging-selection .topic.tree {
  overflow: initial;
}
.resource-tagging-selection .topic.tree .node-container .input-radio {
  margin: 0;
}
.resource-tagging-selection .topic.tree .node-container .sls-icon {
  align-self: flex-start;
  min-width: 24px;
  margin-right: 0.5rem;
}
.resource-tagging-selection .topic.tree .node-container .rich-text {
  overflow-x: unset;
}
.resource-tagging-selection .topic.tree .field-set {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.resource-tagging-selection .topic.tree .field-input {
  flex: 1 1 0%;
  display: flex;
  flex-flow: column nowrap;
  background-color: #ffffff;
}
.resource-tagging-selection .topic.tree .info {
  margin-bottom: 1rem;
  color: #9da7b2;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-tagging-selection .topic.tree .info {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.resource-tagging-selection .topic.tree .als-recommendation-legend {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.resource-tagging-selection .topic.tree .als-recommendation-legend > span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  color: #9da7b2;
}
.resource-tagging-selection .topic.tree .als-recommendation-legend .sls-icon {
  min-width: 24px;
}
.resource-tagging-selection .topic.tree .message {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-tagging-selection .topic.tree .message {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.resource-tagging-selection .topic.tree .tree-wrapper.empty {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background-color: #f3f5f8;
  border-radius: 10px;
  color: #9da7b2;
  text-align: center;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.subject-level-and-stream-selection > .field-set.type-dropdown > .field-label {
  flex: 0 0 3rem;
}
@media only screen and (min-width: 1056px) {
.subject-level-and-stream-selection > .field-set.type-dropdown > .field-label {
    flex: 0 1 auto;
}
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.resource-taggings {
  width: 100%;
}
.resource-taggings .resource-tagging > .field-label ~ .subject-level-and-stream-selection {
  margin-top: 0.5rem;
}
.resource-taggings .actions {
  flex-flow: row wrap;
  justify-content: center;
  margin: 1rem 0;
}
@media only screen and (max-width: 671px) {
.resource-taggings .actions {
    flex-flow: column;
    align-items: center;
}
}
.resource-taggings .actions .bx--btn {
  max-width: 18rem;
  margin: 0.5rem 0;
}
.resource-taggings .actions .bx--btn.add-lesson-tag {
  width: 13rem;
  line-height: 1rem;
}
.resource-taggings .actions .bx--btn.add-lesson-tag:only-child {
  width: auto;
}
.resource-taggings .actions .bx--btn.add-lesson-tag .icon {
  margin-right: 0.5rem;
}
@media only screen and (min-width: 672px) {
.resource-taggings .actions .bx--btn:not(:first-child) {
    margin-left: 1rem;
}
}
.resource-taggings .tagging .icon {
  position: absolute;
  right: 2.5rem;
  top: 0;
}
.resource-taggings .tagging .bx--accordion__content {
  padding: 0;
}
.resource-taggings .lo-wrapper {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  gap: 0.25rem;
}
.resource-taggings .lo-wrapper + .field-value {
  margin-top: 0;
}
.resource-taggings .lo-wrapper .sls-icon {
  min-width: 24px;
}
.resource-taggings .lo-wrapper .info-tooltip {
  color: #2b63d9;
}
.resource-taggings .lo-wrapper .info-tooltip .sls-icon [stroke] {
  stroke: currentColor;
}
.resource-taggings .lo-wrapper .info-tooltip .sls-icon [fill] {
  fill: currentColor;
}
.resource-taggings .lo-wrapper .bx--toggle-input__label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 0.5rem;
  color: #6d7b8c;
}
.resource-taggings .lo-wrapper .toggle {
  max-width: fit-content;
}
.resource-taggings .lo-wrapper .toggle.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__switch {
  margin-top: 0;
  flex: none;
}
.resource-taggings .lo-wrapper .toggle .bx--toggle__text--off,
.resource-taggings .lo-wrapper .toggle .bx--toggle__text--on {
  display: none;
}
.resource-taggings .lo-display-name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-taggings .lo-display-name {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.resource-taggings .lo-display-name {
  display: block;
  color: #6d7b8c;
  flex: 1 1 100%;
  margin-top: 0.25rem;
}
.resource-taggings .field-group {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  margin-bottom: 1rem;
}
.resource-taggings .field-group .selection-wrapper {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
@media only screen and (max-width: 1055px) {
.resource-taggings .field-group .selection-wrapper {
    display: unset;
}
}
.resource-taggings .field-group .selection-wrapper .field-set:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1056px) {
.resource-taggings .field-group .selection-wrapper .field-set {
    margin-bottom: 0;
}
}
.resource-taggings .field-group .selection-wrapper .field-input {
  margin-top: 0;
}
.resource-taggings .field-group .icon-button {
  grid-row: 2;
  padding: 0.5rem;
}
.resource-taggings .tag-content {
  padding: 1rem;
}
.resource-taggings .tag-content > .field-group {
  align-items: flex-start;
}
@media only screen and (max-width: 1055px) {
.resource-taggings .tag-content > .field-group {
    flex-flow: column;
}
}
.resource-taggings .tag-content > .field-group .field-set {
  flex: 1;
}
@media only screen and (min-width: 1056px) {
.resource-taggings .topic.tree {
    border-bottom-right-radius: 10px;
}
}
.resource-taggings .topic.tree .field-set {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.resource-taggings .topic.tree .field-input {
  flex: 1 1 0%;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 0;
}
.resource-taggings .topic.tree .info {
  margin-bottom: 1rem;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-taggings .topic.tree .info {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.resource-taggings .topic.tree .message {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.resource-taggings .topic.tree .message {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.resource-taggings .topic.tree .tree-wrapper.empty {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background-color: #f3f5f8;
  border-radius: 10px;
  color: #9da7b2;
  text-align: center;
}
.resource-taggings > .accordion-wrapper .resource-tagging-view-item {
  background-color: #f3f5f8;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.search-rubric-resource-detail .course-details .form-header.other-information {
  margin-bottom: 1rem;
}
.search-rubric-resource-detail .resource-taggings .field-group {
  display: block;
}
.search-rubric-resource-detail .additional-information {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
  display: none;
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
  color: #1a1a1a;
  background-color: #f3f5f8;
  border-radius: 10px;
}
.search-rubric-resource-detail .additional-information .empty-placeholder {
  margin: 0;
}
.search-rubric-resource-detail .additional-information .empty-placeholder .content {
  margin-bottom: 0;
}
.search-rubric-resource-detail .additional-information .empty-placeholder .placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin: 0;
}
.search-rubric-resource-detail .additional-information .empty-placeholder svg {
  transform: scale(0.5);
}
.search-rubric-resource-detail .additional-information label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: #6d7b8c;
}
.search-rubric-resource-detail .additional-information label .sls-icon {
  margin-right: 0.5rem;
}
.search-rubric-resource-detail .field-set:not(.rubric-tags) .field-value {
  margin-top: 0.25rem;
}
.search-rubric-resource-detail .field-set.read-only-indicator {
  padding-top: 0.5rem;
}
.search-rubric-resource-detail .field-set.read-only-indicator .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6d7b8c;
}
.search-rubric-resource-detail .field-set.read-only-indicator .sls-icon {
  min-width: 24px;
}
.search-rubric-resource-detail .field-set.read-only-indicator .sls-icon [fill] {
  fill: #6d7b8c;
}
.search-rubric-resource-detail .field-set.read-only-indicator .sls-icon [fill][fill="#DFE8F9"] {
  opacity: 0.15;
}
.search-rubric-resource-detail .field-set.read-only-indicator .sls-icon [stroke] {
  stroke: #6d7b8c;
}
.search-rubric-resource-detail .field-set.created-by .field-value {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.search-rubric-resource-detail .field-set.created-by .field-value .date {
  margin-top: 0.25rem;
  flex: 0 0 100%;
}
.search-rubric-resource-detail .field-set.modified-by .field-value {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.search-rubric-resource-detail .field-set.modified-by .field-value .date {
  margin-top: 0.25rem;
  flex: 0 0 100%;
}
.search-rubric-resource-detail .field-set.creditedTo .creditedToContent {
  position: relative;
  word-break: break-word;
}
.search-rubric-resource-detail .field-set.creditedTo .creditedToContent.collapsed {
  max-height: 4rem;
  overflow: hidden;
}
.search-rubric-resource-detail .field-set.creditedTo .creditedToContent.collapsed > span {
  cursor: pointer;
}
.search-rubric-resource-detail .field-set.creditedTo .creditedToContent.collapsed > span .ellipsis-text {
  cursor: pointer;
}
.search-rubric-resource-detail .field-set.creditedTo .creditedToContent.collapsed::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, white);
  z-index: 1;
}
.search-rubric-resource-detail .field-set.creditedTo .btn-toggle-truncation {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  margin-top: 0.125rem;
}
.search-rubric-resource-detail .field-set.used-in .card-component {
  width: 100%;
}
.search-rubric-resource-detail .field-set:not(.used-in) .label-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-rubric-resource-detail .field-set:not(.used-in) .label-component span {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-rubric-resource-detail .field-set:not(.used-in) .label-component span {
  min-width: 2rem;
  padding: 0.375rem 0.5rem;
  text-align: center;
  color: #1a1a1a;
}
.search-rubric-resource-detail .field-set:not(.used-in) .keywords .bx--tag {
  padding: 0.375rem 0.5rem;
}.rich-text-card {
  padding: 1rem;
  background: #ffffff;
  color: #1a1a1a;
  border-radius: 10px;
}
.rich-text-card > .header {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.rich-text-card > .header {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.rich-text-card > .header {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.rich-text-card > .header .title {
  margin-bottom: 0;
}
.rich-text-card > .header > .icon {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}
.rich-text-card > .content {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.rich-text-card > .content {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.rich-text-card > .content {
  padding: 0.25rem 0 0;
}.fill-in-blank-input {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  vertical-align: middle;
}
.fill-in-blank-input .answer-input {
  width: 240px;
}
.fill-in-blank-input .answer {
  display: flex;
  align-items: center;
  padding: 0.5rem 1.5rem;
  margin: 0.25rem 0;
  min-width: 240px;
  min-height: 2.5rem;
  position: relative;
  border: 1px solid #ced3d9;
  border-radius: 10px;
  background: #ffffff;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.fill-in-blank-input .answer {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.fill-in-blank-input .answer .icon {
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
.fill-in-blank-input .answer .icon .sls-icon {
  transform: scale(0.5);
  overflow: visible;
}
.fill-in-blank-input .answer .icon .sls-icon [fill] {
  fill: #ffffff;
}
.fill-in-blank-input .answer > span[data-text] {
  margin: 0;
  text-indent: 0;
}
.fill-in-blank-input .answer > span[data-text]:before {
  content: attr(data-text);
  display: inline-block;
  min-height: 0.75rem;
  white-space: pre-wrap;
}
.fill-in-blank-input.correct .answer {
  border-color: rgb(224.6, 240.6, 208.6);
}
.fill-in-blank-input.correct .answer .icon {
  background-color: #67b717;
}
.fill-in-blank-input.wrong .answer {
  border-color: rgb(242.6, 217, 218.6);
}
.fill-in-blank-input.wrong .answer .icon {
  background-color: #c14149;
}
.fill-in-blank-input .bx--list-box .bx--list-box__field .bx--text-input::placeholder {
  color: #9da7b2;
}
.fill-in-blank-input .bx--list-box__menu-item {
  height: auto;
}
.fill-in-blank-input .bx--list-box__menu-item .bx--list-box__menu-item__option {
  padding-right: 0;
  height: auto;
  text-overflow: unset;
  overflow: visible;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}.fill-in-blank-view .field-set.question-body .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.fill-in-blank-view .field-set.question-body .field-value {
    font-size: 1rem;
    line-height: 3rem;
}
}
.fill-in-blank-view .field-set.question-body .rich-text-actions {
  margin-top: 0.25rem;
  line-height: 1rem;
}
.fill-in-blank-view .field-set.answer-options {
  border-bottom: 1px solid #e7e9ec;
}
.fill-in-blank-view .field-set.feedback {
  margin-top: 1rem;
}
.fill-in-blank-view .field-set.feedback .rich-text-card {
  width: 100%;
}
.edit .fill-in-blank-view .fill-in-blank-input .answer {
  background-color: #ffffff;
}
.fill-in-blank-view .fill-in-blank-input .answer {
  width: 240px;
}
.fill-in-blank-view .field-group.option-list .option-set {
  padding: 0;
  background-color: rgb(239.8, 247.8, 231.8);
  border-radius: 10px;
  color: #1a1a1a;
}
.fill-in-blank-view .field-group.option-list .option-set .option-feedback {
  border: 1px solid #e7e9ec;
  border-radius: 0 0 10px 10px;
}
.fill-in-blank-view .field-group.option-list .option-set .field-value {
  position: relative;
  width: 100%;
}
.fill-in-blank-view .field-group.option-list .option-set .field-value > .icon {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 1px solid #67b717;
  background-color: #ffffff;
}
.fill-in-blank-view .field-group.option-list .option-set .field-value > .icon path {
  fill: #67b717;
}
.fill-in-blank-view .field-group.option-list .option-set .label {
  padding: 1rem 3rem;
}
.fill-in-blank-view .field-group.option-list .option-set .case-sensitive.field-tooltip {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.fill-in-blank-view .field-group.option-list .option-set .case-sensitive.field-tooltip .bx--tooltip__trigger {
  margin-left: 0;
}
.fill-in-blank-view .field-group.option-list .option-set .case-sensitive.field-tooltip .bx--tooltip__trigger .sls-icon [fill] {
  fill: #1a1a1a;
}
.fill-in-blank-view .field-group.option-list .field-label {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.fill-in-blank-view .field-group.option-list .field-label .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.fill-in-blank-view .field-group.option-list .field-label .title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.fill-in-blank-view .field-group.option-list .field-label .title {
  color: #1a1a1a;
}
.fill-in-blank-view .field-group.option-list .field-label .view-all {
  margin-left: auto;
}
.fill-in-blank-view .field-group.option-list .field-label .view-all .number {
  margin-left: 0.25rem;
}
.fill-in-blank-view .field-group.option-list .field-value {
  display: flex;
}
.fill-in-blank-view .field-group.option-list .field-value .option {
  flex: 0 0 calc(50% - 0.5rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1rem;
  background-color: #ffffff;
  border: 1px solid #e7e9ec;
  border-radius: 10px;
}
.edit .fill-in-blank-view .field-group.option-list .field-value .option {
  background-color: #ffffff;
  border: none;
}
.fill-in-blank-view .field-group.option-list .field-value .option:last-child {
  margin-left: 1rem;
}
.fill-in-blank-view .field-group.option-list .field-value .option:only-child {
  flex: 0 0 100%;
  margin-left: 0;
}
.fill-in-blank-view .field-group.distractors {
  border-bottom: 1px solid #e7e9ec;
}
.fill-in-blank-view .field-group.distractors .option-set {
  background-color: rgb(248.8, 236, 236.8);
}
.fill-in-blank-view .field-group.distractors .option-set .field-value > .icon {
  background-color: #c14149;
  border-color: #c14149;
}
.fill-in-blank-view .field-group.distractors .option-set .field-value > .icon path {
  fill: #ffffff;
}
.fill-in-blank-view .helping-word-list {
  display: flex;
  flex-flow: row wrap;
  gap: 2rem;
  padding: 0.5rem 0;
}
.fill-in-blank-view .helping-word-list li {
  word-break: break-word;
}
.fill-in-blank-view > .bx--form > .feedback {
  margin-top: 0.75rem;
}
.fill-in-blank-view .fill-in-blank-view .field-set.answer-list {
  margin-bottom: 0.75rem;
}
.fill-in-blank-view .fill-in-blank-view .field-set .answer-option {
  margin-bottom: 0.75rem;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
@media only screen and (min-aspect-ratio: 13/9) and (min-width: 600px) and (max-width: 1055px) {
.drag-drop-view .question-view.image-rescaled .bg-image-view {
    min-height: 28.5rem;
}
}
@media only screen and (min-width: 1056px) {
.drag-drop-view .question-view.image-rescaled .bg-image-view {
    min-height: 28.5rem;
}
}
.drag-drop-view .feedback-divider {
  height: 1px;
  width: 100%;
  background-color: #e7e9ec;
}
.drag-drop-view .bg-image-view {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  max-width: 100%;
  position: relative;
  margin: auto;
  background-color: #e7e9ec;
}
@media only screen and (max-width: 1055px) {
.drag-drop-view .bg-image-view {
    min-height: calc(var(--vh, 1vh) * 40);
    max-height: calc(var(--vh, 1vh) * 50);
}
}
.drag-drop-view .bg-image-view .image-wrapper {
  position: relative;
  display: inline-block;
  max-height: 75vh;
  touch-action: none;
  transform-origin: top left;
  overflow: visible;
}
@media only screen and (min-width: 1056px) {
.drag-drop-view .bg-image-view .image-wrapper {
    max-width: 680px;
}
}
.drag-drop-view .bg-image-view .image-wrapper .drop-zone,
.drag-drop-view .bg-image-view .image-wrapper .drop-target {
  margin: 0;
}
.drag-drop-view .bg-image-view .image-wrapper .bg-image {
  width: 100%;
}
.drag-drop-view .bg-image-view ~ .attachment-placeholder {
  background-color: #ffffff;
}
.drag-drop-view .bg-image-view > .indicator {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(11, 35, 63, 0.5);
  color: #ffffff;
  z-index: 100;
}
@media only screen and (min-width: 1056px) {
.drag-drop-view .bg-image-view > .indicator {
    display: none;
}
}
.drag-drop-view .bg-image-view > .indicator .sls-icon {
  margin-right: 0.5rem;
}
.drag-drop-view .bg-image-view > .indicator .sls-icon [fill] {
  fill: currentColor;
}
.drag-drop-view .bg-image-view > .indicator .sls-icon [fill][fill="#DFE8F9"] {
  opacity: 0.15;
}
.drag-drop-view .bg-image-view > .indicator.hidden {
  display: none;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.search-resource-preview .header {
  display: flex;
  flex-flow: column nowrap;
}
.search-resource-preview .rich-text-card .header {
  flex-flow: row;
}
.search-resource-preview .match-indicator {
  margin-bottom: 0.25rem;
}
.search-resource-preview .media-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .media-title {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.search-resource-preview .media-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  margin-bottom: 1rem;
}
.search-resource-preview .media {
  margin: 0 0 1rem 0;
}
.search-resource-preview .media[data-media-type=IMAGE] .attachment-placeholder {
  flex-flow: row wrap;
  padding: 0;
}
.search-resource-preview .media[data-media-type=IMAGE] .attachment-placeholder > .icon {
  margin: 0 0.5rem;
}
.search-resource-preview .media[data-media-type=IMAGE] .attachment-placeholder > .title {
  padding: 0.5rem 0;
  max-width: calc(100% - 4rem);
}
.search-resource-preview .media[data-media-type=IMAGE] .attachment-placeholder .tools {
  flex: 0 0 100%;
  border-top: 1px solid #e7e9ec;
  padding: 0.5rem 0.5rem 0.5rem 0.25rem;
}
.search-resource-preview .media .attachment-placeholder {
  flex-flow: row nowrap;
}
.search-resource-preview .media .attachment-placeholder > .title {
  max-width: 100%;
}
.search-resource-preview .media .attachment-placeholder > .tools {
  flex: 0 1 auto;
  margin-left: auto;
}
.search-resource-preview .question-component .bx--form {
  margin-top: 0;
}
.search-resource-preview .question-component .field-set.answer-options > .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .question-component .field-set.answer-options > .field-label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-resource-preview .question-component .field-set.answer-options > .field-input {
  position: relative;
}
.search-resource-preview .question-component .field-set.answer-options .option-edit {
  padding: 1rem;
  background-color: #f3f5f8;
  border-radius: 10px;
}
.search-resource-preview .question-component .field-set.recommended-time {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
}
.search-resource-preview .question-component .field-set.recommended-time .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .question-component .field-set.recommended-time .field-label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-resource-preview .question-component .field-set.recommended-time .field-label {
  display: flex;
  align-items: center;
  color: #6d7b8c;
  margin-right: 0.5rem;
  text-transform: uppercase;
}
.search-resource-preview .question-component .field-set.recommended-time .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .question-component .field-set.recommended-time .field-value {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-resource-preview .question-component .field-set.recommended-time .bx--label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .question-component .field-set.recommended-time .bx--label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
@media only screen and (max-width: 671px) {
.search-resource-preview .question-component .field-set.recommended-time {
    flex-flow: row wrap;
    justify-content: flex-start;
}
}
.search-resource-preview .question-component .field-set.type-number .bx--number {
  flex-flow: row nowrap;
  align-items: center;
}
.search-resource-preview .question-component .field-set.type-number .bx--number > .bx--label:not(:empty) {
  order: 2;
  margin: 0 0.5rem;
}
.search-resource-preview .question-component .field-set.type-number .bx--number > .bx--number__input-wrapper {
  width: 5rem;
}
.search-resource-preview .question-component .field-set.type-number .bx--number > .bx--number__input-wrapper > input {
  min-width: 5rem;
}
.search-resource-preview .question-component .field-set.type-radio .option-set .icon {
  border-radius: 50%;
}
.search-resource-preview .question-component .field-set.answer-info .answer-info-content {
  margin: 1rem 0;
}
.search-resource-preview .question-component .field-set.marks, .search-resource-preview .question-component .field-set.tries, .search-resource-preview .question-component .field-set.option-marks {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
  text-align: right;
  word-break: normal;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .question-component .field-set.marks, .search-resource-preview .question-component .field-set.tries, .search-resource-preview .question-component .field-set.option-marks {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.search-resource-preview .question-component .field-set.marks, .search-resource-preview .question-component .field-set.tries, .search-resource-preview .question-component .field-set.option-marks {
  font-weight: 700;
}
.search-resource-preview .question-component .field-set.marks .field-label, .search-resource-preview .question-component .field-set.tries .field-label, .search-resource-preview .question-component .field-set.option-marks .field-label {
  margin-right: 1rem;
  color: #6d7b8c;
  text-transform: uppercase;
  font-weight: 700;
}
.search-resource-preview .question-component .field-set.marks .field-value, .search-resource-preview .question-component .field-set.tries .field-value, .search-resource-preview .question-component .field-set.option-marks .field-value {
  flex: 0 0 3rem;
  margin: 0;
  padding: 0.125rem 0.5rem;
  border-radius: 5px;
  background-color: rgb(233.8, 239.4, 251.2);
  color: #2b63d9;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
}
.search-resource-preview .question-component .field-set.hint .bx--accordion__item--active .bx--accordion__heading {
  background-color: transparent;
}
.search-resource-preview .question-component .field-set.hint .bx--accordion__heading {
  border-bottom: 1px solid #2b63d9;
}
.search-resource-preview .question-component .field-set.hint .bx--accordion__title {
  display: flex;
  margin-left: 0;
  color: #2b63d9;
  text-transform: uppercase;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .question-component .field-set.hint .bx--accordion__title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-resource-preview .question-component .field-set.hint .bx--accordion__title:after {
  right: 0;
}
.search-resource-preview .question-component .field-set.hint .bx--accordion__title .sls-icon {
  margin-right: 0.5rem;
}
.search-resource-preview .question-component .field-set.feedback {
  border: 1px solid #e7e9ec;
  border-radius: 10px;
}
.search-resource-preview .question-component .field-set.feedback .sls-icon {
  margin-right: 0.5rem;
}
.search-resource-preview .question-component .field-set.grading-rubric {
  padding: 0;
}
.search-resource-preview .question-component .multiple-choice-option-view .option-set {
  background-color: #ffffff;
}
.search-resource-preview .question-component .multiple-choice-option-view.correctOption .option-set {
  background-color: rgb(239.8, 247.8, 231.8);
}
.search-resource-preview .question-component .multiple-choice-option-view .field-set.marks {
  margin-bottom: 0;
}
.search-resource-preview .question-component .divider {
  height: 1rem;
  border-top: 1px solid #e7e9ec;
}
.search-resource-preview .quiz-question > .wrapper > .component-header {
  margin: 1rem 0;
}
.search-resource-preview .quiz-question > .wrapper > .component-header .component-title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1.313rem;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .quiz-question > .wrapper > .component-header .component-title {
    font-size: 1.5rem;
    line-height: 2rem;
}
}
.search-resource-preview .field-set.instructions {
  padding: 1rem;
  border-radius: 10px;
  background-color: #e7e9ec;
}
.search-resource-preview .field-set.instructions .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .field-set.instructions .field-label {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.search-resource-preview .field-set.instructions .field-label {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  color: #6d7b8c;
}
.search-resource-preview .field-set.instructions .field-label svg {
  margin-right: 0.5rem;
}
.search-resource-preview .field-set.instructions .content,
.search-resource-preview .field-set.instructions .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-resource-preview .field-set.instructions .content,
  .search-resource-preview .field-set.instructions .field-value {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.search-rubric-resource-preview > .info-header {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.search-rubric-resource-preview > .info-header {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.search-rubric-resource-preview > .info-header {
  margin-bottom: 1rem;
}
.search-rubric-resource-preview .rubrics-content {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #ffffff;
  border: 1px solid #e7e9ec;
  border-radius: 10px;
}
.search-rubric-resource-preview .rubrics-content > p {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-rubric-resource-preview .rubrics-content > p {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-rubric-resource-preview .rubrics-content > p {
  margin-bottom: 1rem;
}
.search-rubric-resource-preview .rubrics-content .match-indicator {
  margin-bottom: 0.25rem;
}
.search-rubric-resource-preview .rubrics-content .grading-rubric {
  padding: 0;
}
.search-rubric-resource-preview .rubrics-content .grading-rubric .criteria-row {
  display: block;
}
.search-rubric-resource-preview .rubrics-content .grading-rubric .criteria-row .marks {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.search-rubric-resource-preview .rubrics-content .grading-rubric .criteria-row .marks {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-rubric-resource-preview .rubrics-content .grading-rubric .criteria-row .marks {
  margin: 0.25rem 0 0 0;
  color: #1a1a1a;
  text-transform: none;
}
.search-rubric-resource-preview .rubrics-content .bx--content-switcher-btn {
  background-color: #f3f5f8;
}
.search-rubric-resource-preview .rubrics-content .bx--content-switcher--selected {
  background-color: #546579;
}
.search-rubric-resource-preview .rubrics-content .criteria-content {
  margin-bottom: 0;
}
.search-rubric-resource-preview .rubrics-notes {
  padding: 1rem;
  margin-top: 0.5rem;
  background-color: #ffffff;
  border-radius: 10px;
}
.search-rubric-resource-preview .rubrics-notes .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.search-rubric-resource-preview .rubrics-notes .title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.search-rubric-resource-preview .rubrics-notes .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  color: #6d7b8c;
}
.search-rubric-resource-preview .rubrics-notes .empty-placeholder {
  margin: 0;
}
.search-rubric-resource-preview .rubrics-notes .empty-placeholder .content {
  margin-bottom: 0;
}
.search-rubric-resource-preview .rubrics-notes .empty-placeholder .placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin: 0;
}
.search-rubric-resource-preview .rubrics-notes .empty-placeholder svg {
  transform: scale(0.5);
}.content-subpage.search-resource-detail-content-subpage .bx--modal-container > .header .breadcrumb .title {
  max-width: 100%;
}
.content-subpage.search-resource-detail-content-subpage .bx--modal-container > .content > .sub:has(.search-resource-media-detail) {
  padding: 0;
}
.content-subpage.search-resource-detail-content-subpage .media._has-status {
  margin: 0;
  border-radius: 10px;
}
.content-subpage.search-resource-detail-content-subpage .media .attachment-placeholder .star-resource-button {
  display: none;
}
.content-subpage.search-resource-detail-content-subpage .resource-taggings .tagging .bx--accordion__item {
  background-color: #f3f5f8;
}
.content-subpage.search-resource-detail-content-subpage .bx--form:first-child {
  margin-top: 0;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.read-only-indicator .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  color: #6d7b8c;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.read-only-indicator .sls-icon {
  min-width: 24px;
  margin-right: 0.5rem;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.read-only-indicator .sls-icon [fill] {
  fill: #6d7b8c;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.read-only-indicator .sls-icon [fill][fill="#DFE8F9"] {
  opacity: 0.15;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.read-only-indicator .sls-icon [stroke] {
  stroke: #6d7b8c;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.used-in .lesson-detail {
  width: 100%;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.used-in .lesson-detail:not(:first-of-type) {
  margin-top: 2rem;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.view-count .field-value {
  display: flex;
  align-items: center;
}
.content-subpage.search-resource-detail-content-subpage .bx--form .field-set.view-count .field-value .sls-icon {
  margin-right: 0.5rem;
}
.content-subpage.search-resource-detail-content-subpage .subject-and-level-datatable .v-table__wrapper thead tr th {
  width: 50%;
}
.content-subpage.search-resource-detail-content-subpage .subject-and-level-datatable .v-table__wrapper tbody tr td span.main {
  display: block;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.resource-listing {
  flex: 0 0 100%;
  max-width: 100%;
  border-radius: 10px;
}
.resource-listing > .wrapper {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.resource-listing > .wrapper .overflow-menu-button {
  margin-left: auto;
}
.resource-listing .data-table-list > .v-table > .v-table__wrapper {
  border-radius: 0 0 10px 10px;
}
.resource-listing .breadcrumb {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}
@media only screen and (max-width: 671px) {
.resource-listing .breadcrumb {
    flex: 0 0 100%;
}
.resource-listing .breadcrumb ~ .bx--btn {
    margin: 1rem auto 0;
}
}
@media only screen and (min-width: 672px) {
.resource-listing .breadcrumb {
    margin-right: 1rem;
}
}
.resource-listing .breadcrumb .bx--link {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0;
  position: relative;
  display: flex;
  align-items: center;
  min-width: 40px;
  color: #546579;
  cursor: pointer;
  text-decoration: none;
}
.resource-listing .breadcrumb .bx--link:first-of-type {
  min-width: 4.25rem;
}
.resource-listing .breadcrumb .bx--link:last-child {
  color: #1a1a1a;
}
.resource-listing .breadcrumb .bx--link span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.resource-listing .breadcrumb .bx--overflow-menu {
  height: 22px;
}
.resource-listing .breadcrumb .bx--overflow-menu:hover {
  background-color: inherit;
}
.resource-listing .breadcrumb .bx--overflow-menu .bx--overflow-menu__trigger {
  margin-top: 0.25rem;
  transform: rotate(90deg);
}
.resource-listing .breadcrumb .bx--overflow-menu .bx--overflow-menu__trigger:hover {
  background-color: #e7e9ec;
}
.resource-listing .breadcrumb .bx--link:not(:first-child),
.resource-listing .breadcrumb .bx--overflow-menu:not(:first-child) {
  margin-left: 1rem;
  padding-left: 1rem;
}
.resource-listing .breadcrumb .bx--link:not(:first-child):before,
.resource-listing .breadcrumb .bx--overflow-menu:not(:first-child):before {
  content: "";
  position: absolute;
  left: -0.5rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_31_3938)'%3e%3cpath%20d='M6.61295%2013.7733L10.3796%202.54668C10.4663%202.28668%2010.3263%202.00002%2010.0663%201.91335C9.80628%201.82668%209.51961%201.96668%209.43294%202.22668L5.66628%2013.4533C5.57961%2013.7133%205.71961%2014%205.97961%2014.0867C6.23961%2014.1733%206.52628%2014.0333%206.61295%2013.7733Z'%20fill='%2369788A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_31_3938'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}.resource-copy-content-subpage .cv-search {
  background-color: #f3f5f8;
}
.resource-copy-content-subpage .cv-search .bx--search-input,
.resource-copy-content-subpage .cv-search .filter-selection {
  background-color: inherit;
}
.resource-copy-content-subpage .cv-search .bx--search-input:hover,
.resource-copy-content-subpage .cv-search .filter-selection:hover {
  background-color: #e7e9ec;
}.lesson-forum-topic-resource-edit-subpage .main {
  min-height: 30rem;
}.content-modal.lesson-forum-topic-resource-delete-modal .bx--modal-container.bx--modal-container--sm {
  min-height: unset;
}
.content-modal.lesson-forum-topic-resource-delete-modal .bx--modal-container.bx--modal-container--sm .bx--modal-content {
  margin-bottom: 1rem;
}.bx--overflow-menu {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.bx--overflow-menu.disabled {
  cursor: not-allowed;
}
.bx--overflow-menu.disabled:hover {
  background-color: inherit;
}
.bx--overflow-menu.disabled .bx--overflow-menu__trigger:hover {
  cursor: not-allowed;
}
.bx--overflow-menu.disabled .bx--overflow-menu__trigger:focus, .bx--overflow-menu.disabled .bx--overflow-menu__trigger:active {
  pointer-events: none;
}
.bx--overflow-menu.disabled .bx--overflow-menu__trigger .bx--overflow-menu__icon {
  fill: #9da7b2;
}
.bx--overflow-menu.disabled .bx--overflow-menu__trigger .sls-icon [fill] {
  fill: #9da7b2;
}
.bx--overflow-menu .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger {
  width: inherit;
  height: inherit;
  border-radius: 100%;
}
.bx--overflow-menu .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
  outline: transparent;
  border: 1px solid #d5e0f7;
  border-radius: 100%;
}
.bx--overflow-menu .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger[aria-expanded=true] {
  background-color: #ffffff;
}
.bx--overflow-menu .bx--overflow-menu__trigger:hover .bx--overflow-menu__icon, .bx--overflow-menu .bx--overflow-menu__trigger:focus .bx--overflow-menu__icon {
  fill: #2b63d9;
}
.bx--overflow-menu .bx--overflow-menu__trigger .bx--overflow-menu__icon {
  fill: #2b63d9;
}
.bx--overflow-menu .bx--overflow-menu__trigger .sls-icon [fill] {
  fill: #2b63d9;
}
.bx--overflow-menu .bx--overflow-menu__trigger > svg {
  width: 24px;
  height: 24px;
}
.bx--overflow-menu-options {
  border-radius: 10px;
}
.bx--overflow-menu-options.bx--overflow-menu-options--open {
  margin-top: 0.5rem;
  width: 11rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.bx--overflow-menu-options.bx--overflow-menu-options--open.is-up {
  margin-top: -1.5rem;
}
.bx--overflow-menu-options.bx--overflow-menu-options--open.is-up::before {
  top: unset;
  bottom: -0.25rem;
}
.bx--overflow-menu-options.bx--overflow-menu-options--open.bx--overflow-menu--flip::before {
  right: 0.9rem;
  left: unset;
}
.bx--overflow-menu-options.bx--overflow-menu-options--open::before {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  background-color: #ffffff;
  position: absolute;
  top: -0.25rem;
  left: 0.9rem;
  transform: rotate(45deg);
  z-index: -1;
}
.bx--overflow-menu-options[data-type=calendar-event-attachment-overflow-menu]::before {
  left: 15px;
}
.bx--overflow-menu-options .divider {
  height: 1px;
  margin: 0 0.5rem;
  background-color: #e7e9ec;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.lesson-forum-topic-resource {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 10px;
}
.lesson-forum-topic-resource .user-info-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lesson-forum-topic-resource .user-info-section .user-name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
.lesson-forum-topic-resource .user-info-section .user-name span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
}.lesson-forum-topic .header {
  display: flex;
  align-items: center;
}
.lesson-forum-topic .header .user-info {
  display: flex;
  align-items: center;
}
.lesson-forum-topic .header .user-info .avatar {
  margin-right: 0.5rem;
}
.lesson-forum-topic .header .user-info .user-name span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  display: block;
}
.lesson-forum-topic .header .bx--overflow-menu {
  margin-left: auto;
}
.lesson-forum-topic .date-time {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  margin: 0.25rem 0 0.75rem 0;
  color: #6d7b8c;
}.lesson-review-content-subpage .content .main-header span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.lesson-review-content-subpage .content .main-header span {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.lesson-review-content-subpage .content .action-button {
  bottom: 3rem;
  right: 3rem;
}
.lesson-review-content-subpage .lesson-forum-topic-resource .user-avatar {
  margin: 0;
}.resource-move-content-subpage .student-group-selection-listing {
  margin: 1rem -1rem -1rem;
  padding: 1rem;
  background-color: #ffffff;
}.move-to-category-modal .bx--modal-content {
  width: inherit;
  overflow-y: unset;
}
.move-to-category-modal .bx--modal-content .cv-dropdown-item.max-limit {
  pointer-events: none;
}
.move-to-category-modal .bx--modal-content .cv-dropdown-item.max-limit .bx--dropdown-link span {
  color: #ced3d9;
}
.move-to-category-modal .bx--modal-content .cv-dropdown-item:first-child .bx--dropdown-link {
  border-bottom: 1px solid #ced3d9;
}
.move-to-category-modal .bx--modal-content .cv-dropdown-item .bx--dropdown-link {
  border-top: none;
}
.move-to-category-modal .bx--modal-content .cv-dropdown-item .bx--dropdown-link span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.pending-action-section-info .section-empty {
  display: flex;
  align-items: center;
}
.pending-action-section-info .section-empty span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.pending-action-section-info .section-empty span {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.pending-action-section-info .section-empty span {
  color: #6d7b8c;
}
.pending-action-section-info .section-info {
  display: flex;
  align-items: center;
  height: fit-content;
}
.pending-action-section-info .section-info .bx--form {
  margin: 0;
}
.pending-action-section-info .section-info .bx--form .field-set {
  margin-bottom: 0;
}
.pending-action-section-info .section-info .bx--form .field-set span {
  display: block;
}
.pending-action-section-info .section-info .bx--form .field-set .field-value {
  margin-top: 0;
}
.pending-action-section-info .section-info .bx--form .field-set.section-title span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.pending-action-section-info .section-info .bx--form .field-set.section-title span {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.pending-action-section-info .section-info .bx--form .field-set.section-title span {
  color: #6d7b8c;
}
.pending-action-section-info .section-info .bx--form .field-set.section-due .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
.pending-action-section-info .section-info .bx--form .field-set.section-due time {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0px;
}
.pending-action-section-info .section-info .section-form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pending-action-section-info .section-info .section-form .field-group {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  max-width: calc(100% - 6rem);
}
.pending-action-section-info .section-info .section-icon ~ .section-form {
  width: calc(100% - 2rem);
}
.pending-action-section-info .section-info .section-icon ~ .section-form .section-status {
  margin-left: auto;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.lesson-section-info .section-info {
  display: flex;
  align-items: center;
  height: fit-content;
}
.lesson-section-info .section-info .bx--form {
  margin: 0;
}
.lesson-section-info .section-info .bx--form .field-set {
  margin-bottom: 0;
}
.lesson-section-info .section-info .bx--form .field-set span {
  display: block;
}
.lesson-section-info .section-info .bx--form .field-set .field-value {
  margin-top: 0;
}
.lesson-section-info .section-info .bx--form .field-set.section-title span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.lesson-section-info .section-info .bx--form .field-set.section-title span {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.lesson-section-info .section-info .bx--form .field-set.section-title span {
  color: #6d7b8c;
}
.lesson-section-info .section-info .section-form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lesson-section-info .section-info .section-form .field-group {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  max-width: calc(100% - 6rem);
}
.lesson-section-info .section-info .section-icon ~ .section-form {
  width: calc(100% - 2rem);
}
.lesson-section-info .section-info .section-icon ~ .section-form .section-status {
  margin-left: auto;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.starred-resource-card-list {
  background-color: #ffffff;
  margin: 0 -1rem -1rem;
  padding: 1rem;
}
.starred-resource-card-list > .header .selection-bar {
  margin-bottom: 1.5rem;
}
.starred-resource-card-list > .content .card-list {
  margin-top: 0.5rem;
}
.starred-resource-card-list .card-component.question:has(li.subject) .metadata {
  flex-wrap: nowrap;
}
.starred-resource-card-list .card-component.question:has(li.subject) .metadata li {
  flex: 0 0 auto;
}
.starred-resource-card-list .card-component.question:has(li.subject) .metadata li.subject {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  flex: 1 1 auto;
  margin-top: -1px;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.card-component.resource-search-card {
  display: grid;
  grid-template: minmax(4.5rem, auto) auto/4.5rem auto;
  width: 100%;
  gap: 1rem;
  padding: 1rem;
  background-color: #ffffff;
}
.card-component.resource-search-card::before {
  border-top: none;
}
.card-component.resource-search-card .card-header {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  padding: 0;
}
.card-component.resource-search-card .card-header .label-component {
  margin: 0;
  align-self: flex-start;
}
.card-component.resource-search-card .card-header .label-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  padding: 0.125rem 0.5rem;
}
.card-component.resource-search-card .card-header .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  margin-top: 0.5rem;
}
.card-component.resource-search-card .card-header .card-label {
  position: static;
  align-self: flex-start;
}
.card-component.resource-search-card .card-content {
  grid-column: 2/-1;
}
.card-component.resource-search-card .card-thumbnail {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  place-self: center;
}
.card-component.resource-search-card .card-thumbnail > .wrapper {
  height: 72px;
  width: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e7e9ec;
  border-radius: 10px;
}
.card-component.resource-search-card .card-thumbnail img {
  height: 4.5rem;
  width: 4.5rem;
  object-fit: cover;
  border-radius: 10px;
}
.card-component.resource-search-card .card-actions {
  top: 0.25rem;
  right: 0.25rem;
  align-items: center;
  gap: 0.5rem;
}
.card-component.resource-search-card .card-actions .icon-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.card-component.resource-search-card .card-actions .btn-open-in-new-tab {
  width: inherit;
  height: inherit;
  padding: 0;
}
.card-component.resource-search-card .card-actions .btn-upvote {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.card-component.resource-search-card .card-actions .btn-upvote:hover {
  background-color: #e7e9ec;
}
.card-component.resource-search-card .card-actions .btn-upvote:focus {
  border: 1px solid #e7e9ec;
}
.card-component.resource-search-card .card-actions .btn-upvote .sls-icon [fill] {
  fill: #2b63d9;
}
.card-component.resource-search-card.loading {
  height: 160px;
  min-width: 300px;
  display: block;
  grid-column: 1/-1;
  padding: 0;
  background-color: #f3f5f8;
}
.card-component.resource-search-card.lesson-search .subject-level-wrapper .sls-icon[name=PD16] {
  height: 13px;
  overflow: visible;
}
.card-component.resource-search-card .match-text {
  color: #52850a;
  font-weight: 700;
}
.card-component.resource-search-card .metadata {
  max-width: 100%;
  gap: 1rem;
}
@media only screen and (min-width: 1056px) {
.card-component.resource-search-card .metadata {
    flex-flow: row nowrap;
}
}
.card-component.resource-search-card .metadata:not(.secondary) {
  max-width: 100%;
  /*IOS Safari*/
  max-height: 44px;
  margin-top: 0.5rem;
  flex-wrap: wrap;
  gap: 0;
}
@media only screen and (min-width: 672px) {
.card-component.resource-search-card .metadata:not(.secondary) {
    flex-wrap: nowrap;
    gap: 0.25rem;
    max-height: 20px;
}
}
.card-component.resource-search-card .metadata:not(.secondary) li {
  display: inline;
  gap: 0.25rem;
  word-break: break-all;
}
.card-component.resource-search-card .metadata:not(.secondary) li::after {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjIiIGN5PSIyIiByPSIyIiBmaWxsPSJyZ2IoMTA5LDEyMywxNDApIiAvPjwvc3ZnPg==") no-repeat center;
  background-size: contain;
  border-radius: 0;
}
.card-component.resource-search-card .metadata:not(.secondary) li.view-count {
  line-height: 1rem;
}
.card-component.resource-search-card .metadata:not(.secondary) li.view-count .sls-icon {
  margin-right: 0.125rem;
  vertical-align: sub;
}
.card-component.resource-search-card .metadata:not(.secondary) li:has(.match-text) {
  margin-top: -1px;
}
.card-component.resource-search-card .metadata:not(.secondary) li:has(.match-text)::after {
  top: calc(50% + 1px);
}
.card-component.resource-search-card .metadata.secondary {
  position: relative;
  gap: 0.5rem;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #e7e9ec;
}
.card-component.resource-search-card .metadata.secondary li {
  flex-wrap: wrap;
  gap: 0.125rem;
}
.card-component.resource-search-card .metadata.secondary li .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  line-height: 1;
  max-height: 14px;
}
.card-component.resource-search-card .metadata.secondary li .value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  line-height: 1;
}
.card-component.resource-search-card .metadata.secondary li::after {
  display: none;
}
.card-component.resource-search-card .metadata .subject-level-wrapper {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
}
@media only screen and (min-width: 672px) {
.card-component.resource-search-card .metadata .subject-level-wrapper + .count-wrapper {
    margin-left: 9px;
}
}
.card-component.resource-search-card .metadata .info-wrapper {
  color: #6d7b8c;
}
@media only screen and (min-width: 672px) {
.card-component.resource-search-card .metadata .info-wrapper ~ .count-wrapper {
    margin-left: 6px;
}
.card-component.resource-search-card .metadata .info-wrapper ~ .count-wrapper::before {
    left: -5px;
}
}
.card-component.resource-search-card .metadata .count-wrapper {
  position: relative;
  flex: 1 0 auto;
  margin-top: -3px;
}
.card-component.resource-search-card .metadata .count-wrapper > li.view-count::after {
  top: 8px;
}
@media only screen and (min-width: 672px) {
.card-component.resource-search-card .metadata .count-wrapper {
    margin-top: 0;
}
.card-component.resource-search-card .metadata .count-wrapper::before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 2px;
    width: 2px;
    top: 50%;
    left: -8px;
    transform: translateY(50%);
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjIiIGN5PSIyIiByPSIyIiBmaWxsPSJyZ2IoMTA5LDEyMywxNDApIiAvPjwvc3ZnPg==") no-repeat center;
    background-size: contain;
}
}
.card-component.resource-search-card .game-enabled {
  position: absolute;
  right: -0.5rem;
  bottom: -0.25rem;
  height: 38px;
  width: 38px;
  background: url("data:image/svg+xml,%3csvg%20width='42'%20height='44'%20viewBox='0%200%2042%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_2051_26556)'%3e%3cpath%20d='M15.2392%204.26514C16.5446%203.07366%2018.4426%202.67022%2020.1198%203.22774L31.3225%206.95173C32.8195%207.44937%2033.9166%208.63983%2034.2279%2010.1045L36.8522%2022.4509C37.1635%2023.9155%2036.6455%2025.4493%2035.4803%2026.5128L26.7608%2034.4714C25.4554%2035.6629%2023.5574%2036.0663%2021.8802%2035.5088L10.6775%2031.7848C9.18048%2031.2872%208.08341%2030.0967%207.77209%2028.6321L5.14778%2016.2857C4.83646%2014.821%205.35447%2013.2872%206.51966%2012.2237L15.2392%204.26514Z'%20fill='url(%23paint0_linear_2051_26556)'/%3e%3cpath%20d='M13.4015%2016.9766L17.5401%203.09057L27.3037%2015.4723L17.8852%2024.728L10.6775%2031.7848L13.4015%2016.9766Z'%20fill='url(%23paint1_linear_2051_26556)'/%3e%3cpath%20d='M10.6775%2031.7848L21.8802%2035.5088C23.5574%2036.0663%2025.4554%2035.6629%2026.7608%2034.4714L35.4803%2026.5128C36.6455%2025.4493%2037.1635%2023.9155%2036.8522%2022.4509L34.2279%2010.1045C33.9166%208.63983%2032.8195%207.44937%2031.3225%206.95173M10.6775%2031.7848C9.18048%2031.2872%208.08341%2030.0967%207.77209%2028.6321L5.14778%2016.2857C4.83646%2014.821%205.35447%2013.2872%206.51966%2012.2237L15.2392%204.26514C16.5446%203.07366%2018.4426%202.67022%2020.1198%203.22774L31.3225%206.95173M10.6775%2031.7848L13.4015%2016.9766M10.6775%2031.7848L17.8852%2024.728M31.3225%206.95173L27.3037%2015.4723M13.4015%2016.9766L17.5401%203.09057L27.3037%2015.4723M13.4015%2016.9766L5.4083%2013.7708M13.4015%2016.9766L17.8852%2024.728M36.7543%2024.5262L27.3037%2015.4723M27.3037%2015.4723L17.8852%2024.728M17.8852%2024.728L24.4599%2035.646'%20stroke='%23FFFBE6'%20stroke-width='1.62514'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_2051_26556'%20x='0.183239'%20y='1.35564'%20width='41.6335'%20height='42.5259'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='3.25028'/%3e%3cfeGaussianBlur%20stdDeviation='2.03143'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.8625%200%200%200%200%200.691352%200%200%200%200%200.147344%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_2051_26556'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_2051_26556'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_2051_26556'%20x1='14.7023'%20y1='30.8766'%20x2='31.7633'%20y2='5.69319'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FDBF00'/%3e%3cstop%20offset='0.604167'%20stop-color='%23FFE984'/%3e%3cstop%20offset='1'%20stop-color='%23FFFBE6'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_2051_26556'%20x1='14.7023'%20y1='30.8766'%20x2='31.7633'%20y2='5.69319'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FDBF00'/%3e%3cstop%20offset='0.604167'%20stop-color='%23FFE984'/%3e%3cstop%20offset='1'%20stop-color='%23FFFBE6'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat;
}
.card-component.resource-search-card .information {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.card-component.resource-search-card .information span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
.card-component.resource-search-card .info-wrapper {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
}
.card-component.resource-search-card .info-wrapper .sls-icon[name=PD16] {
  height: 13px;
  overflow: visible;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.card-list {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin: 1.5rem 0;
}
.card-list.white {
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 10px;
}
@media only screen and (max-width: 1055px) {
.card-list.small {
    overflow-x: auto;
    flex-flow: row nowrap;
    gap: 0 1rem;
}
.content-bg-wrapper .card-list.small {
    flex-wrap: wrap;
}
}
@media only screen and (min-width: 1056px) {
.card-list.small {
    gap: 2.5rem;
}
}
.card-list.regular {
  gap: 2rem;
  flex-flow: row wrap;
}
@media only screen and (max-width: 671px) {
.card-list.xsmall, .card-list.large {
    gap: 2.5rem 0;
}
}
@media only screen and (min-width: 672px) and (max-width: 1055px) {
.card-list.xsmall, .card-list.large {
    gap: 2.5rem 1rem;
}
}
@media only screen and (min-width: 1056px) {
.card-list.xsmall, .card-list.large {
    gap: 2.5rem;
}
}
.content-subpage .card-list {
  gap: 1rem;
}
.content-bg-wrapper .card-list {
  margin: 0 0 1rem 0;
}
.card-list > .bx--btn {
  margin: auto;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.card-component.resource-card .card-label {
  background-color: transparent;
  padding: 0;
}
.card-component.resource-card .card-header {
  padding-top: 0.5rem;
}
.card-component.resource-card .card-header .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
.card-component.resource-card .card-thumbnail .icon {
  background-color: #ffffff;
  border-radius: 50%;
}
.card-component.resource-card .input-checkbox {
  margin: 0;
}
.card-component.resource-card .input-checkbox .input-icon {
  margin: 0;
}
.card-component.resource-card .card-actions {
  right: 0.5rem;
}
.card-component.resource-card .label-component span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 5px;
}
.card-component.resource-card .label-component.external-resource span {
  background-color: #3c4f65;
}
.card-component.resource-card .label-component.location span {
  background-color: #8c5ea8;
}
.card-component.resource-card .label-component.moe span {
  background-color: #e96a6a;
}
.card-component.resource-card .label-component.community span {
  background-color: #3ea2a9;
}
.card-component.resource-card .info {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  word-break: break-all;
}
.card-component.resource-card .info span {
  position: relative;
  word-break: break-word;
}
.card-component.resource-card .info span + span {
  padding-left: 9px;
}
.card-component.resource-card .info span + span::before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 2px;
  position: absolute;
  left: 3px;
  top: 8px;
  border-radius: 50%;
  background-color: #6d7b8c;
}
.card-component.resource-card .info .subject {
  text-transform: capitalize;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.content-subpage.app-detail-content-subpage .bx--modal-container > .header .breadcrumb .title {
  max-width: 100%;
}
.content-subpage.app-detail-content-subpage .bx--modal-container .thumbnail .field-value {
  display: flex;
  justify-content: center;
  background-color: #e7e9ec;
}
.content-subpage.app-detail-content-subpage .bx--modal-container .thumbnail img {
  width: 128px;
  height: 128px;
  object-fit: cover;
}
.content-subpage.app-detail-content-subpage .info-header {
  display: flex;
  align-items: center;
}
.content-subpage.app-detail-content-subpage .app-name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.content-subpage.app-detail-content-subpage .app-name {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.content-subpage.app-detail-content-subpage .app-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
}
.content-subpage.app-detail-content-subpage .app-link {
  margin-left: 0.5rem;
}
.content-subpage.app-detail-content-subpage .app-link .sls-icon [fill] {
  fill: #2b63d9;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.whitelist-website-details-content-subpage .info-header {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.whitelist-website-details-content-subpage .info-header {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.whitelist-website-details-content-subpage .info-header {
  max-width: calc(100% - 3rem);
}
.whitelist-website-details-content-subpage .website-details-left-panel .domain-url {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
}
.whitelist-website-details-content-subpage .website-details-left-panel .domain-url .sls-icon [fill] {
  fill: #2b63d9;
}
.whitelist-website-details-content-subpage .website-details-left-panel .field-set.description .field-value {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.whitelist-website-details-content-subpage .website-details-left-panel .field-set.icon .image-placeholder {
  display: flex;
  justify-content: center;
}
.whitelist-website-details-content-subpage .website-details-left-panel .field-set.icon .image-placeholder img {
  aspect-ratio: calc(1 / 1);
}
@supports not (aspect-ratio: calc(1 / 1)) {
.whitelist-website-details-content-subpage .website-details-left-panel .field-set.icon .image-placeholder {
    position: relative;
    padding-top: calc(1 / 1 * 100%);
    overflow: hidden;
}
.whitelist-website-details-content-subpage .website-details-left-panel .field-set.icon .image-placeholder img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
}
.whitelist-website-details-content-subpage .website-details-left-panel .field-set.icon .image-placeholder img {
  height: 100%;
  object-fit: cover;
}
.whitelist-website-details-content-subpage .website-details-right-panel .domain {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.whitelist-website-details-content-subpage .website-details-right-panel .domain {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.whitelist-website-details-content-subpage .website-details-right-panel .domain {
  margin-bottom: 1rem;
  padding: 0.5rem;
  border-radius: 10px;
  background-color: #f3f5f8;
}
@media only screen and (max-width: 1055px) {
.whitelist-website-details-content-subpage .website-details-right-panel .domain {
    background-color: #ffffff;
}
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.embed-website-selection-content-subpage .domains .bx--radio-button-group {
  width: 100%;
}
.embed-website-selection-content-subpage .domains .input-radio {
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #f3f5f8;
}
.embed-website-selection-content-subpage .image-placeholder {
  display: flex;
  justify-content: center;
}
.embed-website-selection-content-subpage .image-placeholder img {
  aspect-ratio: calc(1 / 1);
}
@supports not (aspect-ratio: calc(1 / 1)) {
.embed-website-selection-content-subpage .image-placeholder {
    position: relative;
    padding-top: calc(1 / 1 * 100%);
    overflow: hidden;
}
.embed-website-selection-content-subpage .image-placeholder img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
}
.embed-website-selection-content-subpage .image-placeholder img {
  height: 100%;
}.speech-evaluation-modal .bx--text-area {
  min-height: 14rem;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.authoring-copilot-knowledge-base .header .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.authoring-copilot-knowledge-base .header .title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.authoring-copilot-knowledge-base .header .title {
  margin-bottom: 0.25rem;
}
.authoring-copilot-knowledge-base .header .info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.authoring-copilot-knowledge-base .header .info {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.authoring-copilot-knowledge-base .header .info {
  margin-bottom: 1.5rem;
  color: #6d7b8c;
  white-space: pre-line;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion {
  position: relative;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion.without-checkbox .bx--accordion__heading {
  padding-left: 1rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion:has(.bx--overflow-menu) .bx--accordion__title::after {
  right: 3.2rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__heading {
  min-height: 48px;
  align-items: center;
  padding: 0.75rem 0 0.75rem 3rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__heading .bx--accordion__title {
  margin-left: 0.125rem;
  padding-right: 5rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__heading .bx--accordion__title::after {
  top: 3px;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__heading .bx--accordion__title .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__heading .bx--accordion__title .title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__heading .bx--accordion__title .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__heading .bx--accordion__title .icon {
  position: absolute;
  top: 0;
  right: 5rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item {
  margin-bottom: 1rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item ~ .message-component.error {
  margin: -0.75rem 0 1rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item.is-edit-mode .bx--accordion__heading .bx--accordion__title .icon {
  display: none;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item.is-edit-mode .bx--accordion__content {
  padding: 0 1rem 0.5rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item.is-edit-mode .media-component .star-resource-button {
  display: none;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item--active .bx--accordion__heading .bx--accordion__title::after {
  top: 9px;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item--active ~ .menu-actions .bx--overflow-menu__trigger .sls-icon [fill] {
  fill: #aac1f0;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item--active.is-edit-mode .bx--accordion__heading .bx--accordion__title::after {
  right: 1.2rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item--active.is-edit-mode .bx--accordion__heading .bx--accordion__title .icon {
  display: inline-block;
  right: 2.75rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__item--active.is-edit-mode ~ .menu-actions {
  display: none;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion > .input-checkbox {
  position: absolute;
  top: 0.7rem;
  left: 1rem;
  margin: 0;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion > .menu-actions {
  position: absolute;
  top: 0.25rem;
  right: 0.3rem;
  z-index: 1;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__content {
  padding: 1rem;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion__content .bx--inline-notification:first-child {
  margin-top: 0;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion .media {
  margin: 0;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion .media.no-preview.pdf .attachment-placeholder {
  border: 1px solid #f3f5f8;
}
.authoring-copilot-knowledge-base .knowledge-base-listing .bx--accordion .attachment-placeholder {
  background-color: #f3f5f8;
}
.authoring-copilot-knowledge-base .form-knowledge-base .knowledge-base-content .field-input {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.authoring-copilot-knowledge-base .form-knowledge-base .knowledge-base-content .field-input {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.authoring-copilot-knowledge-base .form-knowledge-base .actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.authoring-copilot-knowledge-base .add-knowledge-base {
  margin: 0;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.acp-html5-interactive-generation-subpage .main .main-header {
  margin-bottom: 0.25rem;
}
.acp-html5-interactive-generation-subpage .info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  margin-bottom: 0.5rem;
  color: #6d7b8c;
  white-space: pre-line;
}
.acp-html5-interactive-generation-subpage .empty-content {
  text-align: center;
}
.acp-html5-interactive-generation-subpage .empty-content h4 {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.acp-html5-interactive-generation-subpage .empty-content h4 {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.acp-html5-interactive-generation-subpage .empty-content h4 {
  margin-bottom: 0.5rem;
  color: #1a1a1a;
}
.acp-html5-interactive-generation-subpage .empty-content p {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.acp-html5-interactive-generation-subpage .empty-content p {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.acp-html5-interactive-generation-subpage .empty-content p {
  color: #6d7b8c;
}
.acp-html5-interactive-generation-subpage .suggested-roles {
  margin-bottom: 1.5rem;
}
.acp-html5-interactive-generation-subpage .suggested-roles .description {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.acp-html5-interactive-generation-subpage .suggested-roles .description {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.acp-html5-interactive-generation-subpage .suggested-roles .description {
  color: #1a1a1a;
}
.acp-html5-interactive-generation-subpage .suggested-roles .empty-placeholder {
  margin: 1.5rem 0 1rem;
}
.acp-html5-interactive-generation-subpage .suggested-roles .empty-placeholder .content {
  margin-top: 0;
}
.acp-html5-interactive-generation-subpage .suggested-roles .acp-html5-interactive-generation-instruction {
  margin-top: 1rem;
}
.acp-html5-interactive-generation-subpage .suggested-roles .acp-html5-interactive-generation-instruction .info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
.acp-html5-interactive-generation-subpage .acp-html5-interactive-instruction .field-input .mce-content-body {
  min-height: 155px;
}
.acp-html5-interactive-generation-subpage .knowledge-base .authoring-copilot-knowledge-base {
  padding-bottom: 8rem;
}
.acp-html5-interactive-generation-subpage .knowledge-base .info {
  margin-bottom: 1.5rem;
  white-space: pre-line;
}
.acp-html5-interactive-generation-subpage .knowledge-base-listing .add-knowledge-base {
  margin-top: 2rem;
}
.acp-html5-interactive-generation-subpage .knowledge-base-listing .add-knowledge-base .field-input {
  display: flex;
  justify-content: center;
}
.acp-html5-interactive-generation-subpage .mce-content-body[data-mce-placeholder] {
  white-space: pre-line;
}
.acp-html5-interactive-generation-subpage .bx--inline-notification--error {
  margin-bottom: 1rem;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.acp-image-selection-subpage .generated-image-container[data-v-4b904340] {
  margin: 1rem -1rem 0;
  padding: 1rem;
  background-color: #ffffff;
}
.acp-image-selection-subpage .generated-image-container .bx--inline-notification[data-v-4b904340] {
  margin-top: 0;
}
.acp-image-selection-subpage .generated-image-list[data-v-4b904340] {
  display: grid;
  gap: 1rem;
  background-color: #ffffff;
}
@media only screen and (min-width: 672px) {
.acp-image-selection-subpage .generated-image-list[data-v-4b904340] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1056px) {
.acp-image-selection-subpage .generated-image-list[data-v-4b904340] {
    padding: 1rem;
    border: 1px solid #e7e9ec;
    border-radius: 10px;
}
}
.acp-image-selection-subpage .generated-image[data-v-4b904340] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  padding: 1rem;
  background-color: #f3f5f8;
  border: 1px solid #e7e9ec;
  border-radius: 10px;
}
.acp-image-selection-subpage .generated-image .input-radio[data-v-4b904340] {
  margin-top: 0;
}
.acp-image-selection-subpage .generated-image img[data-v-4b904340] {
  max-width: 100%;
}.acp-image-generation-subpage .main .main-header {
  margin-bottom: 0.25rem;
}
.acp-image-generation-subpage .header-description {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.acp-image-generation-subpage .header-description {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.acp-image-generation-subpage .empty-content {
  text-align: center;
}
.acp-image-generation-subpage .empty-content h4 {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.acp-image-generation-subpage .empty-content h4 {
    font-size: 1.313rem;
    line-height: 1.75rem;
}
}
.acp-image-generation-subpage .empty-content h4 {
  margin-bottom: 0.5rem;
  color: #1a1a1a;
}
.acp-image-generation-subpage .empty-content p {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.acp-image-generation-subpage .empty-content p {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.acp-image-generation-subpage .empty-content p {
  color: #6d7b8c;
}
.acp-image-generation-subpage .suggested-roles {
  margin-bottom: 1.5rem;
}
.acp-image-generation-subpage .suggested-roles .empty-placeholder {
  margin: 1.5rem 0 1rem;
}
.acp-image-generation-subpage .suggested-roles .empty-placeholder .content {
  margin-top: 0;
}
.acp-image-generation-subpage .suggested-roles .acp-image-generation-instruction {
  margin-top: 1rem;
}
.acp-image-generation-subpage .suggested-roles .acp-image-generation-instruction .info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
.acp-image-generation-subpage .suggested-roles .acp-image-instruction .field-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.acp-image-generation-subpage .knowledge-base .info {
  margin-bottom: 1.5rem;
}
.acp-image-generation-subpage .knowledge-base-listing .add-knowledge-base {
  margin-top: 2rem;
}
.acp-image-generation-subpage .knowledge-base-listing .add-knowledge-base .field-input {
  display: flex;
  justify-content: center;
}
.acp-image-generation-subpage .rich-text-editor .mce-content-body {
  font-size: inherit;
}
.acp-image-generation-subpage .rich-text-editor .mce-content-body[data-mce-placeholder] {
  white-space: pre-line;
}
.acp-image-generation-subpage .bx--inline-notification--error {
  margin-bottom: 1rem;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.bx--modal.content-modal.rich-text-modal .bx--modal-container {
  background-color: #ffffff;
  height: calc(100vh - 10rem);
}
.bx--modal.content-modal.rich-text-modal .bx--modal-header {
  padding-top: 0.75rem;
  min-height: 2.5rem;
}
.bx--modal.content-modal.rich-text-modal .bx--modal-header__heading {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--modal.content-modal.rich-text-modal .bx--modal-header__heading {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.bx--modal.content-modal.rich-text-modal .bx--modal-header__heading {
  color: #6d7b8c;
}
.bx--modal.content-modal.rich-text-modal .bx--modal-content {
  padding: 0 !important;
  overflow: visible;
}
.bx--modal.content-modal.rich-text-modal .bx--modal-close {
  right: 0.75rem;
}
.bx--modal.content-modal.rich-text-modal .bx--modal-close::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_38_3159)'%3e%3cpath%20d='M21.188%209.17003H14.8053V2.78003C14.8053%202.37003%2014.4652%202.03003%2014.055%202.03003C13.6448%202.03003%2013.3047%202.37003%2013.3047%202.78003V9.92003C13.3047%2010.12%2013.3847%2010.31%2013.5248%2010.45C13.6648%2010.59%2013.8549%2010.67%2014.055%2010.67H21.188C21.5981%2010.67%2021.9383%2010.33%2021.9383%209.92003C21.9383%209.51003%2021.5981%209.17003%2021.188%209.17003Z'%20fill='%2369788A'/%3e%3cpath%20d='M20.4691%202.44992L13.5262%209.39992C13.2361%209.68992%2013.2361%2010.1699%2013.5262%2010.4599C13.8163%2010.7499%2014.2965%2010.7499%2014.5866%2010.4599L21.5295%203.50992C21.8196%203.21992%2021.8196%202.73992%2021.5295%202.44992C21.2394%202.15992%2020.7592%202.15992%2020.4691%202.44992Z'%20fill='%2369788A'/%3e%3cpath%20d='M2.81086%2014.79H9.19352V21.18C9.19352%2021.59%209.53366%2021.93%209.94383%2021.93C10.354%2021.93%2010.6941%2021.59%2010.6941%2021.18V14.04C10.6941%2013.84%2010.6141%2013.65%2010.4741%2013.51C10.334%2013.37%2010.1439%2013.29%209.94383%2013.29H2.81086C2.40069%2013.29%202.06055%2013.63%202.06055%2014.04C2.06055%2014.45%202.40069%2014.79%202.81086%2014.79Z'%20fill='%2369788A'/%3e%3cpath%20d='M3.52217%2021.52L10.4751%2014.57C10.7652%2014.28%2010.7652%2013.8%2010.4751%2013.51C10.1849%2013.22%209.70475%2013.22%209.41463%2013.51L2.46173%2020.46C2.17161%2020.75%202.17161%2021.23%202.46173%2021.52C2.75185%2021.81%203.23205%2021.81%203.52217%2021.52Z'%20fill='%2369788A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_38_3159'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  filter: saturate(40) hue-rotate(220deg) invert(0.9);
}
.bx--modal.content-modal.rich-text-modal .bx--modal-close:focus {
  border: none;
}
.bx--modal.content-modal.rich-text-modal .rich-text-editor {
  display: flex;
  flex-flow: column;
  height: 100%;
  margin-bottom: 0;
}
.bx--modal.content-modal.rich-text-modal .rich-text-editor .fill-in-box {
  padding: 1rem;
  background-color: #f3f5f8;
  color: #9da7b2;
  border: 1px solid #e7e9ec;
  border-radius: 10px;
}
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-toolbar .tox-editor-container,
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-toolbar .tox-toolbar,
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-toolbar .tox-toolbar-overlord {
  border-radius: 0;
}
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-content-body {
  flex: 1;
  border-radius: 0;
}
@media only screen and (max-width: 1055px) {
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-content-body {
    max-height: calc(100vh - 7.5rem);
}
}
@media only screen and (min-width: 1056px) {
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-content-body {
    max-height: calc(100vh - 17.5rem);
}
}
@media only screen and (min-width: 1056px) {
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-content-body.mce-edit-focus {
    max-height: calc(100vh - 22.5rem);
}
}
@media only screen and (min-width: 672px) and (max-width: 1055px) {
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-content-body.mce-edit-focus {
    max-height: calc(100vh - 15rem);
}
}
@media only screen and (max-width: 671px) {
.bx--modal.content-modal.rich-text-modal .rich-text-editor .mce-content-body.mce-edit-focus {
    max-height: calc(100vh - 20.5rem);
}
}
.bx--modal.content-modal.rich-text-modal .message-component {
  margin: 0.25rem 1rem;
}
.bx--modal.content-modal.rich-text-modal .rich-text-editor-footer {
  min-height: auto;
  margin: 0.5rem 1rem 1rem;
  row-gap: 0.5rem;
}
.bx--modal.content-modal.rich-text-modal .auto-save-indicator {
  height: auto;
  align-items: center;
}
.bx--modal.content-modal.rich-text-modal .word-counter {
  position: absolute;
  top: -2.25rem;
  right: 3.55rem;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.comment-list-item {
  position: relative;
  padding: 1rem 1rem 1rem 0;
}
.comment-list-item .comment-actions {
  position: absolute;
  right: 0;
  top: 0.5rem;
}
.comment-list-item .comment-content {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.comment-list-item .comment-content {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.comment-list-item .comment-content .media-component:not(.transcript-enabled) .empty-placeholder {
  margin-top: 0;
  padding-top: 3rem;
  background-color: #ffffff;
}
.comment-list-item .comment-content .media-component:not(.transcript-enabled):hover :is(.image, .video):not(._no-image) {
  background-color: #ffffff;
  border-color: #f3f5f8;
}
.comment-list-item .comment-content .media-component:not(.transcript-enabled):hover :is(.image, .video):not(._no-image) .attachment-placeholder {
  visibility: visible;
}
.comment-list-item .comment-content .media-component:not(.transcript-enabled):hover .media-image-view {
  background-color: #e7e9ec;
}
.comment-list-item .comment-content .media-component:not(.transcript-enabled) :is(.image, .video):not(._no-image) {
  background-color: transparent;
  border-color: transparent;
}
.comment-list-item .comment-content .media-component:not(.transcript-enabled) :is(.image, .video):not(._no-image) .attachment-placeholder {
  visibility: hidden;
}
.comment-list-item .comment-content .media-component:not(.transcript-enabled) .media-image-view {
  background-color: transparent;
}
.comment-list-item .comment-content {
  margin-top: 0.5rem;
  word-break: break-word;
}
.comment-list-item .comment-content .actions {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
.comment-list-item .comment-content .deleted-text {
  font-size: small;
  font-style: italic;
}
.comment-list-item .comment-content .fetch-data-button.save {
  display: flex;
  margin-left: 1rem;
}
.comment-list-item .comment-content .input-checkbox > label .text {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.comment-list-item .comment-metadata {
  display: flex;
  flex-flow: column nowrap;
  padding-right: 1rem;
}
.comment-list-item .comment-avatar-name {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.comment-list-item .comment-avatar-name > .user-avatar {
  width: 24px;
  height: 24px;
}
.comment-list-item .edited {
  margin-right: 0.5rem;
  font-style: italic;
}
.comment-list-item .btn-mark-copy:first-child {
  margin-left: auto;
}
.comment-list-item .info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
  flex: 0 0 100%;
}
.comment-list-item .name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
  padding-right: 1rem;
}
.comment-list-item .name.learning-fa {
  color: #ea6613;
}
.comment-list-item .attachment-placeholder {
  background-color: #f3f5f8;
}
.comment-list-item .attachment-placeholder .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.comment-list-item .attachment-placeholder .title {
    font-size: 1rem;
    line-height: 1.625rem;
}
}.comment-list-wrapper {
  position: relative;
  margin: 1rem 0;
}
.comment-list-wrapper .comment-list .comment-list-item:first-child {
  padding-top: 0;
}
.comment-list-wrapper .comment-list .comment-list-item:not(:last-of-type) {
  border-bottom: 1px solid #e7e9ec;
}
.comment-list-wrapper .comment-list-nav {
  text-align: center;
  margin: 0.5rem 0 1rem 0;
}
.comment-list-wrapper .comment-list-placeholder {
  text-align: center;
  padding: 1rem 0;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.comment-section > .title {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e7e9ec;
}
.comment-section .btn-show-new .sls-icon {
  margin: 0 0 0 0.5rem;
}
.comment-section .btn-show-new .sls-icon path {
  stroke: #ffffff;
}
.comment-section .comment-editor-container .comment-editor {
  padding: 1rem;
  margin: 0 -1rem;
}
.comment-section .comment-editor-container .comment-editor .name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
.comment-section .comment-editor-container .comment-editor .rich-text-editor {
  margin: 0;
}
.comment-section .comment-editor-container .comment-editor .actions {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.comment-section .comment-editor-container .comment-editor .bx--btn.add {
  margin-left: auto;
}
.comment-section .comment-section-nav > .bx--btn-set {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.comment-section .comment-section-nav > .bx--btn-set > .bx--btn {
  max-width: unset;
  width: auto;
}
.content-subpage .comment-section {
  min-height: 100%;
  padding: 1rem;
  padding-bottom: 4rem;
  margin: 0 -1rem;
  background-color: #ffffff;
}
.content-subpage .comment-section .comment-section-nav {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  width: 100%;
  text-align: center;
}
.content-subpage .comment-section .comment-section-nav:has(.btn-add-annotation-comment) {
  position: static;
  transform: initial;
}
.content-subpage .comment-section .comment-section-nav > .bx--btn-set > .bx--btn {
  position: absolute;
  bottom: 1rem;
}
.content-subpage .comment-section .comment-section-nav > .bx--btn-set > .bx--btn.btn-add-comment {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.6688rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  right: 1rem;
  display: flex;
  flex-flow: column;
  height: 3.75rem;
  width: 3.75rem;
  max-height: initial;
  min-width: initial;
  padding: 0.25rem;
  box-shadow: 0px 10px 15px rgba(43, 99, 217, 0.25);
}
.content-subpage .comment-section .comment-section-nav > .bx--btn-set > .bx--btn.btn-add-comment .sls-icon {
  margin-right: 0;
}
.content-subpage .comment-section .comment-section-nav > .bx--btn-set > .bx--btn.btn-add-annotation-comment {
  position: static;
  margin-top: 2rem;
}
@media only screen and (min-width: 1056px) {
.content-subpage .comment-section .comment-section-nav > .bx--btn-set > .bx--btn.btn-show-new {
    left: 65%;
}
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.annotation-list-item-content-subpage .annotation-content .media-component:not(.transcript-enabled) .empty-placeholder {
  margin-top: 0;
  padding-top: 3rem;
  background-color: #ffffff;
}
.annotation-list-item-content-subpage .annotation-content .media-component:not(.transcript-enabled):hover :is(.image, .video):not(._no-image) {
  background-color: #ffffff;
  border-color: #f3f5f8;
}
.annotation-list-item-content-subpage .annotation-content .media-component:not(.transcript-enabled):hover :is(.image, .video):not(._no-image) .attachment-placeholder {
  visibility: visible;
}
.annotation-list-item-content-subpage .annotation-content .media-component:not(.transcript-enabled):hover .media-image-view {
  background-color: #e7e9ec;
}
.annotation-list-item-content-subpage .annotation-content .media-component:not(.transcript-enabled) :is(.image, .video):not(._no-image) {
  background-color: transparent;
  border-color: transparent;
}
.annotation-list-item-content-subpage .annotation-content .media-component:not(.transcript-enabled) :is(.image, .video):not(._no-image) .attachment-placeholder {
  visibility: hidden;
}
.annotation-list-item-content-subpage .annotation-content .media-component:not(.transcript-enabled) .media-image-view {
  background-color: transparent;
}
.annotation-list-item-content-subpage .annotation-content {
  position: relative;
}
.annotation-list-item-content-subpage .annotation-content .header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.annotation-list-item-content-subpage .annotation-content .header-wrapper > .actions {
  position: unset;
}
.annotation-list-item-content-subpage .annotation-content .name.learning-fa {
  color: #ea6613;
}
.annotation-list-item-content-subpage .annotation-content .actions {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.annotation-list-item-content-subpage .annotation-content .actions .bx--overflow-menu__icon {
  fill: #2b63d9;
}
.annotation-list-item-content-subpage .annotation-content .actions .sls-icon [fill] {
  fill: #2b63d9;
}
.annotation-list-item-content-subpage .annotation-content .note {
  margin-bottom: 1rem;
}
.annotation-list-item-content-subpage .annotation-content .content {
  background-color: transparent;
}
.annotation-list-item-content-subpage .annotation-content .content .highlight-content {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.annotation-list-item-content-subpage .annotation-content .content .highlight-content > .media-component {
  width: 100%;
}
.annotation-list-item-content-subpage .annotation-content .content .highlight-content .bx--tag {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  display: block;
  margin: 0;
  padding: 0.25rem 0.75rem;
  min-width: 3.5rem;
  max-width: 3.5rem;
  background-color: rgb(212.6, 223.8, 247.4);
  color: #112857;
}
.annotation-list-item-content-subpage .annotation-content .content .highlight-content > .rich-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 42;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  border-radius: 0;
}
.annotation-list-item-content-subpage .annotation-content .content span:not(.plyr__pin).highlight-1 {
  background-color: #79e1e8;
}
.annotation-list-item-content-subpage .annotation-content .content span:not(.plyr__pin).highlight-2 {
  background-color: #e7b2ed;
}
.annotation-list-item-content-subpage .annotation-content .content span:not(.plyr__pin).highlight-3 {
  background-color: #f9c097;
}
.annotation-list-item-content-subpage .annotation-content .content span:not(.plyr__pin).assess-1 {
  background: linear-gradient(transparent 0%, transparent 80%, rgba(193, 65, 73, 0.5) 80%, rgba(193, 65, 73, 0.5) 100%, transparent 100%);
}
.annotation-list-item-content-subpage .annotation-content .content span:not(.plyr__pin).assess-2 {
  background: linear-gradient(transparent 0%, transparent 80%, rgba(103, 183, 23, 0.5) 80%, rgba(103, 183, 23, 0.5) 100%, transparent 100%);
}
.annotation-list-item-content-subpage .annotation-content .content span:not(.plyr__pin).assess-3 {
  background: linear-gradient(transparent 0%, transparent 80%, rgba(43, 99, 217, 0.5) 80%, rgba(43, 99, 217, 0.5) 100%, transparent 100%);
}
.annotation-list-item-content-subpage .annotation-content .content span:not(.plyr__pin).assess-3.highlight-2 {
  background: linear-gradient(transparent 0%, transparent 80%, rgba(43, 99, 217, 0.5) 80%, rgba(43, 99, 217, 0.5) 100%, transparent 100%), rgba(137, 223, 126, 0.8);
}
.annotation-list-item-content-subpage .annotation-content .content span > p {
  display: inline;
}
.annotation-list-item-content-subpage .annotation-content .content .is-image-annotation span.assess-1 {
  background: linear-gradient(transparent 0%, transparent 80%, rgba(103, 183, 23, 0.5) 80%, rgba(103, 183, 23, 0.5) 100%, transparent 100%);
}
.annotation-list-item-content-subpage .annotation-content .content .is-image-annotation span.assess-2 {
  background: linear-gradient(transparent 0%, transparent 80%, rgba(193, 65, 73, 0.5) 80%, rgba(193, 65, 73, 0.5) 100%, transparent 100%);
}
.annotation-list-item-content-subpage .annotation-content .keywords > label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.annotation-list-item-content-subpage .annotation-content .keywords > label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.annotation-list-item-content-subpage .annotation-content .keywords > label {
  color: #6d7b8c;
}
.annotation-list-item-content-subpage .annotation-content .name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.annotation-list-item-content-subpage .annotation-content .name {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.annotation-list-item-content-subpage .annotation-content .name {
  max-width: calc(100% - 2.5rem);
}
.annotation-list-item-content-subpage .annotation-content .timestamp {
  flex: 0 0 100%;
  margin-top: 0.25rem;
  margin-bottom: 0;
  color: #6d7b8c;
}
.annotation-list-item-content-subpage .annotation-content .timestamp .timestamp-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.annotation-list-item-content-subpage .annotation-content .timestamp .timestamp-wrapper .team-tag {
  margin-right: 0.5rem;
}
.annotation-list-item-content-subpage .annotation-content .timestamp .label {
  margin-right: 0.25rem;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.annotation-list-item-content-subpage .annotation-content .timestamp .label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.annotation-list-item-content-subpage .annotation-content .timestamp time {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.annotation-list-item-content-subpage .annotation-content .timestamp time {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.annotation-list-item-content-subpage .tooltip-content {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ced3d9;
}
.annotation-list-item-content-subpage .tooltip-content .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.annotation-list-item-content-subpage .tooltip-content .title {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.annotation-list-item-content-subpage .tooltip-content .title {
  margin-bottom: 0.5rem;
}
.annotation-list-item-content-subpage .tooltip-content .description {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
.annotation-list-item-content-subpage .comment-section {
  padding-top: 0;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub {
  padding: 0 1rem;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .annotation-content {
  margin-bottom: 2rem;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form {
  margin-top: 0;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form .name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form .name {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form .name {
  margin-bottom: 1rem;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form .field-set .keywords input {
  background-color: #f3f5f8;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form .field-set.visible-to-students .field-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form .field-set.visible-to-students .field-input .bx--toggle__switch {
  margin-top: 0;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form .field-set.actions {
  margin-top: 2rem;
}
.annotation-list-item-content-subpage .bx--modal-container .content .sub .bx--form .field-set.actions .field-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.annotation-list-item-content-subpage .btn-add-comment .sls-icon {
  margin-right: 0;
}/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.annotation-toolbar {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 0.5rem;
  margin-top: 0.75rem !important;
  width: 162px;
  border-radius: 10px;
  box-shadow: 0 0 4px 1px rgba(84, 101, 121, 0.3);
  z-index: 200;
}
.annotation-toolbar::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  border-color: transparent transparent #ffffff transparent;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  z-index: 1;
}
.annotation-toolbar::after {
  content: "";
  position: absolute;
  top: -0.6rem;
  border-color: transparent transparent #546579 transparent;
  border-width: 0 9px 9px 9px;
  border-style: solid;
  opacity: 0.1;
}
.text-annotation .annotation-toolbar .button.shape-2 {
  height: 27px;
  width: 27px;
  border-radius: 50%;
}
.image-annotation .annotation-toolbar .button {
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
}
.image-annotation .annotation-toolbar .button.shape-1 {
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.6214%207.12129C27.4498%205.94972%2025.5503%205.94972%2024.3787%207.12129L11.9927%2019.5073L8.364%2015.8787C7.19242%2014.7071%205.29293%2014.7071%204.12136%2015.8787C2.94978%2017.0502%202.94978%2018.9497%204.12136%2020.1213L9.77821%2025.7781C10.8337%2026.8336%2012.4799%2026.9382%2013.6525%2026.0919C13.9514%2025.949%2014.2316%2025.7537%2014.4792%2025.5061L28.6214%2011.3639C29.7929%2010.1924%2029.7929%208.29287%2028.6214%207.12129Z'%20fill='%2379E1E8'/%3e%3c/svg%3e");
}
.image-annotation .annotation-toolbar .button.shape-2 {
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.5919%204.87869C25.4203%203.70712%2023.5208%203.70712%2022.3492%204.8787L15.9853%2011.2427L9.62132%204.87869C8.44975%203.70712%206.55025%203.70712%205.37868%204.87869C4.20711%206.05027%204.20711%207.94976%205.37868%209.12134L11.7426%2015.4853L5.37868%2021.8493C4.20711%2023.0208%204.20711%2024.9203%205.37868%2026.0919C6.55025%2027.2635%208.44975%2027.2635%209.62132%2026.0919L15.9853%2019.7279L22.3492%2026.0919C23.5208%2027.2635%2025.4203%2027.2635%2026.5919%2026.0919C27.7635%2024.9203%2027.7635%2023.0208%2026.5919%2021.8493L20.2279%2015.4853L26.5919%209.12134C27.7635%207.94976%2027.7635%206.05027%2026.5919%204.87869Z'%20fill='%23E7B2ED'/%3e%3c/svg%3e");
}
.image-annotation .annotation-toolbar .button.shape-3 {
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M25.5%2016C25.5%2020.9706%2021.4706%2025%2016.5%2025C11.5294%2025%207.5%2020.9706%207.5%2016C7.5%2011.0294%2011.5294%207%2016.5%207C21.4706%207%2025.5%2011.0294%2025.5%2016Z'%20stroke='%23F9C097'%20stroke-width='6'/%3e%3c/svg%3e");
}
.image-annotation .annotation-toolbar .button.assess-1 {
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.6214%207.12129C27.4498%205.94972%2025.5503%205.94972%2024.3787%207.12129L11.9927%2019.5073L8.364%2015.8787C7.19242%2014.7071%205.29293%2014.7071%204.12136%2015.8787C2.94978%2017.0502%202.94978%2018.9497%204.12136%2020.1213L9.77821%2025.7781C10.8337%2026.8336%2012.4799%2026.9382%2013.6525%2026.0919C13.9514%2025.949%2014.2316%2025.7537%2014.4792%2025.5061L28.6214%2011.3639C29.7929%2010.1924%2029.7929%208.29287%2028.6214%207.12129Z'%20fill='%2389DF7E'/%3e%3c/svg%3e");
}
.image-annotation .annotation-toolbar .button.assess-2 {
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.5919%204.87869C25.4203%203.70712%2023.5208%203.70712%2022.3492%204.8787L15.9853%2011.2427L9.62132%204.87869C8.44975%203.70712%206.55025%203.70712%205.37868%204.87869C4.20711%206.05027%204.20711%207.94976%205.37868%209.12134L11.7426%2015.4853L5.37868%2021.8493C4.20711%2023.0208%204.20711%2024.9203%205.37868%2026.0919C6.55025%2027.2635%208.44975%2027.2635%209.62132%2026.0919L15.9853%2019.7279L22.3492%2026.0919C23.5208%2027.2635%2025.4203%2027.2635%2026.5919%2026.0919C27.7635%2024.9203%2027.7635%2023.0208%2026.5919%2021.8493L20.2279%2015.4853L26.5919%209.12134C27.7635%207.94976%2027.7635%206.05027%2026.5919%204.87869Z'%20fill='%23F999A4'/%3e%3c/svg%3e");
}
.image-annotation .annotation-toolbar .button.assess-3 {
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M25.5%2016C25.5%2020.9706%2021.4706%2025%2016.5%2025C11.5294%2025%207.5%2020.9706%207.5%2016C7.5%2011.0294%2011.5294%207%2016.5%207C21.4706%207%2025.5%2011.0294%2025.5%2016Z'%20stroke='%238CB7FE'%20stroke-width='6'/%3e%3c/svg%3e");
}
.page-template:not(.standard-width) .annotation-toolbar {
  z-index: 8001;
}
.annotation-toolbar .action {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  place-items: center;
  gap: 0.25rem 0;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
.annotation-toolbar .action:empty {
  padding: 0;
  margin: 0;
}
.annotation-toolbar .action:empty + .annotation-buttons {
  margin-top: -0.5rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.annotation-toolbar .action .sls-icon [stroke] {
  stroke: #2b63d9;
}
.annotation-toolbar .action .sls-icon [fill] {
  fill: #2b63d9;
}
.annotation-toolbar .button {
  position: relative;
  margin: 0 0.25rem;
  border: none;
  cursor: pointer;
}
.annotation-toolbar .button:focus {
  outline: none;
}
.annotation-toolbar .button.selected::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 10px;
  width: 7px;
  height: 14px;
  border-bottom: 2px solid #f3f5f8;
  border-right: 2px solid #f3f5f8;
  transform: rotate(45deg);
}
.annotation-toolbar .annotation-divider {
  width: 100%;
  margin-top: 0.5rem;
  border-top: 1px solid #ced3d9;
}
.annotation-toolbar .annotation-buttons {
  width: calc(100% + 1rem);
  margin: 0 -0.5rem -0.5rem;
}
.annotation-toolbar .annotation-buttons:only-child {
  margin-top: -0.5rem;
}
.annotation-toolbar .annotation-buttons:only-child:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.annotation-toolbar .annotation-buttons .bx--btn {
  width: 100%;
  min-height: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0.5rem;
  border-radius: 0;
}
.annotation-toolbar .annotation-buttons .bx--btn:disabled {
  opacity: 1;
}
.annotation-toolbar .annotation-buttons .bx--btn:disabled span {
  color: #9da7b2;
}
.annotation-toolbar .annotation-buttons .bx--btn:disabled .sls-icon[name*=Salis] [fill="#EA6613"] {
  fill: #9da7b2;
}
.annotation-toolbar .annotation-buttons .bx--btn:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.annotation-toolbar .annotation-buttons .bx--btn.tooltip-button .bx--tooltip__trigger {
  padding: 0;
}
.annotation-toolbar .annotation-buttons .bx--btn.tooltip-button .bx--tooltip__trigger .bx--assistive-text {
  color: #ffffff;
}
.annotation-toolbar .annotation-buttons .bx--btn span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  text-transform: uppercase;
}.dictionary-term > .content {
  max-height: 15rem;
  overflow: auto;
  /*IOS Safari*/
  transform: translateZ(0);
}
.dictionary-term > .content .empty-placeholder {
  margin: 0;
  padding: 0;
}
.dictionary-term .search-bar {
  margin-bottom: 1rem;
}
.dictionary-term .term {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1.313rem;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.dictionary-term .term {
    font-size: 1.5rem;
    line-height: 2rem;
}
}
.dictionary-term .tabs ol {
  margin: 1rem 0;
  padding-left: 1.5rem;
  list-style-type: decimal;
}
.dictionary-term .tabs ul {
  padding-left: 1rem;
  list-style-type: disc;
}
.dictionary-term .multiple-results {
  margin-top: 0.5rem;
  width: 120px;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.dictionary-popup.content-popup-container {
  inset: unset !important;
  transform: unset !important;
}
@media only screen and (min-width: 1056px) {
.dictionary-popup.content-popup-container div.content-popup {
    max-width: 680px;
}
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.text-annotation > .dictionary-container {
  position: fixed;
  width: 100vw;
  max-width: 1312px;
  z-index: 1000;
}
@media only screen and (min-width: 1056px) {
.text-annotation > .dictionary-container .content-popup-container {
    max-width: calc(1312px - 4rem - 4rem);
}
}
@media only screen and (min-width: 672px) and (max-width: 1055px) {
.text-annotation > .dictionary-container .content-popup-container {
    max-width: calc(100vw - 4rem - 4rem);
}
}.annotatable-richtext {
  position: relative;
}.user-list {
  display: flex;
  flex-flow: row wrap;
  color: #1a1a1a;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.user-list {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.user-list .user-list-item {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 1rem 0;
  border-bottom: 1px solid #e7e9ec;
}
.user-list .user-list-item:first-child {
  border-top: 1px solid #e7e9ec;
}
.user-list .user-list-item:last-child {
  border-bottom: none;
}
.user-list .user-list-item .bx--link {
  display: flex;
  align-items: center;
  width: 100%;
  color: #1a1a1a;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.user-list .user-list-item .bx--link {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.user-list .user-list-item .bx--link:hover {
  text-decoration: none;
}
.user-list .user-list-item span.bold {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
.user-list .user-avatar {
  margin-right: 1rem;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.attached-toolbar-container {
  background-color: #ffffff;
  box-shadow: 0px 4px 8px rgba(2, 41, 79, 0.06);
  border-radius: 10px;
  z-index: 1100;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.attached-toolbar-container .toolbar-item:first-child .attached-toolbar {
  border-radius: 10px 10px 0 0;
}
.attached-toolbar-container .toolbar-item:last-child .attached-toolbar {
  border-radius: 0 0 10px 10px;
}
.attached-toolbar-container .toolbar-item:last-child .divider {
  display: none;
}
.attached-toolbar-container .toolbar-item:only-child .attached-toolbar {
  border-radius: 10px;
}
.attached-toolbar-container .toolbar-item .divider {
  margin: 0 0.5rem;
  border-top: 1px solid #e7e9ec;
}
.attached-toolbar-container .bx--overflow-menu {
  border-radius: 10px;
}
@media only screen and (min-width: 672px) {
.attached-toolbar-container .bx--overflow-menu {
    width: 48px;
    height: 48px;
}
}
.attached-toolbar-container .bx--overflow-menu .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger {
  background: none;
  border-radius: 10px;
}
.attached-toolbar-container .bx--overflow-menu .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
  border: 0;
}.editable-tag-list label.bx--label {
  font: var(--body-short-01);
  color: var(--text-02);
  margin-bottom: 8px;
}
.editable-tag-list .bx--list-box__wrapper {
  margin-bottom: 0.5rem;
}
.editable-tag-list .bx--list-box .bx--text-input::placeholder {
  color: #9da7b2;
}
.editable-tag-list div.cv-tag.bx--tag.bx--tag--filter {
  cursor: initial;
}
.editable-tag-list .bx--tag {
  color: #112857;
}
.editable-tag-list .bx--tag__label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.editable-tag-list .bx--tag__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.editable-tag-list .bx--tag__label {
  overflow: visible;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.list-component.bx--tile {
  display: flex;
  position: relative;
  padding: 0.5rem;
  border-radius: 10px;
  background-color: #f3f5f8;
  border: 1px solid transparent;
  word-break: break-word;
}
.dashboard-side-section .list-component.bx--tile .list-header .title {
  padding-right: 1rem;
}
.list-component.bx--tile:not(.empty):hover, .list-component.bx--tile:not(.empty):active {
  box-shadow: 0px 4px 8px rgba(2, 41, 79, 0.06);
}
.list-component.bx--tile:not(.empty):hover .hover-indicator, .list-component.bx--tile:not(.empty):active .hover-indicator {
  display: block;
}
.list-component.bx--tile:not(.empty):active {
  border-color: #2b63d9;
}
.list-component.bx--tile:not(.empty):active .hover-indicator path {
  stroke: #2b63d9;
}
.list-component.bx--tile.has-flag-and-overflow-menu .list-header .title {
  margin-right: 3rem;
}
.list-component.bx--tile .list-icon {
  display: flex;
  justify-content: center;
  min-width: 40px;
}
.list-component.bx--tile .list-icon ~ .content-wrapper {
  max-width: calc(100% - 3rem);
}
.list-component.bx--tile .content-wrapper {
  width: 100%;
  max-width: 100%;
}
.list-component.bx--tile .hover-indicator {
  display: none;
  position: absolute;
  right: 1rem;
  bottom: 0.5rem;
}
.list-component.bx--tile .hover-indicator path {
  stroke: #6d7b8c;
}
.list-component.bx--tile .list-tags .label-component span {
  padding: 0.125rem 0.5rem;
}
.list-component.bx--tile .list-header .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.list-component.bx--tile .list-header .title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.list-component.bx--tile .list-header .title {
  padding-right: 1rem;
}
.list-component.bx--tile .list-header .info {
  margin-top: 0.25rem;
}
.list-component.bx--tile .list-header .timestamp {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
  color: #6d7b8c;
}
.list-component.bx--tile .list-header .timestamp time {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.16px;
  display: inline-flex;
  align-items: center;
}
.list-component.bx--tile .list-header .timestamp time .sls-icon {
  margin-right: 0.25rem;
}
.list-component.bx--tile .content-wrapper .mce-content {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.067rem;
  letter-spacing: 0.16px;
  padding-right: 1rem;
}
.list-component.bx--tile .list-actions {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0.5rem;
  top: 0.125rem;
}
.list-component.bx--tile .list-actions > *:not(:first-child) {
  margin-left: 0.5rem;
}.filter-selection {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.filter-selection:hover {
  background-color: #e7e9ec;
}
.filter-selection.has-active-filters {
  padding-left: 1rem;
  background-color: #e7e9ec;
  border-radius: 10px;
}
.filter-selection.has-active-filters:hover {
  background-color: #b6bdc5;
}
.filter-selection.has-active-filters .filter-icon [fill] {
  fill: #2b63d9;
}
.filter-selection .filter-count {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  margin: 0.5rem;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  background-color: #546579;
  border-radius: 12px;
}
.filter-selection .filter-count .sls-icon {
  margin: 0 0 0 0.375rem;
}
.filter-selection .filter-count .sls-icon [fill] {
  fill: #ffffff;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.button-picker {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-picker.secondary .picker-option {
  background-color: #f3f5f8;
}
.button-picker.secondary .picker-option:not([disabled]):hover {
  background-color: #e7e9ec;
  color: #1a1a1a;
}
.button-picker.secondary .picker-option:not([disabled]).active {
  background-color: #546579;
  color: #ffffff;
}
.button-picker.has-tooltip .picker-option {
  position: relative;
  display: inline-flex;
  padding: 0.5rem;
}
.button-picker.has-tooltip .picker-option.active .sls-icon [fill] {
  fill: #ffffff;
}
.button-picker.has-tooltip .bx--tooltip__trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.button-picker.has-tooltip .bx--tooltip__trigger svg {
  display: none;
}
.button-picker .picker-option {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.button-picker .picker-option {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.button-picker .picker-option {
  position: relative;
  padding: 0.5rem 1rem;
  background-color: #ffffff;
  color: #6d7b8c;
  border: 1px solid transparent;
  cursor: pointer;
}
.button-picker .picker-option[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.button-picker .picker-option:first-child {
  border-radius: 10px 0 0 10px;
}
.button-picker .picker-option:last-child {
  border-radius: 0 10px 10px 0;
}
.button-picker .picker-option:hover:not([disabled], .active) {
  background-color: #e7e9ec;
}
.button-picker .picker-option:not(:first-child):not(.active)::before {
  position: absolute;
  top: 50%;
  right: unset;
  bottom: unset;
  left: -1px;
  content: "";
  height: 1.5rem;
  width: 1px;
  display: block;
  background-color: #e7e9ec;
  transform: translateY(-50%);
  z-index: 2;
}
.button-picker .picker-option.active {
  background-color: #546579;
  color: #ffffff;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
.selection-bar {
  align-items: center;
  background-color: #0b233f;
  color: #ffffff;
  height: 0;
  display: none;
  border-radius: 10px;
  z-index: 200;
  transform: translateZ(0);
}
.selection-bar._active {
  height: 44px;
  display: flex;
}
.selection-bar .selection {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.selection-bar .selection {
    font-size: 1rem;
    line-height: 1.625rem;
}
}
.selection-bar .selection {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 0.5rem 1rem;
}
.selection-bar .selection .count,
.selection-bar .selection .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.selection-bar .selection .count,
  .selection-bar .selection .label {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.selection-bar .selection .count {
  margin-right: 0.25rem;
  font-weight: bold;
}
.selection-bar .selection .clear-selection {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 1rem;
  color: #aac1f0;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.6688rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.selection-bar .selection .clear-selection:hover:not([disabled]) {
  color: #ffffff;
}
.selection-bar .selection .clear-selection:active {
  color: #ffffff;
}
.selection-bar .selection .clear-selection [stroke] {
  stroke: currentColor;
}
.selection-bar .selection .clear-selection [fill] {
  fill: currentColor;
}
.selection-bar .action-tools {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 1rem;
}
.selection-bar .action-tools ul {
  display: flex;
  align-items: center;
}
.selection-bar .action-tools li:not(:first-child) .button,
.selection-bar .action-tools li:not(:first-child) .tooltip-button {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #546579;
}
.selection-bar .action-tools .button {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.6688rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  color: #aac1f0;
}
.selection-bar .action-tools .button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.selection-bar .action-tools .button:hover:not([disabled]), .selection-bar .action-tools .button:active:not([disabled]) {
  color: #ffffff;
}
.selection-bar .action-tools .button .sls-icon {
  flex: 0 0 auto;
  margin: 0 0.25rem 0.125rem 0;
}
.selection-bar .action-tools .button .sls-icon [stroke] {
  stroke: currentColor;
}
.selection-bar .action-tools .button .sls-icon [fill] {
  fill: currentcolor;
}
.selection-bar .action-tools .button span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: start;
  white-space: normal;
  word-wrap: break-word;
  line-height: normal;
  max-width: 11rem;
  line-height: 14px;
  text-align: left;
}
.selection-bar .action-tools .tooltip-button {
  background: none;
  height: auto;
  min-width: unset;
  min-height: unset;
  line-height: inherit;
  border-radius: 0;
}
.selection-bar .action-tools .tooltip-button:hover {
  background: none;
}
.selection-bar .action-tools .tooltip-button .bx--tooltip__trigger {
  padding: 0;
  cursor: not-allowed;
}
.selection-bar .action-tools .tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y.bx--tooltip--top::before {
  top: -1rem;
}
.selection-bar .action-tools .tooltip-button .bx--tooltip__trigger.bx--tooltip--a11y.bx--tooltip--top .bx--assistive-text {
  top: -20px;
}
.selection-bar .action-tools .tooltip-button .bx--tooltip__trigger .tooltip-button-label,
.selection-bar .action-tools .tooltip-button .bx--tooltip__trigger .sls-icon {
  opacity: 0.5;
}
.selection-bar .action-tools .tooltip-button .bx--tooltip__trigger .tooltip-button-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.6688rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  max-width: 10rem;
  line-height: 14px;
  text-align: left;
}
.selection-bar .action-tools .tooltip-button .bx--tooltip__trigger .sls-icon {
  flex: 0 0 auto;
  margin: 0 0.25rem 0.125rem 0;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
@media only screen and (max-width: 671px) {
.selection-bar-menu.list-menu.more-than-one-item {
    display: none !important;
}
.selection-bar-menu.overflow-menu:not(.more-than-one-item) {
    display: none !important;
}
}
@media only screen and (min-width: 672px) {
.selection-bar-menu.list-menu.more-than-three-items {
    display: none !important;
}
.selection-bar-menu.overflow-menu:not(.more-than-three-items) {
    display: none !important;
}
}
.selection-bar-menu.bx--overflow-menu:hover {
  background-color: #091c32;
}
.selection-bar-menu.bx--overflow-menu:focus, .selection-bar-menu.bx--overflow-menu:active {
  background-color: #393939;
}
.selection-bar-menu.bx--overflow-menu .bx--overflow-menu__trigger.bx--tooltip__trigger svg {
  width: 24px;
  height: 24px;
  fill: #aac1f0;
}.icon-label-component {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.icon-label-component {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.icon-label-component {
  display: inline-flex;
  align-self: center;
  align-items: center;
  height: 1.75rem;
  padding: 0.25rem 0.5rem;
  gap: 0.25rem;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: default;
}
.icon-label-component.online {
  background-color: rgb(224.6, 240.6, 208.6);
  color: rgb(41.2, 73.2, 9.2);
}
.icon-label-component.offline {
  background-color: rgb(235.4, 237.4, 239.6);
  color: rgb(62.8, 66.8, 71.2);
}
.icon-label-component .sls-icon {
  min-width: 1rem;
}
.icon-label-component .sls-icon path:first-of-type {
  opacity: 0.1;
}
.icon-label-component .sls-icon [fill] {
  fill: currentColor;
}.structured-list-wrapper {
  max-height: calc(var(--vh, 1vh) * 75);
  max-width: 100%;
  overflow-x: auto;
}
.content-subpage .structured-list-wrapper {
  max-height: calc(var(--vh, 1vh) * 65);
  /*IOS Safari*/
  transform: translateZ(0);
  border-radius: 10px;
}
.structured-list-wrapper .bx--structured-list-thead {
  position: sticky;
  top: 0;
  z-index: calc(1 + 1);
}.file-uploader .acceptable-files-info {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.file-uploader .acceptable-files-info {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.file-uploader .acceptable-files-info {
  color: #6d7b8c;
  margin-bottom: 1.5rem;
}
.file-uploader .acceptable-files-info .bx--link {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.file-uploader .acceptable-files-info .bx--link {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.bx--modal .file-uploader .acceptable-files-info .bx--link {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.bx--modal .file-uploader .acceptable-files-info .bx--link {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.file-uploader._disabled:active {
  pointer-events: none;
}
.file-uploader._disabled .bx--file .bx--file__drop-container::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='81'%20height='80'%20viewBox='0%200%2081%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.2008%2060.7939C10.0916%2060.4811%2010.032%2060.1384%2010.032%2059.7908V12.0987C10.032%2010.3904%2011.4175%209%2013.1307%209H34.0172C35.0302%209%2036.0085%209.37244%2036.7633%2010.0478L42.3996%2015.0732C43.1544%2015.7486%2044.1327%2016.121%2045.1457%2016.121H68.6541C70.3624%2016.121%2071.7529%2017.5065%2071.7529%2019.2197V61.7126L10.2008%2060.7989V60.7939Z'%20fill='%23A7B0BA'/%3e%3cpath%20d='M0.457798%2027.1799L10.325%2062.6908C10.7123%2064.0813%2011.9786%2065.0446%2013.4187%2065.0446H68.535C70.6554%2065.0446%2072.1948%2063.0285%2071.6337%2060.9826L63.4052%2030.9739C63.0378%2029.6281%2061.8162%2028.6945%2060.4207%2028.6945H33.9874C33.2524%2028.6945%2032.5274%2028.4959%2031.8918%2028.1235L24.5969%2023.823C23.9613%2023.4506%2023.2363%2023.252%2022.5013%2023.252H3.44229C1.39635%2023.252%20-0.0884481%2025.2035%200.457798%2027.175V27.1799Z'%20fill='%23D3D7DC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M29.3491%2042.6183C28.3609%2038.7946%2030.8836%2035.9392%2035.0102%2036.2074C39.1368%2036.4755%2043.328%2039.7778%2044.4106%2043.6065C48.2641%2043.6065%2052.4454%2046.596%2053.7067%2050.2459C54.9681%2053.9007%2052.8476%2056.8852%2048.9941%2056.8852H26.1213C23.3255%2056.8654%2020.336%2054.7151%2019.4223%2052.0733C18.5086%2049.4315%2020.0182%2047.2812%2022.7991%2047.2614C21.2398%2044.7139%2022.0791%2042.0423%2024.3932%2041.4762C25.7935%2041.1335%2027.6905%2041.5209%2029.3441%2042.6183H29.3491Z'%20fill='%23ACB4BD'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.7089%2039.2472C33.3911%2039.3068%2032.9938%2039.0933%2032.82%2038.7755C32.6462%2038.4576%2032.7654%2038.1498%2033.0832%2038.0902C33.1974%2038.0703%2033.3066%2038.0505%2033.4159%2038.0356C35.1192%2037.8071%2036.8572%2038.2243%2038.3768%2039.0635C39.9013%2039.9077%2041.1875%2041.174%2041.982%2042.6339C42.0317%2042.7283%2042.0813%2042.8177%2042.126%2042.912C42.2849%2043.2348%2042.1459%2043.5328%2041.8231%2043.5725C41.5003%2043.6122%2041.108%2043.3887%2040.9491%2043.066C40.9094%2042.9915%2040.8746%2042.917%2040.8349%2042.8475C40.2092%2041.6904%2039.1862%2040.6873%2037.9845%2040.0219C36.7728%2039.3515%2035.3724%2039.0188%2033.987%2039.2075C33.8926%2039.2224%2033.7983%2039.2373%2033.7089%2039.2522V39.2472Z'%20fill='%23F8F8F9'/%3e%3cpath%20d='M16.7262%2030.1601C17.3625%2030.1601%2017.8783%2029.6443%2017.8783%2029.008C17.8783%2028.3718%2017.3625%2027.856%2016.7262%2027.856C16.0899%2027.856%2015.5741%2028.3718%2015.5741%2029.008C15.5741%2029.6443%2016.0899%2030.1601%2016.7262%2030.1601Z'%20fill='%23A7B0BA'/%3e%3cpath%20d='M11.8844%2030.1601C12.5207%2030.1601%2013.0365%2029.6443%2013.0365%2029.008C13.0365%2028.3718%2012.5207%2027.856%2011.8844%2027.856C11.2481%2027.856%2010.7323%2028.3718%2010.7323%2029.008C10.7323%2029.6443%2011.2481%2030.1601%2011.8844%2030.1601Z'%20fill='%23A7B0BA'/%3e%3cpath%20d='M7.03795%2030.1601C7.67423%2030.1601%208.19003%2029.6443%208.19003%2029.008C8.19003%2028.3718%207.67423%2027.856%207.03795%2027.856C6.40167%2027.856%205.88586%2028.3718%205.88586%2029.008C5.88586%2029.6443%206.40167%2030.1601%207.03795%2030.1601Z'%20fill='%23A7B0BA'/%3e%3cg%20style='mix-blend-mode:multiply'%20opacity='0.4'%3e%3cpath%20d='M66.6225%2042.7474C65.5697%2042.5091%2064.4772%2042.375%2063.3499%2042.375C55.2357%2042.375%2048.6609%2048.9498%2048.6609%2057.064C48.6609%2060.0038%2049.5299%2062.74%2051.0147%2065.0342H72.363C72.4673%2064.5625%2072.4673%2064.0559%2072.3283%2063.5494L66.6225%2042.7425V42.7474Z'%20fill='%23D2D6DB'/%3e%3c/g%3e%3cpath%20d='M65.6546%2070.294C73.7672%2070.294%2080.3437%2063.7175%2080.3437%2055.605C80.3437%2047.4925%2073.7672%2040.916%2065.6546%2040.916C57.5421%2040.916%2050.9656%2047.4925%2050.9656%2055.605C50.9656%2063.7175%2057.5421%2070.294%2065.6546%2070.294Z'%20fill='%238A95A3'/%3e%3cpath%20d='M65.6545%2046.5366C60.6489%2046.5366%2056.5918%2050.5937%2056.5918%2055.5993C56.5918%2060.6049%2060.6489%2064.662%2065.6545%2064.662C70.6601%2064.662%2074.7172%2060.6049%2074.7172%2055.5993C74.7172%2050.5937%2070.6601%2046.5366%2065.6545%2046.5366ZM65.6545%2048.806C67.1195%2048.806%2068.4702%2049.2827%2069.5825%2050.0773L60.1275%2059.5323C59.3379%2058.4199%2058.8612%2057.0692%2058.8612%2055.6092C58.8612%2051.86%2061.9103%2048.811%2065.6595%2048.811L65.6545%2048.806ZM65.6545%2062.3976C64.1896%2062.3976%2062.8389%2061.9209%2061.7265%2061.1263L71.1815%2051.6713C71.9711%2052.7837%2072.4478%2054.1344%2072.4478%2055.5944C72.4478%2059.3436%2069.3988%2062.3926%2065.6496%2062.3926L65.6545%2062.3976Z'%20fill='white'/%3e%3c/svg%3e");
}
.file-uploader._disabled .bx--file-browse-btn {
  text-decoration: none;
  cursor: not-allowed;
}
.file-uploader._disabled .message-component {
  color: #9da7b2;
}
.file-uploader .uploader-wrapper {
  position: relative;
  margin-bottom: 1rem;
}
.file-uploader .uploader-wrapper:has(.inline-loader:not(._loading)) {
  margin-bottom: 0;
}
.file-uploader .uploader-wrapper .inline-loader._loading {
  border-radius: 10px;
}
.file-uploader .uploader-wrapper .inline-loader._loading + .cv-file-uploader .bx--file__drop-container {
  border-color: transparent;
}
.file-uploader .uploader-wrapper .inline-loader._loading + .cv-file-uploader .bx--file__drop-container > * {
  display: none;
}
.file-uploader .uploader-wrapper .inline-loader._loading + .cv-file-uploader .bx--file__drop-container:before {
  background: none;
}
.file-uploader .message-component {
  text-align: center;
}
.file-uploader .image-placeholder {
  display: flex;
  background-color: #e7e9ec;
}
.file-uploader .image-placeholder img {
  height: 8.75rem;
  margin: 0 auto;
  object-fit: contain;
}
.file-uploader .bx--file--label,
.file-uploader .bx--label-description,
.file-uploader .bx--file-container {
  display: none;
}
.file-uploader .bx--file-browse-btn {
  margin-bottom: 0;
}
.file-uploader .attachment-placeholder {
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 1.5rem;
}
.file-uploader .attachment-placeholder > .title {
  max-width: calc(100% - 7rem);
}
.file-uploader .attachment-placeholder .message-component {
  text-align: left;
}
.file-uploader .attachment-placeholder .message-component .content[data-text*=html5] {
  text-transform: uppercase;
}
.file-uploader .more-than-hundred {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.file-uploader .more-than-hundred {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.file-uploader .more-than-hundred {
  display: flex;
  margin: -1rem 0 0.5rem 0;
  color: #c14149;
}
.file-uploader .more-than-hundred > svg {
  margin-right: 0.5rem;
}.stp-tooltip-settings > .component-header > .info {
  padding-bottom: 1rem;
}.drawing-tools-icon g {
  clip-path: none;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.drawing-tool-config-popup {
  width: 330px;
  top: 10rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
@media only screen and (min-width: 672px) {
.drawing-tool-config-popup {
    top: 3.5rem !important;
    left: 8rem !important;
    transform: unset !important;
}
}
.drawing-tool-config-popup .content-popup-content {
  margin-top: -3rem;
}
.drawing-tool-config-popup .picker-wrapper:nth-of-type(2) {
  margin-top: 3rem;
}
.drawing-tool-config-popup .picker-wrapper.eraser-active .thickness-line {
  aspect-ratio: 1/1;
}
.drawing-tool-config-popup .picker-wrapper.eraser-active .thickness-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}
.drawing-tool-config-popup .picker-wrapper.eraser-active .thickness-line {
  outline: 1px solid;
  background-color: #ffffff !important;
  border-radius: unset;
}
.drawing-tool-config-popup .picker-wrapper > .label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
.drawing-tool-config-popup .thickness-picker {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.drawing-tool-config-popup .thickness-preview {
  width: inherit;
}
.drawing-tool-config-popup .thickness-option {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  padding: 0.5rem;
  background-color: #f3f5f8;
  border-radius: 8px;
}
.drawing-tool-config-popup .thickness-option.selected {
  border: 2px solid #2b63d9;
}
.drawing-tool-config-popup .thickness-line {
  border-radius: 20px;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
@media only screen and (min-width: 672px) {
.drawing-canvas-toolbar .tools-picker {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
}
.drawing-canvas-toolbar .tools-picker span {
  user-select: none;
  cursor: pointer;
}
.drawing-canvas-toolbar .tools-picker {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 671px) {
.drawing-canvas-toolbar .tools-picker {
    position: absolute;
    top: 0;
    align-items: flex-start;
}
.drawing-canvas-toolbar .tools-picker .tool {
    display: inline-block;
    margin: 0 0.5rem;
    flex-shrink: 0;
}
}
@media only screen and (min-width: 672px) {
.drawing-canvas-toolbar .tools-picker {
    flex-flow: column;
}
}
.drawing-canvas-toolbar .tools-picker .tool {
  height: 60px;
  min-width: 40px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media only screen and (min-width: 672px) {
.drawing-canvas-toolbar .tools-picker .tool:nth-child(1), .drawing-canvas-toolbar .tools-picker .tool:nth-child(2) {
    height: 4rem;
}
}
.drawing-canvas-toolbar .tools-picker .tool:nth-child(1) .drawing-tools-icon, .drawing-canvas-toolbar .tools-picker .tool:nth-child(3) .drawing-tools-icon {
  transform: translateY(10px);
}
@media only screen and (max-width: 671px) {
.drawing-canvas-toolbar .tools-picker .tool:nth-child(1) {
    width: 42px;
}
}
@media only screen and (min-width: 672px) {
.drawing-canvas-toolbar .tools-picker .tool:nth-child(1) .drawing-tools-icon {
    transform: rotate(270deg);
}
}
@media only screen and (max-width: 671px) {
.drawing-canvas-toolbar .tools-picker .tool:nth-child(2) {
    width: 56px;
}
}
.drawing-canvas-toolbar .tools-picker .tool:nth-child(2) .drawing-tools-icon {
  transform: translateY(15px);
}
@media only screen and (min-width: 672px) {
.drawing-canvas-toolbar .tools-picker .tool:nth-child(2) .drawing-tools-icon {
    transform: rotate(270deg) translateY(5px);
}
}
@media only screen and (max-width: 671px) {
.drawing-canvas-toolbar .tools-picker .tool:nth-child(2) .config-arrow {
    left: 18px;
}
}
.drawing-canvas-toolbar .tools-picker .tool:nth-child(3) .drawing-tools-icon {
  transform: rotate(180deg) translateY(-10px);
}
@media only screen and (min-width: 672px) {
.drawing-canvas-toolbar .tools-picker .tool:nth-child(3) .drawing-tools-icon {
    transform: rotate(90deg) translateY(0);
}
}
.drawing-canvas-toolbar .tools-picker .tool .config-arrow {
  position: absolute;
}
@media only screen and (max-width: 671px) {
.drawing-canvas-toolbar .tools-picker .tool .config-arrow {
    bottom: -2rem;
    left: 10px;
    transform: rotate(90deg);
}
}
@media only screen and (min-width: 672px) {
.drawing-canvas-toolbar .tools-picker .tool .config-arrow {
    height: 16px;
    right: -26px;
}
}
.drawing-canvas-toolbar .tools-picker .tool .config-arrow .sls-icon [fill] {
  fill: #2b63d9;
}
.drawing-canvas-toolbar .color-picker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.drawing-canvas-toolbar .color-picker span {
  display: inline-block;
  width: 48px;
  height: 48px;
  padding: 0.125rem;
  position: relative;
  outline: 1px solid #e4e8ee;
  border-radius: 50%;
  background-clip: content-box;
}
.drawing-canvas-toolbar .color-picker span.White {
  box-shadow: inset 0 0 0 1px #e4e8ee;
}
.drawing-canvas-toolbar .color-picker span.White.selected {
  box-shadow: none;
}
.drawing-canvas-toolbar .color-picker span.selected {
  outline: 2px solid #2b63d9;
  border-color: #2b63d9;
}
.drawing-canvas-toolbar .color-picker span.selected::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #ffffff;
  z-index: -1;
}
.drawing-canvas-toolbar .drawing-actions-wrapper {
  position: relative;
  margin-bottom: 1rem;
  background-color: #e4e8ee;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 672px) {
.drawing-canvas-toolbar .drawing-actions-wrapper {
    position: absolute;
    top: 0;
    right: 19.25rem;
    width: calc(100% - 27.25rem);
    z-index: 1;
}
}
.drawing-canvas-toolbar .drawing-actions-wrapper.scrollable::after {
  visibility: visible;
}
.drawing-canvas-toolbar .drawing-actions-wrapper.scrollable.scroll-end::after {
  visibility: hidden;
}
.drawing-canvas-toolbar .drawing-actions-wrapper.scroll-start::before {
  visibility: visible;
}
.drawing-canvas-toolbar .drawing-actions-wrapper::before, .drawing-canvas-toolbar .drawing-actions-wrapper::after {
  content: "";
  position: absolute;
  top: -0.5rem;
  width: 2.5rem;
  height: 100%;
  background: linear-gradient(180deg, #e4e8ee 4.69%, rgba(228, 232, 238, 0) 100%);
  pointer-events: none;
  visibility: hidden;
}
.drawing-canvas-toolbar .drawing-actions-wrapper::before {
  left: 0;
  transform: rotate(-90deg);
}
.drawing-canvas-toolbar .drawing-actions-wrapper::after {
  right: 0;
  transform: rotate(90deg);
}
.drawing-canvas-toolbar .drawing-actions {
  display: flex;
  overflow-x: auto;
  padding: 0.5rem;
}
.drawing-canvas-toolbar .drawing-actions .button {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: #6d7b8c;
}
.drawing-canvas-toolbar .drawing-actions .button:not(:first-of-type) {
  margin-left: 1.5rem;
}
.drawing-canvas-toolbar .drawing-actions .button:last-of-type {
  border-left: 1px solid #ced3d9;
  padding-left: 1rem;
}
.drawing-canvas-toolbar .drawing-actions .button.selected {
  color: #2b63d9;
}
.drawing-canvas-toolbar .drawing-actions .button .label {
  margin-left: 0.5rem;
}
.drawing-canvas-toolbar .drawing-actions .button .sls-icon {
  min-width: 24px;
}
.drawing-canvas-toolbar .drawing-actions .button .sls-icon [fill] {
  fill: currentColor;
}
.drawing-canvas-toolbar .drawing-actions .button .sls-icon [stroke] {
  stroke: currentColor;
}
.drawing-canvas-toolbar .zoom-actions {
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  height: 40px;
}
.drawing-canvas-toolbar .zoom-actions button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.drawing-canvas-toolbar .zoom-actions button.zoom-fit {
  margin-right: 0.5rem;
}
.drawing-canvas-toolbar .zoom-actions button.zoom-label {
  justify-content: flex-end;
  width: 5rem;
  margin-left: 1rem;
  text-transform: uppercase;
}
.drawing-canvas-toolbar .zoom-actions .zoom-label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.drawing-canvas-toolbar .zoom-actions .zoom-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.drawing-canvas-toolbar .zoom-actions .zoom-label {
  color: #6d7b8c;
}
@media only screen and (max-width: 671px) {
.drawing-canvas-toolbar .zoom-actions {
    display: none;
}
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.drawing-canvas.move-enabled .canvas-group canvas {
  cursor: grab !important;
}
.drawing-canvas.textbox-enabled .canvas-group canvas {
  cursor: crosshair !important;
}
.drawing-canvas.eraser-enabled .canvas-group canvas {
  cursor: none !important;
}
@media only screen and (min-width: 672px) {
.drawing-canvas {
    display: flex;
    position: relative;
}
.drawing-canvas .drawing-canvas-toolbar {
    flex: 0 0 8rem;
    max-width: 8rem;
}
.drawing-canvas .canvas-group {
    flex: 1 1 0%;
    margin: 3.5rem 0 1rem;
    max-width: calc(100% - 8rem);
}
.drawing-canvas .canvas-group .canvas-wrapper {
    width: 100%;
}
}
.drawing-canvas .file-uploader {
  display: none;
}
.drawing-canvas .canvas-group {
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
  z-index: 0;
}
@media only screen and (max-width: 671px) {
.drawing-canvas .canvas-group {
    min-height: 455px;
}
.drawing-canvas .canvas-group .canvas-wrapper {
    height: 100%;
}
}
.drawing-canvas .canvas-group > .zoom-actions {
  display: flex;
  align-items: center;
  top: 1rem;
  right: 1rem;
  height: 56px;
  padding: 0.75rem 1rem;
  background-color: #f3f5f8;
  text-align: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
@media only screen and (min-width: 672px) {
.drawing-canvas .canvas-group > .zoom-actions {
    display: none;
}
}
.drawing-canvas .canvas-group > .zoom-actions button {
  height: 24px;
}
.drawing-canvas .canvas-group > .zoom-actions.expanded .toggle-expand {
  margin-right: 1.5rem;
}
.drawing-canvas .canvas-group .canvas-wrapper {
  position: absolute;
  border-radius: inherit;
}
.drawing-canvas .canvas-group .canvas-wrapper.background {
  z-index: -1;
}
.drawing-canvas .canvas-group .canvas-container {
  border-radius: inherit;
}
.drawing-canvas .canvas-group canvas {
  border-radius: inherit;
  touch-action: none;
}
@media only screen and (min-width: 1056px) {
.drawing-canvas .canvas-group .eraser-outline {
    position: absolute;
    border: 1px solid #0b233f;
    background-color: #ffffff;
    box-sizing: border-box;
    pointer-events: none;
    z-index: calc(1 + 1);
}
}
.drawing-canvas {
  /* There are two zoom-actions, one in DrawingCanvas and another in DrawingCanvasToolbar
   * This is the shared styling for both of them
   */
}
.drawing-canvas .zoom-actions {
  position: absolute;
  z-index: 1;
}
.drawing-canvas .zoom-actions button.zoom-fit:hover svg {
  fill: none;
}
.drawing-canvas .zoom-actions .sls-icon [fill] {
  fill: #2b63d9;
}
.drawing-canvas .zoom-actions .zoom-slider {
  appearance: none;
  height: 2px;
  width: 72px;
  background: #ced3d9;
  border-radius: 10px;
}
.drawing-canvas .zoom-actions .zoom-slider::-webkit-slider-thumb {
  appearance: none;
  background: #2b63d9;
  height: 16px;
  width: 16px;
  border-radius: 100%;
}.bx--modal.otp-verification-modal .bx--modal-content .link-button {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.813rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.tabs.side-variant {
  display: grid;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 1056px) {
.tabs.side-variant .tab-content {
    height: calc(var(--vh, 1vh) * 100 - 80px - 3rem);
}
}
.tabs.side-variant .tab-content {
  padding: 0 1rem 14rem 1rem;
  margin-top: 0;
  background-color: #ffffff;
  overflow: auto;
}
@media only screen and (min-width: 1056px) {
.tabs.side-variant .tab-controls-item {
    opacity: 1;
}
}
.tabs.side-variant .tab-controls-item:hover, .tabs.side-variant .tab-controls-item.selected {
  opacity: 1;
}
.tabs.side-variant .tab-controls-item .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.tabs.side-variant .tab-controls-item .title {
    color: #6d7b8c;
}
}
@media only screen and (min-width: 1056px) {
.tabs.side-variant {
    grid-template-columns: min(25%, 292px) auto;
    gap: 1rem;
    padding: 0;
}
.tabs.side-variant .tab-controls-item {
    position: relative;
    width: unset;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 10px;
}
.tabs.side-variant .tab-controls-item:first-child {
    margin-bottom: 0.5rem;
}
.tabs.side-variant .tab-controls-item {
    cursor: pointer;
}
.tabs.side-variant .tab-controls-item:last-child {
    margin-top: 1rem;
}
.tabs.side-variant .tab-controls-item:last-child::before {
    position: absolute;
    top: -10px;
    right: unset;
    bottom: unset;
    left: 0;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #ced3d9;
}
.tabs.side-variant .tab-controls-item:hover {
    background-color: #e7e9ec;
}
.tabs.side-variant .tab-controls-item.selected {
    background-color: #e4e8ee;
}
.tabs.side-variant .tab-controls-item .title {
    padding: 0.75rem 0;
}
}
@media only screen and (min-width: 1056px) {
.tabs.side-variant .tab-controls {
    flex-flow: column;
    margin-top: 1rem;
    padding-left: 2.5rem;
}
}
@media only screen and (min-width: 1366px) {
.tabs.side-variant .tab-controls {
    margin-top: 1rem;
    padding-left: 1rem;
}
}
@media only screen and (max-width: 1055px) {
.tabs.side-variant.tab-expanded > .tab-controls {
    max-height: 600px;
    padding: 1rem;
    margin: 0 1rem 1rem 1rem;
    visibility: visible;
}
.tabs.side-variant.tab-expanded > .tab-controls-item {
    cursor: pointer;
}
.tabs.side-variant .tab-controls {
    flex-flow: column;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    max-height: 0;
    overflow-y: auto;
    visibility: hidden;
    transition: max-height 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.tabs.side-variant .tab-controls .tab-controls-item {
    width: unset;
    border-bottom: none;
}
.tabs.side-variant .tab-controls .tab-controls-item:active {
    outline: none;
}
.tabs.side-variant .tab-controls .tab-controls-item:not(:last-of-type) {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #ced3d9;
}
}
.tabs.side-variant .tab-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5rem;
  padding: 0 1rem;
  margin: 1rem;
  background-color: #ffffff;
  border-bottom: 1px solid #ced3d9;
  border-radius: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 1056px) {
.tabs.side-variant .tab-trigger {
    display: none;
}
}
.tabs.side-variant .tab-trigger .tab-controls-item {
  display: none;
  border: none;
}
.tabs.side-variant .tab-trigger .tab-controls-item:active {
  outline: none;
}
.tabs.side-variant .tab-trigger .tab-controls-item.active {
  display: flex;
}
.tabs.side-variant .tab-trigger .tab-controls-item .bx--tooltip__trigger::before {
  display: none;
}
.tabs.side-variant .tab-trigger .tab-controls-item .bx--tooltip__trigger .bx--assistive-text {
  display: none;
}
.tabs.side-variant .tab-trigger > .sls-icon {
  min-width: 24px;
}
.tabs.side-variant .tab-trigger > .sls-icon [fill] {
  fill: #2b63d9;
}
.tabs:not(.side-variant) .tab-controls-item .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.tabs:not(.side-variant) .tab-controls-item .title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.tabs:not(.side-variant) .tab-controls-item.active .title {
  font-weight: 700;
}
@media only screen and (max-width: 671px) {
.tabs:not(.side-variant).tab-expanded > .tab-controls {
    max-height: 600px;
    padding: 1rem;
    visibility: visible;
}
.tabs:not(.side-variant) .tab-controls {
    flex-flow: column;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    max-height: 0;
    overflow-y: auto;
    visibility: hidden;
    transition: max-height 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.tabs:not(.side-variant) .tab-controls .tab-controls-item {
    border-bottom: none;
}
.tabs:not(.side-variant) .tab-controls .tab-controls-item:active {
    outline: none;
}
.tabs:not(.side-variant) .tab-controls .tab-controls-item:not(:last-of-type) {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #ced3d9;
}
}
@media only screen and (min-width: 672px) {
.tabs:not(.side-variant).container-variant .tab-controls-item {
    height: 3rem;
    border-bottom: none;
    border-top: 4px solid #ced3d9;
    border-radius: 10px 10px 0 0;
    padding: 0.5rem 1rem;
}
.tabs:not(.side-variant).container-variant .tab-controls-item.active {
    background-color: #ffffff;
    opacity: 1;
    border-color: #2b63d9;
}
.tabs:not(.side-variant).container-variant .tab-content {
    margin: 0;
}
}
.tabs:not(.side-variant) .tab-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5rem;
  padding: 0 1rem;
  background-color: #ffffff;
  border-bottom: 1px solid #ced3d9;
  border-radius: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 672px) {
.tabs:not(.side-variant) .tab-trigger {
    display: none;
}
}
.tabs:not(.side-variant) .tab-trigger .tab-controls-item {
  display: none;
  border: none;
}
.tabs:not(.side-variant) .tab-trigger .tab-controls-item:active {
  outline: none;
}
.tabs:not(.side-variant) .tab-trigger .tab-controls-item.active {
  display: flex;
}
.tabs:not(.side-variant) .tab-trigger .tab-controls-item .bx--tooltip__trigger::before {
  display: none;
}
.tabs:not(.side-variant) .tab-trigger .tab-controls-item .bx--tooltip__trigger .bx--assistive-text {
  display: none;
}
.tabs:not(.side-variant) .tab-trigger > .sls-icon {
  min-width: 24px;
}
.tabs:not(.side-variant) .tab-trigger > .sls-icon [fill] {
  fill: #2b63d9;
}
.tabs:not(.side-variant) .tab-controls {
  display: flex;
  width: 100%;
}
.tabs:not(.side-variant) .tab-controls .tab-controls-item {
  cursor: pointer;
}
.tabs:not(.side-variant) .tab-content {
  margin-top: 1rem;
}
.tabs:not(.side-variant) .tab-content > .cv-inline-notification {
  max-width: 100%;
}
.tabs.secondary .tab-trigger {
  background-color: #f3f5f8;
}
@media only screen and (min-width: 672px) {
.tabs .tab-controls-item .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-pack: start;
    white-space: normal;
    word-wrap: break-word;
    line-height: normal;
}
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.tab-controls-item {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.tab-controls-item {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.tab-controls-item {
  display: flex;
  align-items: center;
  border-bottom: 4px solid #ced3d9;
  opacity: 0.5;
}
@media only screen and (max-width: 671px) {
.tab-controls-item {
    flex: 1;
    padding: 0.5rem 0;
}
}
@media only screen and (min-width: 672px) {
.tab-controls-item {
    width: 260px;
    padding: 0.5rem;
}
}
.tab-controls-item.active {
  opacity: 1;
  border-color: #2b63d9;
}
.tab-controls-item.focus {
  opacity: 1;
  border-color: #2b63d9;
}
.tab-controls-item._is-disabled {
  border-color: #9da7b2;
  opacity: 1;
}
.tab-controls-item._is-disabled .title {
  color: #9da7b2;
}
.tab-controls-item._is-disabled:active {
  pointer-events: none;
}
.tab-controls-item._is-disabled:hover {
  cursor: not-allowed;
}
.tab-controls-item:hover {
  opacity: 1;
}
.tab-controls-item:active {
  outline: 1px solid #d5e0f7;
  outline-offset: 1px;
}
.tab-controls-item .sls-icon {
  min-width: 32px;
  margin-right: 0.5rem;
}
.tab-controls-item .title {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 1056px) {
.tab-controls-item .title {
    font-size: 1rem;
    line-height: 1.375rem;
}
}.tab-content-item {
  display: none;
}
.tab-content-item.active {
  display: block;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.carousel {
  position: relative;
}
.carousel > .controls {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  height: 2.5rem;
  pointer-events: none;
  z-index: 1;
}
.carousel > .controls .bx--btn {
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 50%;
  position: absolute;
  pointer-events: all;
}
.carousel > .controls .bx--btn:disabled {
  opacity: 1;
  border-color: #9da7b2;
}
@media only screen and (max-width: 671px) {
.carousel > .controls .bx--btn {
    display: none;
}
}
.carousel > .controls .bx--btn .sls-icon {
  flex: 0 0 auto;
}
.carousel > .controls .previous {
  left: 0;
}
.carousel > .controls .next {
  right: 0;
}
.carousel > .wrapper {
  z-index: 2;
}
@media only screen and (max-width: 671px) {
.carousel > .wrapper {
    overflow: auto;
}
}
@media only screen and (min-width: 672px) {
.carousel > .wrapper {
    max-width: calc(100% - 2.5rem - 2.5rem);
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    overflow: hidden;
}
}
.carousel .scroll-wrapper {
  display: flex;
  flex-wrap: nowrap;
  transition: ease 500ms;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.carousel-item {
  flex: 0 0 auto;
  margin: 1rem 0.5rem;
  min-height: 3rem;
  scroll-snap-align: start;
}
@media only screen and (max-width: 671px) {
.carousel-item {
    max-width: 343px;
    width: calc(100% - 1rem);
}
}
@media only screen and (min-width: 672px) and (max-width: 1055px) {
.carousel-item {
    width: calc(50% - 1rem);
}
}
@media only screen and (min-width: 1056px) {
.carousel-item {
    width: calc(33.3333333333% - 1rem);
}
}
.carousel-item .card-component {
  width: 100%;
}
.carousel > .controls .bx--btn {
  border: 1.5px solid;
}/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.hidden-menu-button {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2rem;
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem;
  background-color: #ffffff;
  color: #6d7b8c;
  border: 1px solid #e7e9ec;
  border-radius: 10px;
  cursor: pointer;
}
.hidden-menu-button:hover {
  background-color: rgb(244.4, 247.2, 253.1);
  color: #6d7b8c;
  border-color: #546579;
  box-shadow: 0px 4px 8px rgba(2, 41, 79, 0.06);
}
.inactive-edit .hidden-menu-button:hover {
  background-color: inherit;
}
.hidden-menu-button:focus {
  border-color: #d5e0f7;
  outline: none;
}
.hidden-menu-button.selected {
  background-color: #ffffff;
  color: #6d7b8c;
  border-color: #546579;
  box-shadow: 0px 4px 8px rgba(2, 41, 79, 0.06);
}
.inactive-edit .hidden-menu-button.selected {
  background-color: inherit;
}
.hidden-menu-button.selected:hover {
  background-color: rgb(244.4, 247.2, 253.1);
}
.hidden-menu-button::before {
  left: -17px;
}
.hidden-menu-button::after {
  right: -17px;
}
.hidden-menu-button.cover, .hidden-menu-button.end {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.hidden-menu-button.cover.selected, .hidden-menu-button.end.selected {
  border-color: #2b63d9;
}
.hidden-menu-button.cover.selected:hover, .hidden-menu-button.cover.selected:focus, .hidden-menu-button.end.selected:hover, .hidden-menu-button.end.selected:focus {
  border-color: #2b63d9;
}
.hidden-menu-button.cover {
  margin-left: 0;
}
.hidden-menu-button.cover::before {
  display: none;
}
.hidden-menu-button.end {
  margin-right: 0;
}
.hidden-menu-button.end::after {
  display: none;
}
.hidden-menu-button.completed {
  border: 1px solid #d5e0f7;
  color: #2b63d9;
}
.hidden-menu-button.selected {
  border: 1px solid #546579;
}
.hidden-menu-button.disabled {
  background-color: #ced3d9;
  cursor: not-allowed;
}
.hidden-menu-button.disabled:hover {
  background-color: inherit;
}
.hidden-menu-button.submitted {
  background-color: rgb(233.8, 239.4, 251.2);
  border: 1px solid rgb(170.2, 192.6, 239.8);
}
.hidden-menu-button.submitted.selected {
  border-color: #2b63d9;
}
.hidden-menu-button.correct {
  background-color: rgb(239.8, 247.8, 231.8);
  color: #67b717;
  border: 1px solid rgb(194.2, 226.2, 162.2);
}
.hidden-menu-button.correct.selected {
  border-color: #67b717;
}
.hidden-menu-button.wrong {
  background-color: rgb(248.8, 236, 236.8);
  color: #c14149;
  border: 1px solid rgb(230.2, 179, 182.2);
}
.hidden-menu-button.wrong.selected {
  border-color: #c14149;
}
.hidden-menu-button.partial-correct {
  background-color: rgb(253.8, 242.4, 234.2);
  color: #f3812f;
  border: 1px solid rgb(250.2, 204.6, 171.8);
}
.hidden-menu-button.partial-correct.selected {
  border-color: #f3812f;
}
.hidden-menu-button._active {
  flex-basis: 4rem;
  width: 4rem;
}
.hidden-menu-button._active .bx--btn {
  color: #6d7b8c;
  padding-right: 1rem;
}
.hidden-menu-button._active .bx--btn[disabled] {
  color: #9da7b2;
}
.hidden-menu-button.btn-add-page.disabled:hover {
  background-color: #9da7b2;
  border: none;
}
.hidden-menu-button.btn-add-page:hover {
  background-color: #2552ac;
}
.hidden-menu-button.btn-add-page:hover .bx--btn {
  background-color: inherit;
}
.inactive-edit .hidden-menu-button {
  border-color: #e7e9ec;
}
.hidden-menu-button .bx--btn {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  min-width: auto;
  width: inherit;
  padding: 0;
  color: #6d7b8c;
  border: none;
  border-radius: 10px;
  white-space: nowrap;
}
.hidden-menu-button .bx--btn[disabled] + .bx--overflow-menu {
  cursor: not-allowed;
}
.hidden-menu-button .bx--btn[disabled] + .bx--overflow-menu .bx--overflow-menu__trigger {
  pointer-events: none;
  cursor: not-allowed;
}
.hidden-menu-button .bx--btn[disabled] + .bx--overflow-menu .bx--overflow-menu__trigger .sls-icon [fill] {
  fill: #9da7b2;
}
.hidden-menu-button .bx--btn:focus, .hidden-menu-button .bx--btn:hover {
  background: none;
  box-shadow: none;
  color: inherit;
  border: none;
}
.hidden-menu-button .bx--btn--sm.cv-button {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
}
.hidden-menu-button .bx--btn--sm.cv-button:focus {
  border: none;
}
.hidden-menu-button .bx--overflow-menu {
  position: absolute;
  top: -1px;
  right: 0;
  width: 2rem;
  height: 2rem;
}
.hidden-menu-button .bx--overflow-menu:hover {
  background: none;
}
.hidden-menu-button .bx--overflow-menu:focus {
  outline: none;
}
.hidden-menu-button .bx--overflow-menu .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
  border: none;
}
.hidden-menu-button .bx--overflow-menu .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger[aria-expanded=true] {
  background-color: transparent;
}
.hidden-menu-button .bx--overflow-menu .sls-icon {
  width: auto;
  height: auto;
}
.hidden-menu-button .bx--tooltip__label .bx--tooltip__trigger {
  margin-left: 0;
}.activity-navigator-button:first-of-type {
  margin-left: 0;
}
.activity-navigator-button:not(:nth-child(2))::before {
  content: "";
  display: block;
  height: 1px;
  width: 1rem;
  position: absolute;
  top: 50%;
  background-color: #e7e9ec;
  z-index: -1;
}
.editing .activity-navigator-button:not(:nth-child(2))::before {
  background-color: #ffffff;
}/**
 * Official documentation: https://sass-lang.com/documentation/at-rules/mixin
 * Mixins should contain optional arguments whenever possible to promote flexibility for reuse.
 * 
*/
/**
* Mixin to generate data table fixed column css
* Vuetify datatable does not support fixed col
* https://github.com/vuetifyjs/vuetify/issues/4652
*/
/**
* Mixin for fallback if browser doesn't support aspect-ratio
* https://caniuse.com/mdn-css_properties_aspect-ratio
* https://css-tricks.com/aspect-ratio-boxes/
**/
/**
* Mixin for @font-face declarations
*  $family:    The name of the font-family to define.
*  $dir:       The directory where the font file is located.
*  $filename:  The name of the font file (excluding extension).
*  $weight:    (Optional) The font weight (default: 400).
*  $style:     (Optional) The font style (default: normal).
*  $format:    (Optional) The font format (default: 'woff2').
*
*  Example usage:
*  @include font-face('Andika', 'base/Andika', 'Andika-Bold', 700, normal);
*/
/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.activity-navigator {
  position: relative;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}
.activity-navigator.activity-navigator-overflow::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: unset;
  left: unset;
  content: "";
  height: 100%;
  width: 40px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(243, 245, 248, 0.75) 50%, rgba(243, 245, 248, 0.9) 90%);
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  pointer-events: none;
}
.activity-navigator.activity-navigator-end::after {
  opacity: 0;
}
.activity-navigator .label-page {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
  padding-top: 1rem;
  color: #6d7b8c;
  white-space: nowrap;
}
.activity-navigator .scroll-wrapper {
  display: flex;
  padding: 0.5rem 0;
  overflow-x: auto;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.tree-structure .tree > .tree-list > .tree-row {
  padding: 0.25rem 0.5rem;
  padding-left: 1rem !important;
}
.tree-structure .tree > .tree-list > .tree-row::before, .tree-structure .tree > .tree-list > .tree-row::after {
  display: none;
}
.tree-structure .tree > .tree-list > .tree-row + .tree-row {
  margin-top: 1rem;
}
.tree-structure .tree-list .tree-list .tree-row-item-icon-wrapper {
  right: 0.25rem;
}
.tree-structure .tree-row {
  position: relative;
  background-color: #f3f5f8;
  border-radius: 10px;
}
.tree-structure .tree-row::before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 1rem;
  top: 0;
  margin-left: -1rem;
  border-bottom: 1px solid #546579;
  border-left: 1px solid #546579;
}
.tree-structure .tree-row::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  margin-left: -1rem;
  border-left: 1px solid #546579;
  z-index: 1;
}
.tree-structure .tree-row:last-child::after {
  display: none;
}
.tree-structure .tree-row .plain-text {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
.tree-structure .tree-row .rich-text {
  overflow-x: auto;
  line-height: 1.5rem;
  border-radius: 0;
}
.tree-structure .tree-row .rich-text .rich-text-content {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.tree-structure .tree-row .rich-text .rich-text-content {
    font-size: 1rem;
    line-height: 1.375rem;
}
}
.tree-structure .tree-row .rich-text .rich-text-content {
  line-height: normal;
}
.tree-structure .tree-row-item {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.tree-structure .tree-row-item:has(.tree-row-item-error) {
  flex-direction: column;
  align-items: flex-start;
}
.tree-structure .tree-row-item:has(.tree-row-item-error) .tree-row-item-icon-wrapper {
  top: 9px;
}
.tree-structure .tree-row-item:has(.tree-row-item-error) .input-checkbox .sls-icon[name=CheckBoxChecked24] [stroke] {
  stroke: #c14149;
}
.tree-structure .tree-row-item:has(.input-checkbox.disabled) {
  cursor: not-allowed;
}
.tree-structure .tree-row-item:has(.input-checkbox.disabled) .tree-row-item-icon-wrapper {
  cursor: pointer;
}
.tree-structure .tree-row-item .node-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0 0.25rem 0;
}
.tree-structure .tree-row-item .node-container .node-display-name {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 400;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.tree-structure .tree-row-item .node-container .node-display-name {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
.tree-structure .tree-row-item .node-container .node-display-name {
  display: block;
  color: #6d7b8c;
}
.tree-structure .tree-row-item .learning-outcome-node-container {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto;
}
.tree-structure .tree-row-item .learning-outcome-node-container .input-checkbox {
  grid-row: 1;
  grid-column: 1;
}
.tree-structure .tree-row-item .learning-outcome-node-container > .sls-icon {
  grid-row: 1;
  grid-column: 2;
}
.tree-structure .tree-row-item .learning-outcome-node-container > .sls-icon [fill] {
  fill: #2b63d9;
}
.tree-structure .tree-row-item .learning-outcome-node-container > .sls-icon [fill][fill="#EA6613"] {
  fill: #ea6613;
}
.tree-structure .tree-row-item .learning-outcome-node-container > .sls-icon [fill][fill="#DFE8F9"] {
  opacity: 0.15;
}
.tree-structure .tree-row-item .learning-outcome-node-container .rich-text {
  grid-row: 1;
  grid-column: 3;
}
.tree-structure .tree-row-item .learning-outcome-node-container .node-display-name {
  grid-row: 2;
  grid-column: 3;
}
.tree-structure .tree-row-item .tree-row-item-error {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.733rem;
  font-weight: 700;
  line-height: 0.933rem;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 1056px) {
.tree-structure .tree-row-item .tree-row-item-error {
    font-size: 0.813rem;
    line-height: 0.938rem;
}
}
.tree-structure .tree-row-item .tree-row-item-error {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  color: #c14149;
}
.tree-structure .tree-row-item .tree-row-item-error .icon-wrapper {
  display: inline-flex;
}
.tree-structure .tree-row-item-icon-wrapper {
  display: inline-flex;
  position: absolute;
  right: 0.75rem;
}
.tree-structure .tree-row-item-icon-wrapper .sls-icon [stroke] {
  stroke: #2b63d9;
}
.tree-structure .tree-row-item-icon-wrapper .sls-icon [fill] {
  fill: #2b63d9;
}
.tree-structure .input-checkbox {
  margin: 0;
  align-self: flex-start;
  flex: 0 0 auto;
  overflow: hidden;
}
.tree-structure .input-checkbox + .sls-icon {
  align-self: flex-start;
  margin-right: 0.5rem;
}
.tree-structure .input-checkbox.disabled + .sls-icon {
  opacity: 0.5;
}
.tree-structure .input-checkbox.disabled ~ .rich-text {
  color: #9da7b2;
}
.tree-structure .input-checkbox ~ .rich-text {
  overflow: unset;
}
.tree-structure .cv-tooltip {
  margin-left: 0.25rem;
}
.tree-structure .lo-wrapper {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  gap: 0.25rem;
}
.tree-structure .lo-wrapper .sls-icon {
  min-width: 24px;
}
.tree-structure .lo-wrapper .bx--toggle-input__label {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.16px;
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 0.5rem;
  color: #6d7b8c;
}
.tree-structure .lo-wrapper .toggle {
  max-width: fit-content;
}
.tree-structure .lo-wrapper .toggle.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__switch {
  margin-top: 0;
  flex: none;
}
.tree-structure .lo-wrapper .toggle .bx--toggle__text--off,
.tree-structure .lo-wrapper .toggle .bx--toggle__text--on {
  display: none;
}
.tree-structure .lo-wrapper .info-tooltip {
  color: #2b63d9;
}
.tree-structure .lo-wrapper .info-tooltip .sls-icon [stroke] {
  stroke: currentColor;
}
.tree-structure .lo-wrapper .info-tooltip .sls-icon [fill] {
  fill: currentColor;
}
.tree-structure .input-radio {
  align-self: flex-start;
}
.tree-structure .node-text {
  line-height: 1.125rem;
}
.tree-structure .checked-node-counter {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.tree-structure .checked-node-counter > span {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 0.6688rem;
  font-weight: 700;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.tree-structure .checked-node-counter > span:first-of-type {
  padding: 0 0.5rem;
  background-color: #d5e0f7;
  color: #2b63d9;
  border-radius: 5px;
}
.tree-structure .checked-node-counter > span:last-of-type {
  color: #6d7b8c;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.wiris-modal-container .hide {
  display: none;
}
.wiris-modal-content {
  background: #fafafa;
  position: fixed;
  width: 580px;
  z-index: 9500;
  bottom: 0;
  right: 10px;
  padding: 6px;
}
@media only screen and (max-width: 671px) {
.wiris-modal-content {
    max-width: 100%;
    right: 0;
}
}
.wiris-modal-content .wiris-hand-input-container {
  height: 284px;
}
@media only screen and (max-width: 671px) {
.wiris-modal-content .wiris-hand-input-container {
    max-height: 50%;
}
}
.wrs_modal_button_accept {
  min-width: 80px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #778e9a;
  padding: 6px 8px;
  margin: 10px auto;
  margin-right: 5px;
  margin-bottom: 0;
  color: #fff;
  background: #778e9a;
  cursor: pointer;
  font-family: arial, sans-serif;
  height: 32px;
}
.wrs_modal_button_cancel {
  min-width: 80px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #778e9a;
  padding: 6px 8px;
  margin: 10px auto;
  margin-left: 5px;
  margin-bottom: 0;
  cursor: pointer;
  font-family: arial, sans-serif;
  background-color: #ddd;
  height: 32px;
}#pdf-viewer {
  height: calc(var(--vh, 1vh) * 100);
  background-color: #404040;
}
#pdf-viewer #thumbnailView {
  width: 100%;
}
#pdf-viewer #thumbnailView .thumbnailSelectionRing {
  box-sizing: content-box;
}
#viewerContainer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
}
#sidebarContent.zero-top,
#sidebarContainer.zero-top,
#viewerContainer.zero-top {
  top: 0;
}.pdf-viewer-capture-overlay {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  background: #404040;
}
.pdf-viewer-capture-overlay .pdf-viewer-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 0;
}
.pdf-viewer-capture-overlay .pdf-viewer-wrapper #pdf-viewer {
  height: 100%;
}
.pdf-viewer-capture-overlay .pdf-viewer-wrapper.is-snipping #viewerContainer,
.pdf-viewer-capture-overlay .pdf-viewer-wrapper.is-snipping .page {
  cursor: crosshair !important;
}
.pdf-viewer-capture-overlay .capture-toolbar-slot-label {
  padding: 0.25rem;
  white-space: nowrap;
  font-weight: bold;
}
.pdf-viewer-capture-overlay .snip-interaction-layer {
  position: absolute;
  inset: 0;
  z-index: 100;
  cursor: crosshair;
  background: transparent;
}
.pdf-viewer-capture-overlay .snip-selection-rect {
  border: 2px solid #2b63d9;
  background: rgba(15, 98, 254, 0.08);
  pointer-events: none;
  z-index: 101;
}