.ticket-container{width:720px;height:250px;display:flex;justify-content:space-between;border:1px solid #ececec;margin-bottom:10px;border-radius:5px;background-color:#fff}.ticket-number-wrapper{position:relative;height:250px;width:50px;background-color:#393838;color:#fff;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.ticket-number-wrapper .number{font-family:Courier New,Courier,monospace;max-width:110px;position:absolute;top:60px;left:50%;transform:translate(-50%) rotate(-90deg);font-size:16px;white-space:nowrap;overflow:hidden}.ticket-number-wrapper .label{position:absolute;bottom:50px;left:50%;transform:translate(-50%) rotate(-90deg);font-size:12px;white-space:nowrap}.ticket-details{width:450px;padding:15px;display:flex}.ticket-details .left{width:260px;display:flex;flex-direction:column;justify-content:space-between;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.ticket-details .right{width:190px;font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;justify-content:space-between}.ticket-details h1{margin:0;padding:0;text-transform:uppercase;font-size:38px;max-width:250px;max-height:100px;overflow:hidden;word-break:break-all}.ticket-details .date{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f0ea;width:200px;height:45px;padding:10px;text-align:center;font-weight:700}.ticket-details .user-name{font-weight:700;font-size:24px;margin-top:7px}.ticket-qr{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 0;height:100%;width:190px;background-color:#f5f0ea;color:#393838;border-left:2px dashed #393838}.ticket-qr h5{font-size:24px;margin:0;font-weight:700}.event-info{display:flex;flex-direction:row;justify-content:space-between}.right p{margin:0}