/*
Last modified: 2024-07-04 17:02:27
*/
@charset "utf-8";
@import (optional, reference) "var.less";
/*Anchors*/
AX-ANCHORS {
    --_r-anchor: var(--_m);
    --_t-anchor: calc(var(--_sz-header) + var(--_sz-body));
    padding: var(--_p);
    box-sizing: border-box;
    border-radius: var(--_r);
    background-color: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), var(--_o-stage));
    display: flex;
    position: fixed;
    right: var(--_r-anchor);
    top: var(--_t-anchor);
    z-index: 610;
    &[expanded] {
        background: transparent;
    }
    ul {
        border-left: 1px solid var(--_c-text-bd);
    }
    li {
        padding-left: var(--_p);
        position: relative;
        [role=head] {
            line-height: var(--_sz-brief);
            padding: calc((var(--_sz-body) - var(--_sz-brief))/2) 0;
            position: relative;
            &:after {
                content: '';
                width: 1px;
                height: 100%;
                position: absolute;
                left: calc(-1*var(--_p) - 1px);
                top: 0;
                .v3-trans-all(var(--_dur-1));
            }
        }
        [role=head][active] {
            color: var(--_c-prim);
            [role=label]{
                color: var(--_c-prim);
            }
            &:after {
                background-color: var(--_c-prim);
            }
        }
        [role=label] {
            color: var(--_c-text);
            cursor: pointer;
            .v3-trans-all(var(--_dur-1));
            &:hover {
                color: var(--_c-prim);
            }
        }
    }
}
