/* =========================================================
   ASPIRIN V172
   Back button visible only while scrolling
   ========================================================= */


/*
 * На внутренних экранах кнопка существует,
 * но по умолчанию невидима.
 */

.a166-fab-back.open {

    opacity:
        0 !important;

    visibility:
        hidden !important;

    pointer-events:
        none !important;


    transform:
        translateY(8px)
        scale(.96) !important;


    transition:
        opacity .22s ease,
        transform .22s ease,
        visibility .22s ease !important;
}


/*
 * JS добавляет этот класс,
 * когда пользователь листает страницу.
 */

.a166-fab-back.open.a172-scroll-visible {

    opacity:
        1 !important;

    visibility:
        visible !important;

    pointer-events:
        auto !important;


    transform:
        translateY(0)
        scale(1) !important;
}


/*
 * Оставляем компактный размер.
 */

.a166-fab-back {

    left:
        auto !important;

    right:
        14px !important;


    bottom:
        calc(
            env(
                safe-area-inset-bottom,
                0px
            )
            + 92px
        ) !important;


    width:
        auto !important;

    min-width:
        0 !important;

    max-width:
        112px !important;


    height:
        44px !important;

    min-height:
        44px !important;


    padding:
        0 14px !important;


    border-radius:
        22px !important;


    font-size:
        13px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;


    white-space:
        nowrap !important;
}