.pio-wa {
    -\-pio-wa-green: #25d366;
    -\-pio-wa-green-lo: #1ebe5a;
    -\-pio-wa-teal: #008069;
    -\-pio-wa-size: 44px;
    -\-pio-wa-icon: 22px;
    -\-pio-wa-gap: 12px;
    -\-pio-wa-lift: 0e0px;
    -\-pio-wa-panel-bg: #ffffff;
    -\-pio-wa-wall: #efeae2;
    -\-pio-wa-wall-dot: rgba(17, 27, 33, .05);
    -\-pio-wa-bubble: #ffffff;
    -\-pio-wa-ink: #111b21;
    -\-pio-wa-muted: #667781;
    -\-pio-wa-from: #128c7e;
    -\-pio-wa-bar: #f0f2f5;
    -\-pio-wa-field: #ffffff;
    -\-pio-wa-field-ink: #111b21;
    -\-pio-wa-line: rgba(17, 27, 33, .08);
    -\-pio-wa-day-bg: rgba(255, 255, 255, .94);
    -\-pio-wa-bubble-shadow: 0 1px .5px rgba(11, 20, 26, .13);
    -\-pio-wa-shadow: 0 30px 70px -20px rgba(7, 30, 40, .42), 0 12px 24px -12px rgba(7, 30, 40, .24);
}

body[data-bs-theme="dark"] .pio-wa {
    -\-pio-wa-panel-bg: #111b21;
    -\-pio-wa-wall: #0b141a;
    -\-pio-wa-wall-dot: rgba(233, 237, 239, .05);
    -\-pio-wa-bubble: #202c33;
    -\-pio-wa-ink: #e9edef;
    -\-pio-wa-muted: #8696a0;
    -\-pio-wa-from: #3fd18a;
    -\-pio-wa-bar: #1a252c;
    -\-pio-wa-field: #2a3942;
    -\-pio-wa-field-ink: #e9edef;
    -\-pio-wa-line: rgba(233, 237, 239, .08);
    -\-pio-wa-day-bg: rgba(32, 44, 51, .96);
    -\-pio-wa-bubble-shadow: 0 1px .5px rgba(0, 0, 0, .3);
    -\-pio-wa-shadow: 0 30px 70px -20px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .07);
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}

.pio-dock {
    -\-pio-dock-p: 0e0;
    -\-pio-dock-nudge: -3px;
    position: fixed;
    z-index: 999;
    bottom: calc(var(-\-pio-wa-y) + var(-\-pio-wa-lift));
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    direction: ltr;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: bottom .35s cubic-bezier(.22, .61, .36, 1), transform .18s ease, filter .18s ease, translate .3s cubic-bezier(.2, .9, .3, 1.4);
}

.pio-dock[data-h="left"] {
    -\-pio-dock-nudge: 3px;
}

.pio-dock[data-h="left"] {
    flex-direction: row;
}

.pio-dock.is-active {
    z-index: 1045;
}

.pio-wa[data-side="right"] .pio-dock {
    right: var(-\-pio-wa-x);
}

.pio-wa[data-side="left"] .pio-dock {
    left: var(-\-pio-wa-x);
}

.pio-wa.is-placed .pio-dock {
    transition: bottom .35s cubic-bezier(.22, .61, .36, 1), transform .18s ease, filter .18s ease, translate .3s cubic-bezier(.2, .9, .3, 1.4);
}

.pio-wa .pio-dock.is-tracking {
    transition: transform .18s ease, filter .18s ease;
}

.pio-dock > * {
    flex: none;
}

.pio-wa.is-lifted .pio-dock,
.pio-wa.is-dragging .pio-dock {
    cursor: grabbing;
    transform: scale(1.08);
    filter: drop-shadow(0 14px 18px rgba(7, 30, 40, .3));
}

.pio-wa.is-lifted:not(.is-dragging) .pio-dock {
    animation: pio-dock-pop .32s cubic-bezier(.2, .9, .3, 1.4);
}

.pio-wa.is-holding:not(.is-lifted) .pio-dock {
    transform: scale(.95);
    transition: bottom .35s cubic-bezier(.22, .61, .36, 1), transform var(-\-pio-dock-hold-ms, 330ms) cubic-bezier(.3, 0, .2, 1), filter .18s ease, translate .3s cubic-bezier(.2, .9, .3, 1.4);
}

