/**
 * @file
 * Styles for the First Access Popup.
 */

.first-access-popup-container {
  z-index: 9999;
}

.swal2-popup{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.first-access-popup-icon-wrapper {
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 24px;
}

.first-access-popup-icon-wrapper svg {
    width: 64px;
    height: 64px;
}

.first-access-popup-html-container {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.first-access-popup {
  border-radius: 8px;
  padding: 40px;
}

.first-access-popup-title {
    color:  #2D3A43;
    /* desktop/t5 */
    font-family: Jost;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 30.8px */
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    margin-bottom: 24px !important;
}

.first-access-popup-content {
    color: #3A3A3A;
    /* desktop/pM */
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}
.swal2-confirm{
    display: flex !important;
}

.first-access-popup-button {
    border-radius: 40px;
    background: #BFDBF0;
    display: flex;
    height: 52px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    color: #2D3A43;
    /* button/buttonM */
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 !important;
}
.swal2-actions{
    align-self: flex-start !important;
    margin: 0 !important;
    margin-top: 12px !important;
}
.first-access-popup-button:hover {
  background-color: black;
  color: #BFDBF0;
}