.pio-pt {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: auto;
    -\-pio-pt-e: 0ms;
}

.pio-pt-cover {
    position: absolute;
    inset: 0;
    background: var(-\-pio-blue-color, #055386);
}

.pio-pt.is-leave .pio-pt-cover {
    animation: pio-pt-bloom .52s cubic-bezier(.62, 0, .22, 1) both;
}

@keyframes pio-pt-bloom {
    from {
        clip-path: circle(0px at var(-\-pio-pt-x, 50%) var(-\-pio-pt-y, 50%));
    }

    to {
        clip-path: circle(var(-\-pio-pt-r, 150vmax) at var(-\-pio-pt-x, 50%) var(-\-pio-pt-y, 50%));
    }
}

.pio-pt-mark {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 96px;
    height: 96px;
    margin: -48px 0 0 -48px;
    color: #fff;
    transform-origin: 50% 50%;
}

.pio-pt-mark svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    animation: pio-pt-rise .4s cubic-bezier(.2, .8, .2, 1) calc(.04s - var(-\-pio-pt-e)) both;
}

@keyframes pio-pt-rise {
    from {
        opacity: 0;
        transform: scale(.82) rotate(-8deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.pio-pt-line,
.pio-pt-orbit {
    fill: none;
    stroke-width: 2.2;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.pio-pt-line {
    stroke: currentColor;
    stroke-dasharray: 1 1;
    stroke-dashoffset: 1;
    animation: pio-pt-draw .46s cubic-bezier(.65, 0, .35, 1) calc(.08s - var(-\-pio-pt-e)) both;
}

@keyframes pio-pt-draw {
    to {
        stroke-dashoffset: 0;
    }
}

.pio-pt-fill {
    fill: currentColor;
    opacity: 0;
    animation: pio-pt-show .22s ease calc(.44s - var(-\-pio-pt-e)) both;
}

@keyframes pio-pt-show {
    to {
        opacity: 1;
    }
}

.pio-pt-orbit {
    stroke: var(-\-pio-primary-color, #FFA000);
    stroke-width: 1.3;
    stroke-dasharray: .14 .86;
    opacity: 0;
    animation: pio-pt-show .25s ease calc(.8s - var(-\-pio-pt-e)) both, pio-pt-orbit 1.4s linear calc(.8s - var(-\-pio-pt-e)) infinite;
}

@keyframes pio-pt-orbit {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -1;
    }
}

.pio-pt-text {
    position: absolute;
    left: 16px;
    right: 16px;
    top: calc(50% + 70px);
    color: #fff;
    font-size: .95rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.4;
    text-align: center;
    opacity: 0;
    animation: pio-pt-text-in .45s ease calc(1.5s - var(-\-pio-pt-e)) both, pio-pt-breathe 1.8s ease-in-out calc(1.95s - var(-\-pio-pt-e)) infinite;
}

@keyframes pio-pt-text-in {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: .9;
        transform: none;
    }
}

@keyframes pio-pt-breathe {
    0%, 100% {
        opacity: .9;
    }

    50% {
        opacity: .5;
    }
}

.pio-pt.is-out {
    pointer-events: none;
}

.pio-pt.is-out .pio-pt-text {
    animation: none;
    opacity: 0;
    transition: opacity .15s ease;
}

.pio-pt.is-out .pio-pt-cover {
    animation: pio-pt-drain .6s cubic-bezier(.66, 0, .3, 1) both;
}

@keyframes pio-pt-drain {
    from {
        clip-path: circle(var(-\-pio-pt-r, 150vmax) at var(-\-pio-pt-lx, 50%) var(-\-pio-pt-ly, 50%));
    }

    to {
        clip-path: circle(0px at var(-\-pio-pt-lx, 50%) var(-\-pio-pt-ly, 50%));
    }
}

.pio-pt.is-out .pio-pt-mark {
    transform: translate(var(-\-pio-pt-dx, 0px), var(-\-pio-pt-dy, 0px)) scale(var(-\-pio-pt-s, .4));
    color: var(-\-pio-pt-land, #fff);
    opacity: 0;
    transition: transform .44s cubic-bezier(.5, 0, .2, 1), color .18s ease .4s, opacity .12s ease .5s;
}

.pio-pt.is-out .pio-pt-mark svg,
.pio-pt.is-out .pio-pt-line {
    animation: none;
}

.pio-pt.is-out .pio-pt-fill {
    animation: none;
    opacity: 1;
}

.pio-pt.is-out .pio-pt-orbit {
    animation: none;
    opacity: 0;
}

.pio-pt.is-gone {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
}

@media (max-width: 575.98px) {
    .pio-pt-mark {
        width: 76px;
        height: 76px;
        margin: -38px 0 0 -38px;
    }

    .pio-pt-text {
        top: calc(50% + 58px);
        font-size: .9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pio-pt-cover,
    .pio-pt-mark,
    .pio-pt-mark svg,
    .pio-pt-fill {
        animation: none !important;
        transition: none !important;
    }

    .pio-pt-fill {
        opacity: 1;
    }

    .pio-pt-text {
        animation: pio-pt-text-in .3s ease calc(1.5s - var(-\-pio-pt-e)) both;
    }

    .pio-pt-line,
    .pio-pt-orbit {
        display: none;
    }

    .pio-pt.is-out {
        opacity: 0;
        transition: opacity .2s ease;
    }

    .pio-pt.is-out .pio-pt-mark {
        transform: none;
        color: #fff;
        opacity: 1;
    }
}