/* PlotterFilesGenerator — templates/components/PlotterFiles/PlotterFilesGenerator.html.twig */

.plotter-files-generator__payload-json {
    max-height: 14rem;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.plotter-files-generator__api-debug > summary,
.plotter-files-generator__api-debug details > summary {
    cursor: pointer;
}

.plotter-files-generator__api-debug > summary:hover,
.plotter-files-generator__api-debug details > summary:hover {
    color: var(--bs-body-color);
}

.plotter-files-generator__api-debug-body {
    border-top: 1px solid var(--bs-border-color);
    padding-top: 0.75rem;
}

.plotter-files-generator__marked-produced {
    padding: 0.75rem 1rem;
    border: 1px solid var(--bs-warning-border-subtle, #ffda6a);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-warning-bg-subtle, #fff3cd);
    color: var(--bs-warning-text-emphasis, #664d03);
}

.plotter-files-generator__marked-produced .text-muted {
    color: var(--bs-warning-text-emphasis, #664d03) !important;
    opacity: 0.85;
}

.plotter-files-generator__marked-produced code {
    color: var(--bs-warning-text-emphasis, #664d03);
}

.plotter-files-generator__marked-produced-details > summary {
    cursor: pointer;
    font-weight: 600;
    list-style-position: outside;
}

.plotter-files-generator__marked-produced-details > summary:hover {
    text-decoration: underline;
}

.plotter-files-generator__marked-produced-summary {
    margin-top: 0.5rem;
    max-height: 9rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.plotter-files-generator__marked-produced-summary li + li {
    margin-top: 0.15rem;
}

.plotter-files-generator__marked-produced .plotter-files-generator__marked-produced-btn,
.plotter-files-generator__marked-produced .btn-warning {
    --bs-btn-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-active-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #cc9a06;
    --bs-btn-hover-bg: #e0a800;
    --bs-btn-hover-border-color: #b38605;
    font-weight: 600;
}

.plotter-files-generator__preview-frame {
    --plotter-preview-checker: #adb5bd;
    --plotter-preview-checker-bg: #ced4da;
    padding: 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--plotter-preview-checker-bg);
    background-image:
        linear-gradient(45deg, var(--plotter-preview-checker) 25%, transparent 25%),
        linear-gradient(-45deg, var(--plotter-preview-checker) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--plotter-preview-checker) 75%),
        linear-gradient(-45deg, transparent 75%, var(--plotter-preview-checker) 75%);
    background-size: 14px 14px;
    background-position: 0 0, 0 7px, 7px -7px, -7px 0;
    overflow: auto;
    max-height: min(70vh, 720px);
    text-align: center;
}

.plotter-files-generator__preview {
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: min(70vh, 660px);
    vertical-align: top;
    box-shadow: 0 1px 4px rgb(0 0 0 / 0.12);
}

.plotter-files-generator__generated-fab {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 1040;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.15rem;
    border-radius: 999px;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .plotter-files-generator__generated-fab {
        right: 1rem;
        bottom: 1rem;
        padding: 0.65rem 1rem;
    }
}