.container-dnd{--background:#0f0450;--background-secondary:#0f0450;--foreground:#eee;--foreground-secondary:#eeeeee70;cursor:grab;background-image:radial-gradient(#ffffff20 1px,#0000 1px);background-size:10px 10px;border-radius:32px;max-width:1440px;height:100%;padding:32px}.error{transition:border-color .5s,color .5s;background-color:red!important}.deselect-button{color:var(--foreground-secondary);cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:.8rem}.form-container{color:var(--foreground);grid-template-columns:1fr 1fr;min-height:450px;display:grid}.droppable-area{height:-webkit-fill-available;height:-moz-available;height:stretch}.form-select-container{background-color:var(--background-secondary);border-radius:16px;flex-direction:column;gap:16px;height:auto;margin:32px;padding:32px;display:flex}.form-select-container>h3{padding:0 16px;font-size:16px}.form-select-container li{width:fit-content;color:var(--foreground);background:var(--background);border:1px solid var(--foreground-secondary);cursor:grab;border-radius:16px;padding:8px 16px}.form-select-container li:active,.form-selected-container li:active{cursor:grabbing}.form-select-container li h3{font-size:14px}.form-selected-container{flex-direction:column;gap:8px;display:flex}.selected-item,.insert-more{background:var(--background);border:1px dashed var(--foreground-secondary);cursor:grab;border-radius:16px;padding:8px 16px}.selected-item{justify-content:space-between;font-size:14px;display:flex}.insert-more{color:var(--foreground-secondary);justify-content:center;align-items:center;display:flex}.submit-button{justify-content:center;align-items:center;margin-top:2rem;display:flex}.submit-button button{background-color:var(--foreground);width:100%;color:var(--background);cursor:pointer;border-radius:16px;margin:0 32px;padding:8px 16px;font-size:16px}.submit-button button:hover{color:#fff;background-color:#4864d3}.popup-contentainer-summary{margin:32px}.popup-content-summary{grid-template-columns:1fr 1fr;gap:16px;display:grid}.popup-summary-riepilogo{border-right:1px solid #eee;flex-direction:column;gap:.5rem;display:flex}@media screen and (max-width:767px){.container-dnd{padding-top:70px}.popup-contentainer-summary{margin:16px 0}.popup-content-summary{grid-template-columns:1fr}.popup-summary-riepilogo{border-right:none;justify-content:center;align-items:center}.popup-summary-riepilogo h2{display:none}.submit-button a span:first-child{background-color:#eeeeee70;border-radius:100px;padding:1rem;line-height:0}.submit-button a span:last-child{display:none}}
.popup-overlay{z-index:1000;background-color:#eeeeee70;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-content{background-color:#0f0450;border-radius:16px;width:100%;max-width:1000px;margin:0 auto;padding:2rem;position:relative}.popup-close-button{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:10px;right:10px}.popup-content h2{color:#eee;margin-top:0}.popup-content ul{flex-wrap:wrap;gap:8px;margin:8px 0;list-style-type:none;display:flex}.popup-content li{color:#eee;background-color:#4864d3;border:none;border-radius:16px;padding:8px 16px;font-size:14px;font-weight:400}.popup-content li:hover{background-color:#4864d3}.popup-content hr{border:0;border-top:1px solid #ccc;margin:1.5rem 0}.form-group{margin-bottom:1rem}.form-group label{color:#eee;margin-bottom:.5rem;display:block}.form-group input,.form-group textarea{color:#eee;border:1px solid #ccc;border-radius:16px;width:100%;padding:12px;font-size:14px}.popup-content button[type=submit]{color:#0f0450;cursor:pointer;background-color:#eee;border:none;border-radius:16px;padding:.75rem 1.5rem;font-size:1rem}.popup-content button[type=submit]:hover{color:#fff;background-color:#4864d3}.popup-section{width:auto;margin:24px}@media screen and (max-width:767px){.popup-content{padding:0}.form-container{grid-template-columns:1fr}.form-container .form-select-container{align-items:center;width:100%;height:auto;margin:32px 0}.form-container .form-select-container .droppable-area{width:100%;height:auto;padding:16px}.form-container .form-select-container .droppable-area ul,.form-container .form-select-container .droppable-area li{width:100%}}