.Modal__root___LXzJW {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    text-align: center;
    white-space: nowrap;
    padding: 36px;
    box-sizing: border-box;
}

.Modal__root___LXzJW:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        font-size: 0;
        vertical-align: middle;
    }

.Modal__closeButton___IfZSD {
    position: absolute;
    right: 12px;
    top: 12px;
}

.Modal__rootContent___p62nO {
    position: relative;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    display: inline-block;
    background: var(--white);
    border-radius: var(--pds-round-m);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

.Modal__rootContent___p62nO:before,
    .Modal__rootContent___p62nO:after {
        content: '';
        display: table;
    }

.Modal__rootContent___p62nO:after {
        clear: both;
    }

/* animation */

.Modal__enter___CYsVE .Modal__rootContent___p62nO, .Modal__exit___-sfQK .Modal__rootContent___p62nO {
        pointer-events: auto;
    }

.Modal__enterActive___Q3lip .Modal__rootContent___p62nO, .Modal__exitActive___2XLH4 .Modal__rootContent___p62nO {
        pointer-events: none;
        transition:
            transform 240ms cubic-bezier(0, 0, 0.2, 1) 0ms,
            opacity 240ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    }

.Modal__enter___CYsVE .Modal__rootContent___p62nO {
    transform: translate(0, 16px);
    opacity: 0;
}

.Modal__enterActive___Q3lip .Modal__rootContent___p62nO {
    transform: translate(0, 0);
    opacity: 1;
}

.Modal__exit___-sfQK .Modal__rootContent___p62nO {
    transform: translate(0, 0);
    opacity: 1;
}

.Modal__exitActive___2XLH4 .Modal__rootContent___p62nO {
    transform: translate(0, 16px);
    opacity: 0;
}
