.wrapper{display:flex;background-color:var(--brand-primary-color)}.setup{flex-grow:1;margin:0 auto;max-width:1024px;padding-bottom:4rem}.setup .setup-header{padding:1.5rem 1.5rem;border-bottom:2px solid var(--brand-secondary-color);background-color:var(--brand-primary-color);color:var(--brand-secondary-color);border-radius:2px;display:flex;justify-content:space-between;align-items:center}.setup .setup-header .setup-title{font-size:1.75rem;font-weight:bold}.setup .setup-header .setup-timer{font-weight:bold}.setup .setup-header .setup-progress{width:140px;padding:0 1rem}.setup .setup-header .setup-progress .progress-legend{font-size:14px;margin-bottom:4px;text-align:right}.setup .setup-header .setup-progress .progress-bar{color:#000!important;background-color:#f1f1f1!important}.setup .setup-header .setup-progress .progress-bar .progress{background-color:var(--brand-secondary-color)!important;height:6px}.setup .setup-header .setup-actions button{padding:0.5rem 1rem;font-weight:bold;border:none;border-radius:50px;background-color:var(--brand-secondary-color);color:black;cursor:pointer}.setup .setup-header .setup-actions button:disabled{background-color:grey;cursor:not-allowed}.setup .setup-header .setup-actions button:hover{opacity:0.8}.setup .setup-categories{display:flex;flex-direction:column;gap:0.5rem;padding-top:0.5rem}.setup .setup-categories .setup-category{display:flex;align-items:center;flex-wrap:wrap;flex-grow:1;border-radius:10px;min-height:200px}.setup .setup-categories .setup-category .number{font-size:1.5rem;font-weight:1000;padding:2rem 3rem}.setup .setup-categories .setup-category .column{display:flex;flex-direction:column;justify-content:space-between;height:100%;flex-grow:1;padding:0 2rem 0 0}.setup .setup-categories .setup-category .column .category{font-size:1.5rem;font-weight:1000;padding:1rem 0}.setup .setup-categories .setup-category .column .category .points-monthly{font-size:0.75rem;font-weight:normal;margin-left:0.5rem}.setup .setup-categories .setup-category .column .answer{display:flex;align-items:center}.setup .setup-categories .setup-category .column .answer .ranking-text{margin-right:1rem;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:border-color 0.3s ease,box-shadow 0.3s ease}.setup .setup-categories .setup-category .column .answer .ranking-text:focus{border-color:var(--brand-secondary-color);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.setup .setup-categories .setup-category .column .answer .save-ranking-text{padding:0.5rem 1rem;font-weight:bold;border:none;border-radius:50px;color:black;cursor:pointer;background-color:grey;cursor:not-allowed}.setup .setup-categories .setup-category .column .answer .save-ranking-text.active{background-color:var(--brand-secondary-color);cursor:pointer}.setup .setup-categories .setup-category .preview{display:flex;flex-direction:column;height:100%;position:relative;padding:0 1rem}.setup .setup-categories .setup-category .preview .preview-image-wrapper{position:relative}.setup .setup-categories .setup-category .preview .preview-image-wrapper img{width:100%;height:100%;border-radius:5px;object-fit:cover}.setup .setup-categories .setup-category .preview .preview-image-wrapper .preview-title{position:absolute;bottom:0;font-size:16px;background-color:grey;color:white;padding:0.2rem 0;width:100%;text-align:center}.ranking-select-selection{font-size:1rem!important;line-height:1.5!important;height:3rem!important;padding:0.5rem 1rem!important}.ranking-select-dropdown{font-size:1rem!important;line-height:2!important}.ranking-select-item{font-size:1rem!important;display:flex;align-items:center}.ranking-select-item img{vertical-align:middle;margin-right:0.5rem;margin-left:0.5rem}.select2-search__field{font-size:1rem!important;height:3rem!important}.select2-selection__arrow{height:3rem!important}.ranking-text{font-size:1rem;line-height:1.5;padding:0.5rem 1rem;height:4rem;width:80%;border-radius:5px;font-family:'Roboto',sans-serif}#close-ranking-modal{min-width:300px;min-height:200px}#close-ranking-modal .modal-wrapper{display:flex;flex-direction:column;justify-content:space-between;min-height:200px}#close-ranking-modal .modal-body{display:flex;flex-direction:column}#close-ranking-modal .modal-body p{font-size:1.5rem;font-weight:1000;padding:0.5rem 0 1rem 0}#close-ranking-modal .modal-body label{font-size:1rem;font-weight:bold;padding:0.2rem 0}#close-ranking-modal .modal-body input{font-size:1rem;line-height:1.5;padding:0.1rem 1rem;height:3rem;border-radius:5px;outline:none;font-family:'Roboto',sans-serif}#close-ranking-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0}#close-ranking-modal .modal-footer a{font-size:1rem}#close-ranking-modal .modal-footer button{font-size:1rem;padding:0.5rem 1rem;border:none;border-radius:50px;background-color:var(--brand-secondary-color);color:var(--brand-primary-color);border-color:var(--brand-primary-color);cursor:pointer}@media only screen and (max-width:650px){.setup .setup-header{flex-direction:column;gap:1rem}.setup .setup-categories .setup-category .number{display:none}.setup .setup-categories .setup-category{padding-left:2rem}.preview-image-wrapper{display:none}}