@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/Inputs/NlInputIp.razor.rz.scp.css */
.nl-input-ip[b-dap90xz2a6] {
    display: inline-block;
    font-size: 0px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0px 5px 0px 0px;
}
.nl-input-ip.disabled[b-dap90xz2a6] {
    background-color: #e9ecef;
    cursor: not-allowed;
}
.nl-input-ip[b-dap90xz2a6]  .nl-input-number {
    border-width: 0px;
    width: 60px;
}
.nl-input-ip[b-dap90xz2a6]  .nl-input-number input {
    border-radius: 0px;
    text-align: center;
}
.nl-input-ip .dot[b-dap90xz2a6] {
    display: inline-block;
    font-size: 28px;
    vertical-align: bottom;
    height: 100%;
    line-height: 100%;
}
.nl-input-ip .dot:last-of-type[b-dap90xz2a6] {
    display: none;
}
/* /Components/Inputs/NlInputLength.razor.rz.scp.css */
.nl-input-length[b-b1mhvhq1d9] {
    display: inline-block;
}
.nl-input-length[b-b1mhvhq1d9]  .unit-selector {
    border-width: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px 8px;
    width: 42px;
    cursor: pointer;
    -moz-appearance: none; /* for Firefox */
    -webkit-appearance: none; /* for Chrome */
}
.nl-input-length[b-b1mhvhq1d9]  .unit-selector::-ms-expand {
    display: none; /* for Edge */
}
.nl-input-length[b-b1mhvhq1d9]  .unit-selector:focus {
    -webkit-box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
}
.nl-input-length[b-b1mhvhq1d9]  .unit-selector:hover {
    background-color: #f8f9fa;
}
.nl-input-length[b-b1mhvhq1d9]  .unit-selector > option {
    background-color: white;
}
/* /Components/Inputs/NlInputNumber.razor.rz.scp.css */
input[b-d98grhy0qf] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    border-width: 0px !important;
    margin-left: 30px;
    padding: 8px 0px;
}
input:focus[b-d98grhy0qf] {
    -webkit-box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
}
input[b-d98grhy0qf]::-webkit-inner-spin-button,
input[b-d98grhy0qf]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.nl-input-number[b-d98grhy0qf] {
    border: 1px solid #ddd;
    border-radius: 6px;
    display: inline-flex;
    width: 133px;
    position: relative;
}
.nl-input-number[b-d98grhy0qf],
.nl-input-number *[b-d98grhy0qf] {
    box-sizing: border-box;
}
.nl-input-number button[b-d98grhy0qf] {
    outline: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 20px;
    cursor: pointer;
    margin: 0;
    position: absolute;
}
.nl-input-number button:hover[b-d98grhy0qf] {
    background-color: #f8f9fa;
}
.nl-input-number button[b-d98grhy0qf]:after {
    display: inline-block;
    position: absolute;
    font-weight: 900;
    content: '\2BC5';
    transform: translate(-50%, -57%) rotate(180deg);
}
.nl-input-number button.btn-increase[b-d98grhy0qf] {
    border-top-left-radius: 5px;
    left: 0px;
    top: 0px;
}
.nl-input-number button.btn-increase[b-d98grhy0qf]:after {
    transform: translate(-50%, -43%) rotate(0deg);
}
.nl-input-number button.btn-decrease[b-d98grhy0qf] {
    border-bottom-left-radius: 5px;
    left: 0px;
    bottom: 0px;
}
.nl-input-number input[b-d98grhy0qf] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.nl-input-number.disabled button[b-d98grhy0qf],
.nl-input-number.disabled button:hover[b-d98grhy0qf],
.nl-input-number.disabled input[b-d98grhy0qf] {
    background-color: #e9ecef;
    cursor: not-allowed;
}
/* /Components/Inputs/NlInputNumberRange.razor.rz.scp.css */
.nl-input-number-range[b-jeyyzestrq] {
    display: inline-block;
    border: 1px solid silver;
    width: 65px;
    height: 200px;
    margin: 20px 0px;
    position: relative;
}
.nl-input-number-range[disabled][b-jeyyzestrq] {
    pointer-events: none;
}
.nl-input-number-range .value-start[b-jeyyzestrq],
.nl-input-number-range .value[b-jeyyzestrq],
.nl-input-number-range .value-end[b-jeyyzestrq],
.nl-input-number-range .mark[b-jeyyzestrq] {
    width: 100%;
    height: 1px;
    font-size: 0px;
    cursor: n-resize;
    position: absolute;
    z-index: 1;
}
.nl-input-number-range .value[b-jeyyzestrq] {
    height: 3px;
    cursor: initial;
}
.nl-input-number-range .value-start[b-jeyyzestrq]:after,
.nl-input-number-range .value-end[b-jeyyzestrq]:after {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
}
.nl-input-number-range .value-start[b-jeyyzestrq]:after {
    border-top-width: 20px;
    border-top-style: solid;
    border-top-color: inherit;
    bottom: -20px;
    right: 0px;
}
.nl-input-number-range .value-end[b-jeyyzestrq]:after {
    border-bottom-width: 20px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    top: -20px;
    left: 0px;
}
.nl-input-number-range .mark[b-jeyyzestrq] {
    background: linear-gradient(to right, transparent 50%, #223049 50%), linear-gradient(to right, #00b9ff, #59d941);
    background-size: 16px 2px, 100% 2px;
    cursor: initial;
    z-index: 2;
}
/* /Components/Inputs/NlInputRange.razor.rz.scp.css */
.nl-input-range[b-40dez0z3pt] {
    display: block;
    margin: 10px 0;
    height: 20px;
    position: relative;
}
.nl-input-range[b-40dez0z3pt]  input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 8px;
  height: 24px;
  background-color: #FFF;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: col-resize;
}
.nl-input-range[b-40dez0z3pt]  input[type=range]::-webkit-slider-thumb:hover {
  background: #F7F7F7;
}
.nl-input-range[b-40dez0z3pt]  input[type=range]::-webkit-slider-thumb:active {
  box-shadow: inset 0 0 3px #387BBE, 0 0 9px #387BBE;
  -webkit-box-shadow: inset 0 0 3px #387BBE, 0 0 9px #387BBE;
}
.nl-input-range[b-40dez0z3pt]  input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 10px;
  height: 24px;
  background-color: #FFF;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: col-resize;
}
.nl-input-range[b-40dez0z3pt]  input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  width: 100%;
  position: absolute;
  background-color: #F79847;
  pointer-events: none;
}
.nl-input-range[b-40dez0z3pt]  input[type="range"].start {
  height: 0;
  z-index: 1;
  top: 5px;
}
/* /Components/Inputs/NlInputSlider.razor.rz.scp.css */
.nl-input-slider[b-z4yns8g7gf] {
    display: block;
    height: 20px;
    position: relative;
}
.nl-input-slider[b-z4yns8g7gf]  input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 8px;
  height: 24px;
  background-color: #FFF;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: col-resize;
}
.nl-input-slider[b-z4yns8g7gf]  input[type=range]::-webkit-slider-thumb:hover {
  background: #F7F7F7;
}
.nl-input-slider[b-z4yns8g7gf]  input[type=range]::-webkit-slider-thumb:active {
  box-shadow: inset 0 0 3px #387BBE, 0 0 9px #387BBE;
  -webkit-box-shadow: inset 0 0 3px #387BBE, 0 0 9px #387BBE;
}
.nl-input-slider[b-z4yns8g7gf]  input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 10px;
  height: 24px;
  background-color: #FFF;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: col-resize;
}
.nl-input-slider[b-z4yns8g7gf]  input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  width: 100%;
  background-color: #F79847;
  pointer-events: none;
}
/* /Components/Menu/NlContextMenu.razor.rz.scp.css */
@keyframes menu-animation-b-6reuxsqtxj {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes menu-area-more-animation-b-6reuxsqtxj {
    from {
        transform: translateY(-10px);
        opacity: 0;
        visibility: hidden;
    }
    to {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
}
.nl-context-menu[b-6reuxsqtxj] {
    background-color: aliceblue;
    border-radius: 6px;
    padding: 0px 10px;
    text-align: center;
    display: inline-flex;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    opacity: 0.9;
}
.nl-context-menu[b-6reuxsqtxj],
.nl-context-menu .nl-context-menu-area[b-6reuxsqtxj],
.nl-context-menu .nl-context-menu-area .nl-context-menu-item[b-6reuxsqtxj],
.nl-context-menu .nl-context-menu-area .nl-context-menu-item[b-6reuxsqtxj]  a,
.nl-context-menu .nl-context-menu-area .nl-context-menu-item[b-6reuxsqtxj]  a * {
    cursor: pointer !important;
}
.nl-context-menu[nl-observable][nl-state=visible][b-6reuxsqtxj] {
    visibility: visible;
    opacity: 0;
    transform: translateY(10px);
    animation: menu-animation-b-6reuxsqtxj 0.3s ease-out forwards;
}
.nl-context-menu[nl-state=hidden][b-6reuxsqtxj] {
    visibility: hidden;
}
.nl-context-menu[b-6reuxsqtxj]  .nl-context-menu-btn-more {
    margin-left: 3px;
}
.nl-context-menu .nl-context-menu-area[b-6reuxsqtxj] {
    display: inline-flex;
}
.nl-context-menu .nl-context-menu-area[nl-type=Basic][b-6reuxsqtxj] {
    flex-direction: row;
    gap: 10px;
}
.nl-context-menu .nl-context-menu-area[nl-type=More][b-6reuxsqtxj] {
    background-color: aliceblue;
    padding: 10px 20px 10px 14px;
    text-align: left;
    white-space: nowrap;
    flex-direction: column;
    gap: 5px;
    visibility: hidden;
    position: absolute;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.nl-context-menu[nl-observable] .nl-context-menu-area[nl-type=More][nl-state=visible][b-6reuxsqtxj] {
    visibility: visible;
    animation: menu-area-more-animation-b-6reuxsqtxj 0.5s ease-out forwards;
}
.nl-context-menu .nl-context-menu-area[nl-type=More][nl-state=hidden][b-6reuxsqtxj] {
    visibility: hidden;
}
.nl-context-menu .nl-context-menu-item[b-6reuxsqtxj],
.nl-context-menu .nl-context-menu-separator[b-6reuxsqtxj] {
    display: inline-block;
    font-size: 20px;
}
.nl-context-menu .nl-context-menu-separator[b-6reuxsqtxj] {
    background-color: lavender;
}
.nl-context-menu .nl-context-menu-item[b-6reuxsqtxj]  span {
    font-size: 18px;
}
.nl-context-menu .nl-context-menu-area[nl-type=Basic] .nl-context-menu-separator[b-6reuxsqtxj] {
    width: 1px;
    margin: 3px 0;
}
.nl-context-menu .nl-context-menu-area[nl-type=More] .nl-context-menu-separator[b-6reuxsqtxj] {
    width: calc(100% + 34px);
    height: 1px;
    margin: 3px 0 0 -14px;
}
/* /Pages/CameraModal.razor.rz.scp.css */
.camera-modal .camera-modal-body[camera-modal-scope] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.camera-modal .preview[camera-modal-scope] {
    display: flex;
    flex-grow: 1;
    gap: 30px;
    justify-content: center;
    align-items: center;
    overflow: auto;
}
.camera-modal .preview video[camera-modal-scope] {
    object-fit: cover;
}
.camera-modal .preview video[camera-modal-scope],
.camera-modal .preview canvas[camera-modal-scope] {
    display: none;
    height: 100%;
}
.camera-modal .preview[nl-streaming] canvas[camera-modal-scope],
.camera-modal .preview[nl-streaming][nl-video-preview] video[camera-modal-scope] {
    display: block;
}
.camera-modal .preview[nl-streaming][nl-video-preview] canvas[camera-modal-scope] {
    display: none;
}
.camera-modal .preview .preview-details[camera-modal-scope] {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: auto;
    width: 400px
}
.camera-modal .preview[nl-streaming] .preview-details[camera-modal-scope] {
    display: inline-flex;
}
.camera-modal .preview[nl-streaming][nl-video-preview] .preview-details[camera-modal-scope] {
    display: none;
}
.camera-modal .preview .preview-details[camera-modal-scope]  .btn-target-color,
.camera-modal .preview .preview-details[camera-modal-scope]  .btn-swatch-color {
    border-width: 1px;
    border-style: solid;
    width: 40px;
    height: 40px;
}
.camera-modal .records[camera-modal-scope] {
    display: flex;
    flex-direction: row;
    flex: none;
    gap: 10px;
    margin-top: 10px;
    padding: 10px 3px 3px 3px;
    overflow-y: auto;
}
.camera-modal .records:has(> .record)[camera-modal-scope] {
    border-top: 1px solid var(--bs-modal-footer-border-color);
}
.camera-modal .records .record[camera-modal-scope] {
    display: block;
    cursor: pointer;
    height: 125px;
}
.camera-modal .records .record.selected[camera-modal-scope],
.camera-modal .records .record:hover[camera-modal-scope] {
    outline: 3px solid black;
}
.camera-modal .records .record video[camera-modal-scope],
.camera-modal .records .record canvas[camera-modal-scope] {
    border: 1px solid var(--bs-secondary);
    height: 100px;
}
.camera-modal .records .record .title[camera-modal-scope] {
    font-size: 12px;
    display: block;
    text-align: center;
}
/* /Pages/ColorSwatchSheet.razor.rz.scp.css */
table[b-vg4iuxu4ct] {
    border-collapse: collapse;
    table-layout: fixed;
    margin: auto;
}
table[nl-factor=normal][b-vg4iuxu4ct] {
    font-size: 16px;
    line-height: 16px;
}
table[nl-factor=medium][b-vg4iuxu4ct] {
    font-size: 14px;
    line-height: 14px;
}
table[nl-factor=big][b-vg4iuxu4ct] {
    font-size: 12px;
    line-height: 12px;
}
table th[b-vg4iuxu4ct] {
    font-weight: normal;
}
table th[b-vg4iuxu4ct],
table td[b-vg4iuxu4ct] {
    text-align: center;
}
table th.selected[b-vg4iuxu4ct],
table tr.selected > td[b-vg4iuxu4ct] {
    font-weight: bold;
}
table td:first-child[b-vg4iuxu4ct] {
    padding: 0 5px;
}
table td:not(:first-child)[b-vg4iuxu4ct] {
    cursor: pointer;
    border: 1px solid black;
}
table td:not(:first-child):hover[b-vg4iuxu4ct],
table td.selected[b-vg4iuxu4ct] {
    outline: 4px solid #000000;
}
/* /Pages/Designer.razor.rz.scp.css */
.designer[b-2nhopbsve7] {
    --configuration-width: 360px;
    --shape-border-width: 1px;
    width: 100vw;
    height: calc(100% - 60px);
    overflow-x: auto;
    overflow-y: hidden;
}
.designer .configuration[b-2nhopbsve7] {
    display: inline-block;
    font-size: 16px;
    width: var(--configuration-width);
    height: 100%;
    vertical-align: top;
    overflow: auto;
    padding: 20px 10px 20px 20px;
    position: relative;
}
.designer .configuration[b-2nhopbsve7]  .accordion-body {
    padding: 10px 5px 4px 0;
}
.designer .preview[b-2nhopbsve7] {
    display: inline-flex;
    flex-direction: column;
    width: calc(100% - var(--configuration-width) - 20px);
    height: 100%;
    padding-top: 2px;
}
.designer .scroller[b-2nhopbsve7] {
    flex-grow: 1;
    border: 1px dashed black;
    overflow: auto;
}
.designer .preview[nl-mode=Output][b-2nhopbsve7]  .media-design,
.designer .preview[nl-mode=Design][b-2nhopbsve7]  .media-output,
.designer .preview[nl-mode=ColorSwatchSheet][b-2nhopbsve7]  .media-design,
.designer .preview[nl-mode=ColorSwatchSheet][b-2nhopbsve7]  .media-output {
    display: none;
}
.designer .preview[b-2nhopbsve7]  .media-design {
    position: relative;
    border: 1px dashed silver;
    text-align: center;
    margin: auto;
}
.designer .preview[b-2nhopbsve7]  .media-output {
    margin-left: auto;
    margin-right: auto;
}
.designer .preview[b-2nhopbsve7]  .color-swatch-sheet {
    display: block;
    border: 1px dashed silver;
    margin: auto;
}
/* /Pages/Editors/ColorRangeEditor.razor.rz.scp.css */
.color-range-editor[b-4ruzhlrh1j] {
    display: inline-block;
    height: 24px;
}
.color-range-editor .toolbar[b-4ruzhlrh1j] {
    text-align: end;
}
.color-range-editor .toolbar[b-4ruzhlrh1j]  .btn-eye-dropper {
    font-size: 18px;
    margin-right: 10px;
}
.color-range-editor .color-label[b-4ruzhlrh1j] {
    display: block;
    line-height: 18px;
}
.color-range-editor[b-4ruzhlrh1j]  .nl-input-number {
    width: 65px;
}
.color-range-editor[b-4ruzhlrh1j]  .nl-input-number-range {
    height: 150px;
    margin: 20px 0 10px 0;
}
.color-range-editor .set[b-4ruzhlrh1j] {
    display: flex;
    column-gap: 11px;
    row-gap: 15px;
    margin: 0 6px;
    padding-top: 10px;
    height: 100px;
    overflow-y: scroll;
}
.color-range-editor .set .color[b-4ruzhlrh1j] {
    display: inline-block;
    border: 1px solid black;
    width: 35px;
    height: 35px;
}
.color-range-editor .set .color[b-4ruzhlrh1j]  .btn-remove-from-set {
    background-color: white;
    clip-path: circle(38% at 50% 50%);
    position: relative;
    right: -70%;
    top: -38%;
}
/* /Pages/Editors/ColorReplacementEditor.razor.rz.scp.css */
.replacement[b-zdndb51p94] {
    margin-top: 10px;
}
.replacement .header[b-zdndb51p94] {
    display: flex;
}
.replacement[b-zdndb51p94]  .btn-toggle-source-editor,
.replacement[b-zdndb51p94]  .btn-toggle-target-editor {
    display: inline-block;
    border: 1px solid var(--bs-secondary);
    width: 32px;
    height: 32px;
    margin-left: 10px;
}
.replacement[b-zdndb51p94]  .btn-toggle-target-editor {
    margin-left: 1rem;
}
.replacement[nl-mode=SourceEditor][b-zdndb51p94]  .btn-toggle-source-editor,
.replacement[nl-mode=TargetEditor][b-zdndb51p94]  .btn-toggle-target-editor {
    border: 3px solid var(--bs-primary);
}
.replacement .source-editor[b-zdndb51p94],
.replacement .target-editor[b-zdndb51p94] {
    display: none;
    border-top: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
    margin-top: 5px;
    padding-top: 5px;
}
.replacement[nl-mode=SourceEditor] .source-editor[b-zdndb51p94] {
    display: block;
    height: 415px;
}
.replacement[nl-mode=TargetEditor] .target-editor[b-zdndb51p94] {
    display: block;
    height: 310px;
}
.replacement .source-editor[b-zdndb51p94]  .color-range-editor,
.replacement .target-editor[b-zdndb51p94]  .color-substitution-editor {
    width: 100%;
}
/* /Pages/Editors/ColorSubstitutionEditor.razor.rz.scp.css */
.color-substitution-editor[b-3f4awx6p6q] {
    display: inline-block;
    height: 24px;
}
.color-substitution-editor .toolbar[b-3f4awx6p6q] {
    text-align: end;
}
.color-substitution-editor .toolbar[b-3f4awx6p6q]  .btn-eye-dropper {
    font-size: 18px;
    margin-right: 10px;
}
.color-substitution-editor .toolbar .btn-group label[b-3f4awx6p6q] {
    font-size: 18px;
    cursor: pointer;
    margin-right: 15px;
}
.color-substitution-editor .toolbar .btn-group input[type="radio"]:checked+label[b-3f4awx6p6q] {
    color: #866EFD;
}
.color-substitution-editor .hue-spectrum[b-3f4awx6p6q] {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}
.color-substitution-editor .hue-spectrum input[b-3f4awx6p6q] {
	 -webkit-appearance: none;
    width: 100%;
}
.color-substitution-editor .hue-spectrum input[b-3f4awx6p6q]::-webkit-slider-runnable-track {
    border: 1px solid silver;
    height: 30px;
}
.color-substitution-editor .hue-spectrum input[b-3f4awx6p6q]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 8px;
    height: 40px;
    background-color: #FFF;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
    margin-top: -5px;
}
.color-substitution-editor .hue-spectrum input:focus[b-3f4awx6p6q] {
    outline: none;
}
.color-substitution-editor .color-label[b-3f4awx6p6q] {
    display: block;
    line-height: 18px;
}
.color-substitution-editor[b-3f4awx6p6q]  .nl-input-number {
    width: 65px;
}
.color-substitution-editor .palette[b-3f4awx6p6q] {
    font-size: 0px;
    height: 222px;
    overflow-y: scroll;
}
.color-substitution-editor .palette .item[b-3f4awx6p6q] {
    display: inline-block;
    border-radius: 6px;
    font-size: 13px;
    width: 72px;
    height: 72px;
    margin: 1px;
    text-align: center;
    align-content: center;
    overflow: hidden;
    cursor: pointer;
}
.color-substitution-editor .palette .item:hover[b-3f4awx6p6q] {
    outline: 1px solid black;
}
/* /Pages/Editors/ColorSwatchEditor.razor.rz.scp.css */
.swatch[b-j5vea1mewl] {
    margin-top: 10px;
}
.swatch .header[b-j5vea1mewl] {
    display: flex;
}
.swatch[b-j5vea1mewl]  .btn-toggle-source-editor,
.swatch[b-j5vea1mewl]  .btn-toggle-target-editor {
    display: inline-block;
    border: 1px solid var(--bs-secondary);
    width: 32px;
    height: 32px;
    margin-left: 10px;
}
.swatch[b-j5vea1mewl]  .btn-toggle-target-editor {
    margin-left: 1rem;
}
.swatch[nl-mode=SourceEditor][b-j5vea1mewl]  .btn-toggle-source-editor,
.swatch[nl-mode=TargetEditor][b-j5vea1mewl]  .btn-toggle-target-editor {
    border: 3px solid var(--bs-primary);
}
.swatch[b-j5vea1mewl]  .source-editor,
.swatch[b-j5vea1mewl]  .target-editor {
    display: none;
    border-top: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
    margin-top: 5px;
    padding-top: 5px;
}
.swatch[nl-mode=SourceEditor][b-j5vea1mewl]  .source-editor {
    display: block;
    height: 312px;
}
.swatch[nl-mode=TargetEditor][b-j5vea1mewl]  .target-editor {
    display: block;
    height: 430px;
}
.swatch .source-editor[b-j5vea1mewl]  .color-substitution-editor,
.swatch .target-editor[b-j5vea1mewl]  .color-substitution-editor {
    width: 100%;
}
/* /Pages/Editors/MediaPreparationEditor.razor.rz.scp.css */
.assets .asset[b-gnp9rmsbq9] {
    display: flex;
    align-items: center;
    border: 1px dashed silver;
    margin-top: 5px;
    padding-right: 5px;
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.assets .asset .title[b-gnp9rmsbq9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px;
    width: calc(100% - 90px);
}
.assets .image-asset canvas[b-gnp9rmsbq9] {
    border: 1px solid black;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
/* /Pages/MediaDesign.razor.rz.scp.css */
.form[b-0bhy6x6ihi] {
    background-image: radial-gradient(circle at 0.6px 0.6px, silver 1px, transparent 0);
    background-size: 14px 14px;
    font-size: 0px;
    text-align: left;
    margin: auto;
}
.timing-mark[b-0bhy6x6ihi] {
    background-color: black;
    position: absolute;
    z-index: 2;
}
.timing-mark[nl-valid=false][b-0bhy6x6ihi] {
    background-color: red;
}
.shape[b-0bhy6x6ihi] {
    display: inline-block;
    background-color: blue;
    position: relative;
    overflow: clip;
}
.shape[type=Oval][b-0bhy6x6ihi],
.shape.bordered[type=Oval][b-0bhy6x6ihi]::after {
    border-radius: 50%;
}
.shape[type=Rectangle][b-0bhy6x6ihi] {
}
.shape.bordered[b-0bhy6x6ihi]::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   border: var(--shape-border-width) dashed black;
   pointer-events: none;
   z-index: 2;
}
.shape.bordered.oversprayed[b-0bhy6x6ihi]::after,
.shape.oversprayed .shape-image-container[b-0bhy6x6ihi],
.shape.oversprayed .shape-image[b-0bhy6x6ihi] {
    border-radius: inherit;
}
.shape.bordered[type=Oval][b-0bhy6x6ihi]::after {
   clip-path: ellipse(50% 50% at 50% 50%);
}
.shape.bordered[type=Rectangle][b-0bhy6x6ihi]::after {
   clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);
}
.shape:hover[b-0bhy6x6ihi],
.shape.selected[b-0bhy6x6ihi] {
    outline: 3px solid black;
}
.shape .shape-image-container[b-0bhy6x6ihi] {
    position: relative;
}
.shape .shape-image[b-0bhy6x6ihi] {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.shape.selected .shape-image[b-0bhy6x6ihi] {
    cursor: move;
}
.shape .shape-image[nl-size][b-0bhy6x6ihi] {
    display: block;
}
/* Resizer size: 8px */
.shape[b-0bhy6x6ihi]  .shape-image-resizer {
    --resizer-size: 8px;
    --resizer-shift: -3px;
    position: absolute;
}
.shape[b-0bhy6x6ihi]  .shape-image-resizer.top {
    width: 100%;
    height: var(--resizer-size);
    top: var(--resizer-shift);
    left: 0px;
}
.shape[b-0bhy6x6ihi]  .shape-image-resizer.bottom {
    width: 100%;
    height: var(--resizer-size);
    bottom: var(--resizer-shift);
    left: 0px;
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.top,
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.bottom {
    cursor: n-resize;
}
.shape[b-0bhy6x6ihi]  .shape-image-resizer.left {
    width: var(--resizer-size);
    height: 100%;
    top: 0px; 
    left: var(--resizer-shift);
}
.shape[b-0bhy6x6ihi]  .shape-image-resizer.right {
    width: var(--resizer-size);
    height: 100%;
    top: 0px;
    right: var(--resizer-shift);
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.left,
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.right {
    cursor: e-resize;
}
.shape[b-0bhy6x6ihi]  .shape-image-resizer.top-left {
    width: var(--resizer-size);
    height: var(--resizer-size);
    top: var(--resizer-shift);
    left: var(--resizer-shift);
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.top-left {
    cursor: nw-resize;
}
.shape[b-0bhy6x6ihi]  .shape-image-resizer.top-right {
    width: var(--resizer-size);
    height: var(--resizer-size);
    top: var(--resizer-shift);
    right: var(--resizer-shift);
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.top-right {
    cursor: ne-resize;
}
.shape[b-0bhy6x6ihi]  .shape-image-resizer.bottom-left {
    width: var(--resizer-size);
    height: var(--resizer-size);
    bottom: var(--resizer-shift);
    left: var(--resizer-shift);
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.bottom-left {
    cursor: sw-resize;
}
.shape[b-0bhy6x6ihi]  .shape-image-resizer.bottom-right {
    width: var(--resizer-size);
    height: var(--resizer-size);
    bottom: var(--resizer-shift);
    right: var(--resizer-shift);
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.bottom-right {
    cursor: se-resize;
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.top-left,
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.top-right,
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.bottom-left,
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.bottom-right {
    background-color: white;
    border: 1px solid black;
    border-radius: 50%;
    z-index: 2;
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer:before {
    background-color: white;
    content: '';
    position: absolute;
    transform: translate(-50%, -50%);
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.top:before,
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.bottom:before {
    width: 20px;
    height: 3px;
    left: 50%;
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.top:before {
    bottom: 3px;
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.bottom:before {
    top: 6px;
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.left:before,
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.right:before {
    width: 3px;
    height: 20px;
    top: 50%;
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.left:before {
    left: 2px;
}
.shape.selected[b-0bhy6x6ihi]  .shape-image-resizer.right:before {
    right: -1px;
}
/* /Pages/MediaOutput.razor.rz.scp.css */
canvas[b-vbrw3jh6cy] {
    width: 100%;
    margin-top: 1px;
}
/* /Pages/MediaZoomer.razor.rz.scp.css */
.zoomer[b-5kui9a2ygp] {
    text-align: right;
    margin-top: 10px;
}
.zoomer[b-5kui9a2ygp]  a {
    vertical-align: middle;
}
.zoomer[b-5kui9a2ygp]  .slider {
    display: inline-block;
    width: 200px;
}