*{margin:0;padding:0}body{display:flex}.modal,body{align-items:center;height:100vh;justify-content:center;width:100vw}.modal{background-color:rgba(0,0,0,.47);bottom:0;left:0;position:absolute;right:0;top:0}.modal,.ticket-list{flex-direction:column}.ticket-list{display:flex;max-width:600px;width:100%}.ticket-add{align-self:flex-end;border:1px solid;border-radius:10px;cursor:pointer;padding:10px 20px}.single-ticket_wrapper{display:flex;gap:20px}.single-ticket .delete,.single-ticket .edit,.ticket-cancel,.ticket-submit{background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;padding:5px 10px;text-transform:uppercase}.single-ticket_description{display:none}.single-ticket{border:1px solid;border-radius:10px;display:grid;gap:20px;grid-template-areas:"status name date wrapper" "description description description description";grid-template-columns:20px 1fr 110px 100px;grid-template-rows:1fr;margin:10px;padding:20px}.single-ticket.active{grid-template-rows:1fr 1fr}.single-ticket.active .single-ticket_description{display:flex}.single-ticket_status{grid-area:status}.single-ticket_date,.single-ticket_name{cursor:pointer}.single-ticket_name{grid-area:name}.single-ticket_date{grid-area:date}.single-ticket_wrapper{grid-area:wrapper}.single-ticket_description{grid-area:description}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:600px;width:100%}.modal.hide{display:none}.modal.active{display:flex}.modal-container{align-items:center;background-color:#fff;border:1px solid;border-radius:15px;display:flex;flex-direction:column;gap:20px;justify-content:center;max-height:600px;max-width:600px;padding:20px;position:relative}.modal-close{cursor:pointer;position:absolute;right:10px;top:10px}.modal-footer{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.modal-container input,.modal-container textarea{padding:5px 10px;width:100%}.modal-container .form,.modal-container .form label{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%}