/* ati-sheet */
.ati-sheet {
    position: fixed;
    background: var(--ati-pbg);
    z-index: 99999;
    transition: transform 0.3s ease;
    flex-direction: column;
    cursor: default;
}
.ati-backdrop-overlay:has(.ati-sheet-main.display-flex) {
    display: flex;
}
.ati-sheet-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    width: 500px;
    height: 300px;
    box-shadow: var(--ati-shadow);
}
.ati-sheet-top {
    top: 0;
    left: 0;
    transform: translateY(-100%);
}
.ati-sheet-right {
    top: 0;
    right: 0;
    transform: translateX(100%);
}
.ati-sheet-bottom {
    bottom: 0;
    left: 0;
    transform: translateY(100%);
}
.ati-sheet-left {
    top: 0;
    left: 0;
    transform: translateX(-100%);
}
.ati-sheet-animation {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
.ati-sheet-center.ati-sheet-animation {
    transform: translate(-50%, -50%) !important;
}
.ati-sheet-menu {
    z-index: 99999;
    padding: var(--ati-m-padd);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
    width: 380px;
    bottom: 0;
}
.ati-sheet-menu-header {
    position: relative;
    display: flex;
    max-height: 60px;
    align-items: center;
    justify-content: space-evenly;
    border-bottom: #e5e5e5 1px solid;
    font-weight: bold;
}
.ati-sheet-menu-header > *{
    text-align: center;
    flex: 1;
    padding: 15px;
    cursor: pointer;
}
.ati-sheet-menu-close {
    position: absolute;
    left: 0;
    color: red;
}
.ati-sheet-menu2-btn {
    border-right: var(--ati-bg) 1px solid;
}
.ati-sheet-menu1,
.ati-sheet-menu2 {
    opacity: 1;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}
.ati-sheet-content {
    flex: 1;
    position: relative;
    padding: var(--ati-s-padd) var(--ati-m-padd);
    overflow-Y: auto;
}
.ati-sheet-menu > * li{
    list-style: none;
}
.ati-sheet-close-wrapper {
    padding: var(--ati-s-padd) var(--ati-m-padd);
    display: flex;
    align-items: center;
    height: 40px;
}

.ati-sheet-close {
    position: absolute;
    right: 50%;
    transform: translateX(50px);
    width: 80px;
    margin-inline: auto;
    border-top: 2px solid;
}
@media screen and (max-width: 1024px) {
    .ati-sheet-menu {
        bottom: var(--ati-mobile-footer-menu-height);
    }
    .is-responsive-in-ati-sheet-bottom {
        width: -webkit-fill-available;
        height: 600px;
        bottom: var(--ati-mobile-footer-menu-height);
        border-top-right-radius: var(--ati-xl-rad);
        border-top-left-radius: var(--ati-xl-rad);
    }
}