:root{--orange:#ff6f61;--cyan:#6bffe5;--violet:#9d6bff}.container-bg-animated{background-color:var(--foreground);contain:paint;background-color:#0f0450;border-radius:24px;max-width:100vw;height:480px;position:relative;overflow:hidden}.bg-animated-circle{opacity:1;backface-visibility:hidden;border-radius:1000px;width:80vw;height:80vw}.container-bg-animated[data-animating=true] .bg-animated-circle{will-change:transform}.bg-animated-circle.orange{animation:2s ease-in-out infinite alternate move-orange;position:absolute;top:20%;right:40%}.bg-animated-circle.cyan{animation:2.5s ease-in-out infinite alternate move-cyan;position:absolute;top:65%;right:75%}.bg-animated-circle.violet{animation:3s ease-in-out infinite alternate move-violet;position:absolute;top:75%;right:25%}.bg-animated-circle img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@keyframes move-orange{0%{transform:translate(50%,-50%)}to{transform:translate(65%,-65%)}}@keyframes move-cyan{0%{transform:translate(50%,-50%)}to{transform:translate(70%,-70%)}}@keyframes move-violet{0%{transform:translate(50%,-50%)}to{transform:translate(75%,-75%)}}@media (prefers-reduced-motion:reduce){.bg-animated-circle.orange,.bg-animated-circle.cyan,.bg-animated-circle.violet{animation:none!important}}
.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%}}