/* ----

# Pio Plugin
# By: Dreamer-Paul
# Last Update: 2022-10-21

一个支持更换 Live2D 模型的 Typecho 插件。

本代码为奇趣保罗原创，并遵守 GPL 2.0 开源协议。欢迎访问我的博客：https://paugram.com

---- */

/* 萧叶轩修改版，项目地址：https://github.com/YexuanXiao/Pio */

.pio-container {
    bottom: 0;
    z-index: 52;
    color: #666;
    position: fixed;
    user-select: none
}

.pio-container .pio-show {
    left: -1em;
    bottom: 3em;
    width: 3em;
    height: 3em;
    display: none;
    cursor: pointer;
    position: absolute;
    border-radius: 3em;
    border: 3px solid #fff;
    transition: transform .3s;
    background: url(data:image/avif;base64,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) center/contain
}

.pio-container.hidden .pio-show {
    display: block
}

.pio-container.hidden .pio-show:hover {
    transform: translateX(.5em)
}

.pio-container.hidden #pio, .pio-container.hidden .pio-action, .pio-container.hidden .pio-dialog {
    display: none
}

.pio-container.left {
    left: 0
}

.pio-container.right {
    right: 0
}

.pio-container.active {
    cursor: move
}

.pio-container.static {
    pointer-events: none
}

.pio-container .pio-action {
    top: 10%;
    bottom: 1%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 999;
    opacity: 0;
    position: absolute;
    transition: opacity .3s
}

.pio-container.left .pio-action {
    left: .5em
}

.pio-container.right .pio-action {
    left: 0
}

.pio-container:hover .pio-action {
    opacity: 1
}

.pio-action span {
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    display: block;
    cursor: pointer;
    text-align: center;
    border-radius: 66%;
    margin-bottom: .5em;
    border: 1px solid #666;
    background: #fff center/70% no-repeat
}

.pio-action .pio-home {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg5My43IDUwNS45SDEyOS4zYy0xMyAwLTI0LjgtNy45LTI5LjgtMTkuOS01LTEyLTIuMi0yNS45IDctMzUuMmwzMDctMzA3YzI2LjEtMjYuMSA2MC45LTQwLjUgOTgtNDAuNXM3MS45IDE0LjQgOTggNDAuNWwzMDcgMzA3YzkuMiA5LjIgMTIgMjMuMSA3IDM1LjItNSAxMi4xLTE2LjcgMTkuOS0yOS44IDE5Ljl6TTY3My4yIDkxOS45aC0zMS41Yy0xNy44IDAtMzIuMy0xNC40LTMyLjMtMzIuM3YtNzcuNGMwLTIzLjEtMTguOC00Mi4xLTQxLjktNDIuNC0yMi4zIDAuMy00MS4xIDE5LjMtNDEuMSA0Mi40djc3LjRjMCAxNy44LTE0LjQgMzIuMy0zMi4zIDMyLjNIMzQ5LjhjLTcwLjkgMC0xMjguNy02My43LTEyOC43LTE0MS45VjU4MS45YzAtMTcuOCAxNC40LTMyLjMgMzIuMy0zMi4zaDUxNi4yYzE3LjggMCAzMi4zIDE0LjQgMzIuMyAzMi4zVjc3OGMtMC4xIDc4LjMtNTcuOCAxNDEuOS0xMjguNyAxNDEuOXoiPjwvcGF0aD48L3N2Zz4=)
}

