body{background-image:url(/build/assets/backround-7987c8b5.svg);background-size:cover;margin:2%}body .info{min-height:90vh;display:flex;justify-content:center;align-items:center}body .tkt_button{margin-top:10%;border-radius:12px;background-color:orange;border-color:orange;padding:5px 0;color:#fff;font-weight:700}body .title-logo-wrapper{display:flex;justify-content:space-between;margin-bottom:5%}body .title-logo-wrapper img{margin-left:5%;width:100px;height:40px}body .form-container{border:solid 1px black;width:-moz-fit-content;width:fit-content;padding:40px;border-radius:32px;background-color:#fff}body .form-container h2{margin-bottom:7%;font-weight:700}body .form-container form{margin-top:10px}body .form-container form .email-label{font-weight:400}body .form-container form button{margin-top:10%;border-radius:12px;background-color:orange;border-color:orange;padding:5px 0;color:#fff;font-weight:700}body .form-container form label{font-weight:600}body .form-container form input{border-radius:12px;border:transparent;background-color:#80808037;padding:10px;margin-top:1%;transition:.3s ease-in-out}body .form-container form input:focus{outline:none;border:solid 1px grey}body .product{background-color:#ddd;border-radius:10px;margin:20px;padding:20px}body .price{color:#ffa726;font-weight:700;font-size:x-large;margin:2px}body .withoutDiscount{color:red;text-decoration:line-through;font-size:small;margin:2px}body #noti{display:flex;justify-content:center;align-items:center;max-width:100vh}body #noti .form-container form p{margin-top:10%}body #panel{display:flex;justify-content:center;align-items:center}body #panel .form-container form{margin-top:0%}body #panel .form-container form div:not(:last-of-type){margin-bottom:5%}body #panel .form-container form div:last-of-type{width:-moz-fit-content;width:fit-content}body #panel .form-container form button{margin:10% auto;display:block}body #panel .form-container form p{width:-moz-fit-content;width:fit-content;margin:0 auto}body #panel .form-container form input{border-radius:12px;border:transparent;background-color:#80808037;padding:10px;margin-top:1%;transition:.3s ease-in-out}body #panel .form-container form input:focus{outline:none;border:solid 1px grey}body#account main{padding:30px;border:solid 1px;border-radius:32px;background-color:#fff;max-width:1024px;min-width:580px;margin:0 auto}body#account main header{margin-bottom:2%}body#account main header img{margin-left:auto;display:block}body#account main section{display:flex}body#account main section .profile-options-wrapper{display:flex}body#account main section .profile-options-wrapper form .form-header{display:flex;gap:10%;margin-bottom:5%}body#account main section .profile-options-wrapper form .form-header h2{font-weight:700;margin:0}body#account main section .profile-options-wrapper form .form-header button{border-radius:12px;background-color:orange;border-color:orange;padding:5px 15px;color:#fff;font-weight:700;transform:translateY(3px)}body#account main section .profile-options-wrapper form .form-header button svg{transform:translateY(-2px)}body#account main section .profile-options-wrapper form .account-wrapper{display:flex;flex-wrap:wrap;gap:1rem}body#account main section .profile-options-wrapper form .account-wrapper input{border-radius:12px;border:transparent;background-color:#80808037;padding:10px;margin-top:1%;transition:.3s ease-in-out}body#account main section .profile-options-wrapper form .account-wrapper input:focus{outline:none;border:solid 1px grey}body#account main section .profile-options-wrapper form .account-wrapper>div{flex:1 1 45%;min-width:200px}body#account main section .profile-options-wrapper form .account-wrapper>div .full-width{flex:1 1 100%}body#account main section .options-wrapper{background-color:orange;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto;padding:10px 50px;border-radius:12px;position:relative}body#account main section .options-wrapper p{color:#fff;margin:0;display:flex;align-items:center;gap:5px}body#account main section .options-wrapper:hover{cursor:pointer}body#account main section .options-wrapper:hover .options{opacity:1;visibility:visible}body#account main section .options-wrapper .options{opacity:0;visibility:hidden;position:absolute;top:45px;left:0;background-color:#fff;border-radius:12px;width:100%;z-index:10;transition:opacity .3s ease,visibility .3s ease;margin:0}body#account main section .options-wrapper .options button{background-color:#8080807a;margin:0;border-radius:12px;width:100%;font-size:1.1rem;padding:10px 0;cursor:pointer}body#account main section .options-wrapper .options form{margin:0;padding:0}body#account main article{margin-top:2%}body#account main article .top-article{display:flex}body#account main article .top-article h2{font-weight:700}body#account main article .top-article form{margin-left:auto}body#account main article .top-article form button{border-radius:12px;background-color:orange;border-color:orange;color:#fff;font-weight:700;display:flex;width:300px;padding-left:25%}body#account main article .top-article form button p{margin:0;height:-moz-fit-content;height:fit-content;padding:10px 0}body#account main article .top-article form button p:first-of-type{margin-right:10%;font-size:2rem;line-height:.5;flex-shrink:0}body#account main article table{width:100%;margin-top:3%;border-collapse:collapse;border-radius:10px;overflow:hidden;font-family:sans-serif}body#account main article table thead{background-color:#f0f0f0;font-weight:700}body#account main article table th,body#account main article table td{padding:12px 16px;text-align:left;border-bottom:1px solid #ddd}body#account main article table input[type=submit]{background-color:orange;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s ease-in-out}body#account main article table input[type=submit]:hover{background-color:#d32f2f}body#account main aside{margin-top:3%}body#account main aside .top-aside{display:flex}body#account main aside .top-aside h2{font-weight:700}body#account main aside .top-aside>form{margin-left:auto}body#account main aside .top-aside>form button{border-radius:12px;background-color:orange;border-color:orange;font-weight:700;display:flex;width:300px;padding-left:25%}body#account main aside .top-aside>form button p{margin:0;color:#fff}body#account main aside .top-aside>form button svg{line-height:.5;margin-right:10%;fill:#fff;width:20px;height:20px;transform:translateY(5px)}body#account main aside table{width:100%;border-collapse:collapse;font-family:sans-serif;font-size:14px;color:#333}body#account main aside table th{background-color:#555;color:#fff;padding:10px;text-align:left}body#account main aside table td{background-color:#eee;padding:12px 10px;text-align:center;border-bottom:1px solid #ccc}body#account main aside table td a{text-decoration:none;padding:6px 12px;border-radius:12px;font-weight:700;display:inline-block}body#account main aside table td a[href*=doResume]{background-color:#ffa726;color:#fff;border:none}body#account main aside table td a[href*=doCancel]{background-color:#bbb;color:#fff;border:none}body#account main aside table td .copy-icon{display:inline-block;margin-left:8px;cursor:pointer;font-size:14px;color:#555}body#account main aside table tr:nth-child(2n) td{background-color:#f7f7f7}
