/* ONYX PRICING V2.5.1 FINAL */

/*
 * V2.5 accidentally blocked JS animation with
 * transform:none!important.
 *
 * This rule intentionally restores inline transform control.
 */
.onyx-v24-orbit-node .onyx-v24-planet{
    transform:none!important;
}

/*
 * JS will write an !important inline transform,
 * so the text can move while remaining horizontal.
 */

.onyx-v24-orbit{
    overflow:visible!important;
}

.onyx-v24-orbit-node{
    animation:none!important;
    transform:translate(-50%,-50%)!important;
}

/*
 * Make planets visually a little stronger,
 * but not huge enough to cover the 99 ₽.
 */
.onyx-v24-planet{
    min-height:38px!important;

    display:flex!important;
    align-items:center!important;

    padding:0 15px!important;

    font-size:12px!important;
    font-weight:750!important;

    border:
        1px solid
        rgba(255,255,255,.10)!important;

    background:
        linear-gradient(
            135deg,
            rgba(27,17,33,.82),
            rgba(9,8,17,.74)
        )!important;

    box-shadow:
        0 13px 38px rgba(0,0,0,.26),
        0 0 24px rgba(190,82,227,.05),
        inset 0 1px 0 rgba(255,255,255,.065)!important;

    backdrop-filter:
        blur(16px)!important;

    white-space:nowrap!important;
}

/*
 * Slightly smaller on phones.
 */
@media(max-width:650px){

    .onyx-v24-planet{
        min-height:31px!important;
        padding:0 10px!important;
        font-size:9px!important;
    }

}