.mails-page{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;height: 100%;width: 100%}.mails-page-delivery{margin: 0 auto;gap: 20px}.mail-details-details{margin-bottom: 10px}.mails-ask-data-card-body{gap: 5px;display: flex;flex-direction: column}.mail-details-ardeventica-error{display: flex;flex-direction: column;padding: 10px;margin: 0 auto;font-size: 15px;background-color: rgba(255,183,0,0.6);border-radius: 15px}.mails-ask-data-card{box-shadow: 0 0 15px rgb(0,0,0,0.2);gap: 30px}.full{display: flex}.mail-details-inside{display: flex;flex-direction: column;margin-bottom: 10px}.mail-details{display: flex;flex-direction: row;align-content: center;justify-content: space-around;gap: 10px;margin-bottom: 8px}.mail-details-header{display: flex;flex-direction: row;align-content: center;justify-content: space-between;align-items: center;flex-grow: 1;flex-wrap: wrap}.mail-details-header-top{display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 100%;gap: 10px;flex-wrap: nowrap}vaadin-details-summary{width: 100%}vaadin-details-summary::part(content){width: 100%}.mail-pfds-container{display: flex;flex-direction: column;gap: 10px;padding: 10px;margin-block: 10px;border-radius: 15px;border: 1px solid rgba(255,255,255,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2)}.mail-details-message{display: flex;flex-direction: column;margin-bottom: 10px;gap: 10px}.mail-details-header-top-info{display: flex;flex-direction: column;align-content: center;justify-content: center;gap: 5px}