/* [MOD] Privacy policy slide panel styles */
.layer_wrap .layer_body {
    position: relative;
}

.policy_wrap {
    position: fixed;
    inset: 0;
    z-index: 1200;
    pointer-events: none;
}

.policy_dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.28);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.32s ease, visibility 0s linear 0.32s;
    z-index: 1200;
}

.policy_panel {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 0;
    width: 1600px;
    max-width: 100%;
    height: 770px;
    background: #fff;
    border-top: 1px solid #d9dee5;
    box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.16);
    transform: translateX(-50%) translateY(100%);
    transition: transform 0.34s ease, visibility 0s linear 0.34s;
    z-index: 1201;
    display: flex;
    flex-direction: column;
    visibility: hidden;
}

.policy_wrap.is-open {
    pointer-events: auto;
}

.policy_wrap.is-closing {
    pointer-events: auto;
}

.policy_wrap.is-open .policy_dim {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.32s ease;
}

.policy_wrap.is-open .policy_panel {
    transform: translateX(-50%) translateY(0);
    visibility: visible;
    transition: transform 0.34s ease;
}

.policy_wrap.is-closing .policy_dim {
    opacity: 0;
    visibility: visible;
    transition: opacity 0.32s ease;
}

.policy_wrap.is-closing .policy_panel {
    transform: translateX(-50%) translateY(100%);
    visibility: visible;
    transition: transform 0.34s ease;
}

.policy_header {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 50px;
    background: #fff;
    border-bottom: 1px solid #e6e9ef;
}

.layer_wrap .layer_body .policy_wrap .policy_panel .policy_back {
    border: 1px solid #36408b;
    background: #414c9c;
    color: #fff;
    padding: 6px 20px;
    cursor: pointer;
    border-radius: 10px;
}

.policy_body {
    padding: 50px;
    overflow-y: auto;
}