.pio-action .pio-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1NS4yNTIgOTQzLjgyNWMtMTkuMjEzIDAtMzguNDI5LTcuMzMyLTUzLjA4OS0yMS45ODgtMjkuMzE3LTI5LjMyMS0yOS4zMTctNzYuODU1IDAtMTA2LjE3NWw3MTMuNDk0LTcxMy40OTRjMjkuMzE3LTI5LjMyMSA3Ni44NTMtMjkuMzIxIDEwNi4xNzUgMCAyOS4zMTcgMjkuMzE3IDI5LjMxNyA3Ni44NTUgMCAxMDYuMTc1bC03MTMuNDk0IDcxMy40OTRjLTE0LjY2IDE0LjY2LTMzLjg3NCAyMS45ODgtNTMuMDg5IDIxLjk4OHoiIGZpbGw9IiI+PC9wYXRoPjxwYXRoIGQ9Ik04NjguNzQ5IDk0My44MjRjLTE5LjIxMyAwLTM4LjQyOC03LjMzMi01My4wODktMjEuOTg4bC03MTMuNDk0LTcxMy40OTNjLTI5LjMxNy0yOS4zMTctMjkuMzE3LTc2Ljg1NyAwLTEwNi4xNzUgMjkuMzE2LTI5LjMxNyA3Ni44NTUtMjkuMzIxIDEwNi4xNzQgMGw3MTMuNDk0IDcxMy40OTJjMjkuMzE3IDI5LjMyMSAyOS4zMTcgNzYuODU1IDAgMTA2LjE3NS0xNC42NTcgMTQuNjYxLTMzLjg3MSAyMS45OTMtNTMuMDg3IDIxLjk5M3oiIGZpbGw9IiI+PC9wYXRoPjwvc3ZnPg==)
}

.pio-action .pio-skin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk2NS45MTEgMzEwLjUzMWwtMTc0LjQtMTc0LjM5OGMtMTMuMDIyLTEzLjAyMS0zMC45MzMtMTkuNjQ5LTQ5LjM4MS0xOC4yMjgtMS43NC0wLjE1LTMuNDIyLTAuMjI0LTUuMDctMC4yMjRsLTkyLjkxNCAwLTYuNTE3IDMuNjI1Yy0zNC40MjEgMTkuMTQ2LTc4LjM0MSAyOS42ODktMTIzLjY2OCAyOS42ODktNDUuMzI4IDAtODkuMjQ2LTEwLjU0My0xMjMuNjY3LTI5LjY4OWwtNi41MTgtMy42MjVMMjkwLjg2IDExNy42ODFjLTIzLjY5MSAwLTQ0Ljk4NiAxMi45MjQtNTUuOTk1IDMzLjQ1MUw2Mi40NzcgMzIzLjUyMWMtMTEuOSAxMS44OTktMTguNDU0IDI3LjcyLTE4LjQ1NCA0NC41NDggMCAxNi44MjkgNi41NTQgMzIuNjQ5IDE4LjQ1MyA0NC41NDlsMTI1Ljk1MyAxMjUuOTU1YzEwLjU0IDEwLjUzOCAyNC4xNTcgMTYuODc4IDM4LjgyNiAxOC4xODFsMCAzMDQuMzk5YzAgMzUuMDczIDI4LjUzMyA2My42MDYgNjMuNjA0IDYzLjYwNmw0NDYuMTk5IDBjMzUuMDc0IDAgNjMuNjA3LTI4LjUzMyA2My42MDctNjMuNjA2bC0wLjAwMS0zMTcuMzQ1YzE0Ljg0NC0xLjIxMSAyOC42MzktNy41NzcgMzkuMjg4LTE4LjIyNEw5NjUuOTEgMzk5LjYyOEM5OTAuNDc1IDM3NS4wNjQgOTkwLjQ3NSAzMzUuMDk1IDk2NS45MTEgMzEwLjUzMXoiPjwvcGF0aD48L3N2Zz4=)
}

.pio-action .pio-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY4Mi45IDgyNS45SDI2Ny44Yy0yMS44IDAtMzkuNS0xNy43LTM5LjUtMzkuNXMxNy43LTM5LjUgMzkuNS0zOS41aDQxNS4xYzIxLjggMCAzOS41IDE3LjcgMzkuNSAzOS41cy0xNy43IDM5LjUtMzkuNSAzOS41ek04NjQuNyAxMDAuNGMtMTguNSAzLjctMzEuMyAyMC45LTMxLjMgMzkuN3Y2NDUuOGMwIDQ4LTM4LjkgODctODcgODdIMjE5LjNjLTE2LjQgMC0yOS42LTEzLjMtMjkuNi0yOS42VjczMi43YzAtMTYuMSAxMy4xLTI5LjIgMjkuMi0yOS4yaDM3NS45Yzg4LjEgMCAxNTkuNS03MS40IDE1OS41LTE1OS41VjE4NS41YzAtNjYuMi01My43LTExOS45LTExOS45LTExOS45aC00MDRjLTY2LjIgMC0xMTkuOSA1My43LTExOS45IDExOS45djY1Ny44YzAgNjAgNDguNyAxMDguNyAxMDguNyAxMDguN2g1MjcuMWM5MS43IDAgMTY2LjEtNzQuMyAxNjYuMS0xNjYuMVYxMzkuMWMwLjEtMjQuNi0yMi4yLTQzLjktNDcuNy0zOC43eiI+PC9wYXRoPjwvc3ZnPg==)
}

