.modal-holder{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;display:flex;position:fixed;top:0}.modal-holder .modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;width:32rem;max-width:100%;padding:28px;transition:width .2s,height .2s;position:relative;overflow:hidden}.modal-holder .modal.red-outline{border:1px solid var(--color-error)}.modal-holder .modal-content{flex-flow:column;gap:15px;display:flex}.modal-holder .modal-content .crop-container{background:var(--color-surface);border-radius:10px;width:100%;height:20rem;margin-top:10px;margin-bottom:5px;position:relative;overflow:hidden}.modal-holder .modal-content .crop{background:var(--color-surface-deep);justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0}.modal-holder .modal-footer{justify-content:flex-end;gap:7px;margin-top:25px;display:flex}.modal-holder .modal-footer[data-align=left]{justify-content:flex-start}.modal-content:has(.modal-inputs:last-child)+.modal-footer{margin-top:35px}.modal-holder .modal-error p{color:var(--color-error)}.modal-select-list{flex-flow:column;gap:10px;margin-top:15px;margin-bottom:15px;display:flex}.modal-inputs{flex-flow:column;gap:20px;display:flex}.modal-inputs .modal-input-item{flex-flow:column;gap:5px;display:flex}p+.modal-inputs{margin-top:10px}.modal-factor-qr{background:var(--color-surface);border-radius:10px;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;padding:15px;display:flex}.modal-factor-qr img{border-radius:10px}.modal-comment{background:var(--color-surface);border-radius:10px;align-items:center;gap:10px;margin-top:10px;margin-bottom:10px;padding:10px;display:flex}.modal-comment img{border-radius:10px}.modal-comment-context{flex-flow:column;display:flex}.modal-comment-context b{color:var(--color-accent)}
