@mixin ps-centered {
    & {
        --shift-x: 50%;
        --shift-y: 50%;
        --drag-x: 0px;
        --drag-y: 0px;
        --translate-x: 0px;
        --translate-y: 0px;


        inset-inline-start: max(var(--shift-x), 0px);
        inset-block-start: max(var(--shift-y), 0px);
        inset-inline-end: auto;
        inset-block-end: auto;


        direction: ltr;
        translate: 0% 0% 0%;
        transform:
            scale3d(var(--scale, 1), var(--scale, 1), var(--scale, 1))
            translate3d(
                round(nearest, -50%, calc(1px / var(--pixel-ratio, 1))),
                round(nearest, -50%, calc(1px / var(--pixel-ratio, 1)))
            , 0%);
        transform-origin: 0% 0%;
        writing-mode: horizontal-tb;
    };
};