.pio-action .pio-night {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiAyMDkuNDAzMjQxYy0yMDEuNzMxNTE0IDAtMzc0LjAwOTIwNiAxMjUuNDc2NzgzLTQ0My44MDg5MjIgMzAyLjU5Njc1OSA2OS43OTg2OTIgMTc3LjExOTk3NyAyNDIuMDc3NDA4IDMwMi41OTY3NTkgNDQzLjgwODkyMiAzMDIuNTk2NzU5IDIwMS45MzMxMDUgMCAzNzQuMDEwMjI5LTEyNS40NzY3ODMgNDQzLjgwODkyMi0zMDIuNTk2NzU5Qzg4Ni4wMDkyMDYgMzM0Ljg4MDAyMyA3MTMuOTMzMTA1IDIwOS40MDMyNDEgNTEyIDIwOS40MDMyNDF6TTUxMiA3MTMuNzMxNTE0Yy0xMTEuMzU1MTU3IDAtMjAxLjczMTUxNC05MC4zNzUzMzQtMjAxLjczMTUxNC0yMDEuNzMxNTE0czkwLjM3NTMzNC0yMDEuNzMxNTE0IDIwMS43MzE1MTQtMjAxLjczMTUxNCAyMDEuNzMxNTE0IDkwLjM3NTMzNCAyMDEuNzMxNTE0IDIwMS43MzE1MTRTNjIzLjM1NTE1NyA3MTMuNzMxNTE0IDUxMiA3MTMuNzMxNTE0ek01MTIgMzkwLjk2MTI5NmMtNjYuNzcyNzc2IDAtMTIxLjAzODcwNCA1NC4yNjU5MjgtMTIxLjAzODcwNCAxMjEuMDM4NzA0czU0LjI2NTkyOCAxMjEuMDM4NzA0IDEyMS4wMzg3MDQgMTIxLjAzODcwNCAxMjEuMDM4NzA0LTU0LjI2NTkyOCAxMjEuMDM4NzA0LTEyMS4wMzg3MDRTNTc4Ljc3Mjc3NiAzOTAuOTYxMjk2IDUxMiAzOTAuOTYxMjk2eiI+PC9wYXRoPjwvc3ZnPg==)
}

.pio-action .pio-totop {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSI+PHBhdGggZD0ibTE4NS4wNzQwNjUsNTA5LjgyMzUyN2wzMTcuMzMzMzE1LC00MTUuNjY2NTdsMzE3LjMzMzMxNSw0MTUuNjY2NTdsLTE1OC42NjY2NjgsMGwwLDQxNy42NjY2OGwtMzE3LjMzMzI5NCwwbDAsLTQxNy42NjY2OGwtMTU4LjY2NjY2OCwweiIgLz48L3N2Zz4=)
}

.pio-container .pio-dialog {
    top: -2em;
    opacity: 0;
    z-index: -1;
    font-size: .75em;
    max-height: 7.25em;
    min-width: 12em;
    overflow: hidden;
    background: #fff;
    padding: .75em 1em;
    border-radius: 1em;
    visibility: hidden;
    position: absolute;
    word-break: break-all;
    border: 1px solid #999;
    transition: opacity .3s, visibility .3s
}

.pio-container .pio-dialog.active {
    opacity: 1;
    visibility: visible
}

.pio-container.left .pio-dialog {
    left: 1em
}

.pio-container.right .pio-dialog {
    right: 1em
}

#pio {
    vertical-align: middle
}

@media screen and (max-width:1023px) {
    .pio-container {
        transform: scale(0.85);
        transform-origin: left bottom
    }
}

@media screen and (max-width:768px) {
    .pio-container {
        transform: scale(0.7);
        transform-origin: left bottom
    }
}