@charset "utf-8";

html, body {
    padding:0;
    margin:0;
}

/**
*   Common
*/
.xharpen-passenger-pigeon {
    width: 100%;
    z-index: 9999;
}

/**
*   Position
*/
.xharpen-passenger-pigeon.top {
    position: relative;
}
.xharpen-passenger-pigeon.bottom {
    position: fixed;
    bottom: 0;
}

/**
*   Container
*/

.xharpen-passenger-pigeon .xharpen-container {
    position: relative;
    margin: 0 auto;
    width: inherit;
    height: 100%;
    overflow: hidden;
}

/**
*   Close Button
*/

.xharpen-passenger-pigeon .xharpen-container .xharpen-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 34px;
    height: 34px;
    cursor: pointer;
}

.xharpen-passenger-pigeon .xharpen-container .xharpen-close svg {
    width: inherit;
    height: inherit;
}

/**
*   img
*/

.xharpen-passenger-pigeon .xharpen-container img {
    width: 100%;
    height: auto;
}