#canvas-container{flex-wrap:wrap}.canvas-thumb-container{position:relative}#canvas-container,.canvas-overlay{display:flex;justify-content:center}.canvas-overlay{position:absolute;top:5px;left:5px;z-index:10;align-items:center;background-color:#fff;opacity:1;transition:opacity .3s;border:2px solid #bababa;border-radius:50%}.canvas-overlay svg{fill:#686868}.canvas-overlay svg.show{fill:green}.canvas-js{margin:0 3px;cursor:pointer;border:1px solid #a7a7a7}.canvas-preview{display:flex;flex-wrap:wrap;justify-content:space-around;gap:0;padding:0 10px;margin:10px 0 0}.canvas-preview.single{justify-content:flex-start;padding:0}.canvas-preview .file-wrapper{position:relative;background:#fff;box-shadow:rgba(0,0,0,.15) 0 2px 8px;margin-bottom:10px;cursor:grab}.canvas-preview .file-name{background:#f5f5f5;padding:5px 8px;font-size:.8rem;text-align:center}.canvas-preview .order-badge{position:absolute;bottom:0;right:0;background-color:var(--bs-primary);color:#fff;font-size:14px;padding:4px 8px;border-radius:10px 0 0 0;font-weight:500;z-index:10}.canvas-preview.single .order-badge{bottom:8px}.canvas-preview .btn-delete{position:absolute;bottom:0;left:5px;padding:0;background-color:#fff;color:transparent;border:0;cursor:pointer;border-radius:0;transition:background-color .3s,transform .3s}.canvas-preview .btn-delete svg{fill:var(--bs-primary)}[data-dark-mode] .canvas-preview .order-badge{background-color:var(--background-dark-mode);color:#1d2d35}[data-dark-mode] .canvas-preview .btn-delete svg{fill:var(--color-dark-mode)}[data-dark-mode] .canvas-preview .file-name,[data-dark-mode] input[type=file]{color:#1d2d35}.mode-button{margin-right:0;padding:10px 25px;display:flex;flex-wrap:wrap;justify-content:center;border:0;width:50%}.bd-callout-info,.mode-button.selected{background-color:var(--bs-primary);color:#fff}.bd-callout-info{border-radius:8px;border:1px solid var(--bs-primary);font-size:.85rem;padding:10px 20px}[data-dark-mode] .bd-callout-info{border:1px solid var(--background-dark-mode)}[data-dark-mode] .bd-callout-info,[data-dark-mode] .mode-button.selected{background-color:var(--background-dark-mode);color:#1d2d35}.interval-input{margin-bottom:5px;display:flex;justify-content:space-between}.interval-input input{width:80px}