.pio-dock-hold {
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 3;
    overflow: visible;
    pointer-events: none;
    opacity: 0;
    transition: opacity .18s ease;
}

.pio-dock-hold rect {
    fill: none;
    stroke: var(-\-pio-primary-color, #FFA000);
    stroke-width: 2.5px;
    stroke-linecap: round;
    stroke-dasharray: 1 1;
    stroke-dashoffset: 1;
    transition: stroke-dashoffset 0s linear .18s;
}

.pio-wa.is-holding .pio-dock-hold {
    opacity: 1;
    transition-duration: .08s;
}

.pio-wa.is-holding .pio-dock-hold rect {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset var(-\-pio-dock-hold-ms, 330ms) linear;
}

@keyframes pio-dock-pop {
    0% {
        transform: scale(.95);
    }

    55% {
        transform: scale(1.13);
    }

    100% {
        transform: scale(1.08);
    }
}

.pio-dock.is-grouped {
    padding: 6px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(17, 27, 33, .08), 0 8px 24px -10px rgba(7, 30, 40, .35);
}

body[data-bs-theme="dark"] .pio-dock.is-grouped {
    background: #1b2430;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 24px -10px rgba(0, 0, 0, .6);
}

.pio-dock > .pio-dock-primary {
    order: 1;
}

.pio-dock > .pio-dock-toggle {
    order: 2;
}

.pio-dock.is-expanded > .pio-dock-toggle {
    order: 1;
}

.pio-dock.is-expanded > .pio-dock-primary {
    order: 2;
}

.pio-dock-more {
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    overflow-x: clip;
    overflow-y: visible;
}

.pio-dock.is-grouped.is-expanded .pio-dock-more {
    overflow: visible;
}

.pio-dock.is-grouped.is-tracking .pio-dock-more {
    overflow: hidden;
    overflow-x: clip;
    overflow-y: visible;
}

.pio-dock[data-h="left"] .pio-dock-more {
    justify-content: flex-start;
}

.pio-dock-more-inner {
    flex: none;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 6px;
}

.pio-dock[data-h="left"] .pio-dock-more-inner {
    flex-direction: row;
}

.pio-dock.is-grouped .pio-dock-more {
    width: 0;
    transition: width .22s ease .1s;
}

.pio-dock.is-grouped.is-expanded .pio-dock-more {
    transition: width .22s ease;
}

.pio-dock.is-grouped .pio-dock-more-inner {
    visibility: hidden;
    transition: visibility 0s linear .34s;
}

.pio-dock.is-grouped.is-expanded .pio-dock-more-inner,
.pio-dock.is-grouped.is-tracking .pio-dock-more-inner {
    visibility: visible;
    transition: none;
}

.pio-dock.is-grouped .pio-dock-more-inner > * {
    opacity: 0;
    transform: scale(.4);
    transition: transform .12s ease, opacity .12s ease;
}

.pio-dock.is-grouped.is-expanded .pio-dock-more-inner > * {
    opacity: 1;
    transform: none;
    animation: pio-dock-pop-in .3s cubic-bezier(.2, .9, .3, 1.5) .16s both;
}

.pio-dock.is-grouped.is-expanded .pio-dock-more-inner > :nth-child(2) {
    animation-delay: .22s;
}

.pio-dock.is-grouped.is-expanded .pio-dock-more-inner > :nth-child(3) {
    animation-delay: .28s;
}

.pio-dock.is-grouped.no-pop .pio-dock-more-inner > * {
    animation: none;
}

.pio-dock.is-grouped.is-tracking .pio-dock-more-inner > * {
    opacity: var(-\-pio-dock-p);
    transform: scale(calc(.4 + .6 * var(-\-pio-dock-p)));
    animation: none;
    transition: none;
}

.pio-dock.is-tracking .pio-dock-more,
.pio-dock.is-instant .pio-dock-more,
.pio-dock.is-instant .pio-dock-more-inner,
.pio-dock.is-instant .pio-dock-more-inner > * {
    transition: none;
}

@keyframes pio-dock-pop-in {
    from {
        opacity: 0;
        transform: scale(.4);
    }

    70% {
        opacity: 1;
        transform: scale(1.12);
    }

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

.pio-dock-toggle {
    display: grid;
    place-items: center;
    width: var(-\-pio-wa-size);
    height: var(-\-pio-wa-size);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: var(-\-pio-blue-color);
    cursor: pointer;
    transition: background-color .2s ease;
}

.pio-dock-toggle[hidden] {
    display: none;
}

.pio-dock-toggle:focus {
    outline: none;
}

.pio-dock-toggle:focus-visible {
    outline: 3px solid rgba(0, 86, 160, .45);
    outline-offset: 2px;
}

.pio-dock.is-grouped .pio-dock-toggle {
    margin: 0 6px;
}

.pio-dock.has-primary .pio-dock-toggle {
    width: 26px;
    margin: 0 6px;
    border-radius: 999px;
    color: #5b6573;
    background: transparent;
    opacity: .5;
    transition: background-color .2s ease, opacity .2s ease;
}

.pio-dock.has-primary .pio-dock-toggle:focus-visible {
    opacity: 1;
}

.pio-dock.has-primary.is-tracking .pio-dock-toggle {
    opacity: .9;
}

body[data-bs-theme="dark"] .pio-dock.has-primary .pio-dock-toggle {
    color: #aab4c0;
}

@media (hover: hover) {
    .pio-dock.has-primary .pio-dock-toggle:hover {
        opacity: 1;
        background: rgba(17, 27, 33, .06);
    }

    .pio-dock:not(.is-expanded) .pio-dock-toggle:hover .pio-dock-toggle-chevron {
        animation: pio-dock-nudge 1.2s ease-in-out infinite;
    }

    body[data-bs-theme="dark"] .pio-dock.has-primary .pio-dock-toggle:hover {
        background: rgba(255, 255, 255, .08);
    }
}

.pio-dock-toggle svg {
    grid-area: 1 / 1;
    width: 20px;
    height: 20px;
}

.pio-dock-toggle-grid {
    fill: currentColor;
}

.pio-dock-toggle-chevron {
    display: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .22s ease;
}

.pio-dock.has-primary .pio-dock-toggle-grid,
.pio-dock.is-expanded .pio-dock-toggle-grid {
    display: none;
}

.pio-dock.has-primary .pio-dock-toggle-chevron,
.pio-dock.is-expanded .pio-dock-toggle-chevron {
    display: block;
}

.pio-dock .pio-dock-toggle-chevron {
    transform: rotate(calc(180deg * var(-\-pio-dock-p) - 90deg));
}

.pio-dock[data-h="left"] .pio-dock-toggle-chevron {
    transform: rotate(calc(90deg - 180deg * var(-\-pio-dock-p)));
}

.pio-dock.has-primary .pio-dock-toggle-chevron {
    animation: pio-dock-nudge 3.2s ease-in-out 1.2s infinite;
}

.pio-dock.is-expanded .pio-dock-toggle-chevron,
.pio-dock.is-tracking .pio-dock-toggle-chevron {
    animation: none;
}

.pio-dock.is-tracking .pio-dock-toggle-chevron {
    transition: none;
}

@keyframes pio-dock-nudge {
    0%, 30%, 100% {
        translate: 0 0;
    }

    9% {
        translate: var(-\-pio-dock-nudge) 0;
    }

    18% {
        translate: calc(var(-\-pio-dock-nudge) * .2) 0;
    }

    24% {
        translate: calc(var(-\-pio-dock-nudge) * .6) 0;
    }
}

.pio-dock .pio-fab-filter-fab {
    position: relative;
    inset: auto;
    z-index: 1;
    width: var(-\-pio-wa-size);
    height: var(-\-pio-wa-size);
}

.pio-wa-launcher {
    display: grid;
    place-items: center;
    width: var(-\-pio-wa-size);
    height: var(-\-pio-wa-size);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: var(-\-pio-wa-green);
    cursor: pointer;
    transition: background-color .2s ease, width .2s ease, height .2s ease;
}

@media (hover: hover) {
    .pio-wa-launcher:hover {
        background: var(-\-pio-wa-green-lo);
    }
}

.pio-wa-launcher:focus {
    outline: none;
}

.pio-wa-launcher:focus-visible {
    outline: 3px solid rgba(37, 211, 102, .5);
    outline-offset: 3px;
}

.pio-wa-launcher-icon {
    position: relative;
    display: block;
    width: var(-\-pio-wa-icon);
    height: var(-\-pio-wa-icon);
    transition: width .2s ease, height .2s ease;
}

.pio-wa-launcher-icon svg {
    position: absolute;
    inset: 0;
    margin: auto;
    transition: transform .4s cubic-bezier(.2, .8, .2, 1), opacity .25s ease;
}

.pio-wa-glyph {
    width: 100%;
    height: 100%;
    fill: #fff;
}

.pio-wa-x {
    width: 72%;
    height: 72%;
    fill: none;
    stroke: #fff;
    stroke-width: 2.4;
    stroke-linecap: round;
    opacity: 0;
    transform: rotate(-90deg) scale(.5);
}

.pio-wa.is-open .pio-wa-glyph {
    opacity: 0;
    transform: rotate(90deg) scale(.5);
}

.pio-wa.is-open .pio-wa-x {
    opacity: 1;
    transform: none;
}

.pio-wa-panel {
    position: fixed;
    z-index: 999;
    bottom: calc(var(-\-pio-wa-y) + var(-\-pio-wa-lift) + var(-\-pio-wa-size) + var(-\-pio-wa-gap));
    display: flex;
    flex-direction: column;
    width: min(360px, calc(100vw - 24px));
    max-height: min(540px, calc(100vh - 140px));
    overflow: hidden;
    border-radius: 22px;
    background: var(-\-pio-wa-panel-bg);
    box-shadow: var(-\-pio-wa-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(.94);
    transform-origin: right bottom;
    transition: opacity .2s ease, transform .3s cubic-bezier(.2, .9, .25, 1.05), visibility 0s linear .3s;
}

.pio-wa[data-side="right"] .pio-wa-panel {
    right: var(-\-pio-wa-x);
}

.pio-wa[data-side="left"] .pio-wa-panel {
    left: var(-\-pio-wa-x);
    transform-origin: left bottom;
}

.pio-wa-panel[data-dir="down"] {
    transform: translateY(-12px) scale(.94);
}

.pio-wa.is-open .pio-wa-panel {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity .22s ease, transform .4s cubic-bezier(.2, .9, .25, 1.05), visibility 0s;
}

.pio-wa-head {
    position: relative;
    isolation: isolate;
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 14px;
    padding-inline-start: 18px;
    overflow: hidden;
    color: #fff;
    background: var(-\-pio-wa-teal);
}

.pio-wa-avatar {
    position: relative;
    flex: none;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .2), 0 6px 14px -6px rgba(0, 0, 0, .4);
}

.pio-wa-emblem {
    display: block;
    width: 26px;
    height: 26px;
    overflow: hidden;
    direction: ltr;
}

    .pio-wa-emblem img {
        display: block;
        width: auto;
        max-width: none;
        height: 26px;
    }

.pio-wa-id {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pio-wa .pio-wa-name {
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pio-wa .pio-wa-sub {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, .84);
    font-size: 12.5px;
    line-height: 1.2;
}

    .pio-wa .pio-wa-sub svg {
        flex: none;
        width: 12px;
        height: 12px;
        fill: currentColor;
    }

.pio-wa-close {
    position: relative;
    z-index: 1;
    flex: none;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, .14);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

    .pio-wa-close:hover {
        background: rgba(255, 255, 255, .26);
    }

    .pio-wa-close:focus {
        outline: none;
    }

    .pio-wa-close:focus-visible {
        outline: 2px solid rgba(255, 255, 255, .8);
        outline-offset: 2px;
    }

    .pio-wa-close svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.4;
        stroke-linecap: round;
    }

.pio-wa-watermark {
    position: absolute;
    z-index: -1;
    inset-inline-end: -16px;
    bottom: -30px;
    width: 108px;
    height: 108px;
    fill: #fff;
    opacity: .08;
    transform: rotate(-12deg);
    pointer-events: none;
}

.pio-wa-body {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 16px 22px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background-color: var(-\-pio-wa-wall);
    background-image: radial-gradient(var(-\-pio-wa-wall-dot) 1.2px, transparent 1.7px), radial-gradient(var(-\-pio-wa-wall-dot) 1.2px, transparent 1.7px);
    background-position: 0 0, 11px 11px;
    background-size: 22px 22px;
}

.pio-wa .pio-wa-day {
    align-self: center;
    padding: 5px 12px;
    border-radius: 8px;
    color: var(-\-pio-wa-muted);
    background: var(-\-pio-wa-day-bg);
    box-shadow: var(-\-pio-wa-bubble-shadow);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .02em;
}

.pio-wa-typing {
    display: none;
    align-items: center;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 14px;
    border-start-start-radius: 4px;
    background: var(-\-pio-wa-bubble);
    box-shadow: var(-\-pio-wa-bubble-shadow);
}

.pio-wa.is-typing .pio-wa-typing {
    display: inline-flex;
}

.pio-wa-typing span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(-\-pio-wa-muted);
    animation: pio-wa-dot 1.1s ease-in-out infinite;
}

    .pio-wa-typing span:nth-child(2) {
        animation-delay: .15s;
    }

    .pio-wa-typing span:nth-child(3) {
        animation-delay: .3s;
    }

.pio-wa-bubble {
    position: relative;
    display: none;
    flex-direction: column;
    max-width: 88%;
    padding: 8px 12px 6px;
    border-radius: 12px;
    border-start-start-radius: 0;
    background: var(-\-pio-wa-bubble);
    box-shadow: var(-\-pio-wa-bubble-shadow);
}

    .pio-wa-bubble::before {
        content: "";
        position: absolute;
        top: 0;
        inset-inline-start: -8px;
        width: 8px;
        height: 13px;
        background: var(-\-pio-wa-bubble);
        clip-path: polygon(0 0, 100% 0, 100% 100%);
    }

[dir="rtl"] .pio-wa-bubble::before {
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.pio-wa.is-greeted .pio-wa-bubble {
    display: flex;
    animation: pio-wa-pop .36s cubic-bezier(.2, .9, .25, 1.1) both;
}

.pio-wa .pio-wa-from {
    margin-bottom: 2px;
    color: var(-\-pio-wa-from);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.4;
}

.pio-wa .pio-wa-text {
    margin: 0;
    color: var(-\-pio-wa-ink);
    font-size: 14.5px;
    line-height: 1.55;
}

.pio-wa .pio-wa-time {
    align-self: flex-end;
    margin-top: 2px;
    color: var(-\-pio-wa-muted);
    font-size: 11px;
    line-height: 1.2;
}

.pio-wa-form {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    background: var(-\-pio-wa-bar);
    border-top: 1px solid var(-\-pio-wa-line);
}

.pio-wa .pio-wa-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    margin: 0;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    color: var(-\-pio-wa-field-ink);
    background: var(-\-pio-wa-field);
    box-shadow: inset 0 0 0 1px var(-\-pio-wa-line);
    font: inherit;
    font-size: 14.5px;
    outline: none;
    transition: box-shadow .2s ease;
}

    .pio-wa .pio-wa-input::placeholder {
        color: var(-\-pio-wa-muted);
        opacity: 1;
    }

    .pio-wa .pio-wa-input:focus {
        box-shadow: inset 0 0 0 2px rgba(37, 211, 102, .6);
    }

.pio-wa-send {
    flex: none;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: var(-\-pio-wa-green);
    cursor: pointer;
    transition: background-color .2s ease;
}

    .pio-wa-send:hover {
        background: var(-\-pio-wa-green-lo);
    }

    .pio-wa-send:focus {
        outline: none;
    }

    .pio-wa-send:focus-visible {
        outline: 3px solid rgba(37, 211, 102, .5);
        outline-offset: 2px;
    }

    .pio-wa-send svg {
        width: 20px;
        height: 20px;
        margin-inline-start: 2px;
        fill: currentColor;
    }

[dir="rtl"] .pio-wa-send svg {
    transform: scaleX(-1);
}

@keyframes pio-wa-dot {
    0%, 60%, 100% {
        opacity: .35;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-4px);
    }
}

@keyframes pio-wa-pop {
    from {
        opacity: 0;
        transform: translateY(6px) scale(.96);
    }

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

@media (max-width: 575.98px) {
    .pio-wa {
        -\-pio-wa-size: 44px;
        -\-pio-wa-icon: 22px;
    }

    .pio-dock {
        bottom: calc(min(var(-\-pio-wa-y), 16px) + var(-\-pio-wa-lift));
    }

    .pio-wa[data-side="right"] .pio-dock,
    .pio-wa[data-side="right"] .pio-wa-panel {
        right: min(var(-\-pio-wa-x), 16px);
    }

    .pio-wa[data-side="left"] .pio-dock,
    .pio-wa[data-side="left"] .pio-wa-panel {
        left: min(var(-\-pio-wa-x), 16px);
    }

    .pio-wa .pio-wa-input {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pio-dock,
    .pio-wa *,
    .pio-wa *::before {
        transition-duration: .01ms !important;
        animation: none !important;
    }
}

@media print {
    .pio-wa {
        display: none !important;
    }
}