/* generated: alpha button plates, used as is */

:root:root .ct-item::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-menu.webp");
    border-image-slice: 25 60 25 60 fill;
    border-image-width: 9.5px 22.4px 9.5px 22.4px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .ct-item:hover::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-menu-hover.webp");
    border-image-slice: 25 60 25 60 fill;
    border-image-width: 9.5px 22.4px 9.5px 22.4px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .ct-item.on::before,
:root:root .ct-item.on:hover::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-menu-on.webp");
    border-image-slice: 28 66 28 66 fill;
    border-image-width: 9.5px 22.4px 9.5px 22.4px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .ct-item.was-on::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-menu.webp");
    border-image-slice: 25 60 25 60 fill;
    border-image-width: 9.5px 22.4px 9.5px 22.4px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .g-btn::before,
:root:root .g-btn--primary::before,
:root:root .g-btn--action::before,
:root:root .g-btn--shimmer::before,
:root:root .c-card__footer .g-btn::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-red.webp");
    border-image-slice: 39 54 39 54 fill;
    border-image-width: 9.0px 12.3px 9.0px 12.3px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .g-btn:hover::before,
:root:root .g-btn--primary:hover::before,
:root:root .g-btn--action:hover::before,
:root:root .g-btn--shimmer:hover::before,
:root:root .c-card__footer .g-btn:hover::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-red-hover.webp");
    border-image-slice: 39 54 39 54 fill;
    border-image-width: 9.0px 12.3px 9.0px 12.3px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .g-btn:active::before,
:root:root .g-btn--primary:active::before,
:root:root .g-btn--action:active::before,
:root:root .g-btn--shimmer:active::before,
:root:root .c-card__footer .g-btn:active::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-red-press.webp");
    border-image-slice: 40 54 40 54 fill;
    border-image-width: 9.0px 12.3px 9.0px 12.3px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .g-btn.g-btn--sm::before,
:root:root .g-btn.g-btn--sm:hover::before,
:root:root .g-btn.g-btn--sm:active::before,
:root:root .g-btn.g-btn--primary.g-btn--sm::before,
:root:root .g-btn.g-btn--primary.g-btn--sm:hover::before,
:root:root .c-card__top .g-btn.g-btn--sm::before,
:root:root .c-card__top .g-btn.g-btn--sm:hover::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-small.webp");
    border-image-slice: 51 69 51 69 fill;
    border-image-width: 7.0px 9.6px 7.0px 9.6px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .g-btn.g-btn--icon::before,
:root:root .g-btn.g-btn--icon:hover::before,
:root:root .g-btn.g-btn--icon:active::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-icon.webp");
    border-image-slice: 187 255 187 255 fill;
    border-image-width: 8.8px 12.0px 8.8px 12.0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .c-nb-srv::before,
:root:root .c-locale__btn::before,
:root:root .c-notif__btn::before,
:root:root .c-user::before {
    border: 0 solid transparent;
    border-image-source: url("../images/btn-chip.webp");
    border-image-slice: 40 72 40 72 fill;
    border-image-width: 10.1px 18.4px 10.1px 18.4px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    mix-blend-mode: normal;
    z-index: -1;
    filter: none;
}

:root:root .g-btn.g-btn--sm:hover::before,
:root:root .g-btn.g-btn--icon:hover::before {
    filter: brightness(1.25);
}

:root:root .ct-item::after,
:root:root .ct-item:hover::after,
:root:root .ct-item.on::after,
:root:root .ct-item.on:hover::after,
:root:root .ct-item.was-on::after {
    background: none;
}

:root:root .ct-item,
:root:root .g-btn,
:root:root .c-nb-srv,
:root:root .c-locale__btn,
:root:root .c-notif__btn,
:root:root .c-user {
    isolation: isolate;
}

:root:root .ct-item svg {
    position: relative;
    z-index: 1;
}

:root:root :focus-visible {
    outline: 1px solid rgba(217, 188, 129, 0.45);
    outline-offset: 2px;
}

:root:root .c-locale__btn,
:root:root .c-locale__btn:focus,
:root:root .c-locale__btn:focus-visible,
:root:root .c-locale__btn:active,
:root:root .c-notif__btn,
:root:root .c-notif__btn:focus,
:root:root .c-notif__btn:focus-visible,
:root:root .c-notif__btn:active,
:root:root .c-user,
:root:root .c-user:focus,
:root:root .c-user:focus-visible,
:root:root .c-nb-srv,
:root:root .c-nb-srv:focus-visible,
:root:root .ct-item:focus,
:root:root .ct-item:focus-visible,
:root:root .g-btn:focus,
:root:root .g-btn:focus-visible {
    outline: none;
    border: 0;
    box-shadow: none;
}

:root:root .ct-item .ct-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 40px;
    height: 22px;
    margin: 0 4px 0 auto;
    padding: 0 10px;
    border-radius: 5px;
    background: linear-gradient(180deg, #7a1620, #3d0a10);
    box-shadow: none;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    text-shadow: none;
}