[class*="page-peel-"] a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 22;
}

[class*="page-peel-"] {
    position: absolute;
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 20;
}

[class*="page-peel-"] img {
    visibility: hidden;
}

[class*="page-peel-"] {
    cursor: pointer;
}

[class*="page-peel-"]::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 21;
}

[class*="page-peel-"].page-peel-topright {
    right: 0;
    top: 0;
    background-position: right top;
}

[class*="page-peel-"].page-peel-topleft {
    left: 0;
    top: 0;
    background-position: left top;
}

[class*="page-peel-"].page-peel-bottomright {
    right: 0;
    bottom: 0;
    background-position: right bottom;
}

[class*="page-peel-"].page-peel-bottomleft {
    left: 0;
    bottom: 0;
    background-position: left bottom;
}

.page-peel-transition, .page-peel-transition::before {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
[class*="page-peel-"] .advads-close-button {
    z-index: 999999;
}

.page-peel-hide, .page-peel-hide::before {
    width: 0!important;
    height: 0!important;
}

.page-peel-hide-triangle:hover::before {
    opacity: 0;
}
.admin-bar [class*="page-peel-"].page-peel-topright + .peel-shadow,
.admin-bar [class*="page-peel-"].page-peel-topleft + .peel-shadow {
    top: 32px;
}
.peel-shadow {
    position: fixed;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
}
[class*="page-peel-"]:hover + .peel-shadow {
    opacity: 0.3;
}
[class*="page-peel-"].page-peel-topright + .peel-shadow {
    top: 0;
    right: 0;
    clip-path: polygon(5% 0, 100% 0, 100% 95%, 5% 95%);
    -webkit-clip-path: polygon(5% 0, 100% 0, 100% 95%, 5% 95%);
    background: linear-gradient(45deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
}
[class*="page-peel-"].page-peel-topright:hover + .peel-shadow {
    clip-path: polygon(5% 0, 100% 0, 100% 95%, 0 100%)!important;
    -webkit-clip-path: polygon(5% 0, 100% 0, 100% 95%, 0 100%)!important;
}
[class*="page-peel-"].page-peel-topleft + .peel-shadow {
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 95% 0, 95% 95%, 0 95%);
    -webkit-clip-path: polygon(0 0, 95% 0, 95% 95%, 0 95%);
    background: linear-gradient(-45deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
}
[class*="page-peel-"].page-peel-topleft:hover + .peel-shadow {
    clip-path: polygon(0 0, 95% 0, 100% 100%, 0 95%)!important;
    -webkit-clip-path: polygon(0 0, 95% 0, 100% 100%, 0 95%)!important;
}
[class*="page-peel-"].page-peel-bottomright + .peel-shadow {
    bottom: 0;
    right: 0;
    clip-path: polygon(5% 5%, 100% 5%, 100% 100%, 5% 100%);
    -webkit-clip-path: polygon(5% 5%, 100% 5%, 100% 100%, 5% 100%);
    background: linear-gradient(135deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
}
[class*="page-peel-"].page-peel-bottomright:hover + .peel-shadow {
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 5% 100%)!important;
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 5% 100%)!important;
}
[class*="page-peel-"].page-peel-bottomleft + .peel-shadow {
    bottom: 0;
    left: 0;
    clip-path: polygon(0 5%, 95% 5%, 95% 100%, 0 100%);
    -webkit-clip-path: polygon(0 5%, 95% 5%, 95% 100%, 0 100%);
    background: linear-gradient(-135deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
}
[class*="page-peel-"].page-peel-bottomleft:hover + .peel-shadow {
    clip-path: polygon(0 5%, 100% 0, 95% 100%, 0 100%)!important;
    -webkit-clip-path: polygon(0 5%, 100% 0, 95% 100%, 0 100%)!important;
}