.b-ext {--bsaweb--anim-menu-btn--size: 48px;--bsaweb--anim-menu-btn--transition-duration: .2s;--bsaweb--anim-menu-btn--icon--size: 32px;--bsaweb--anim-menu-btn--icon--stroke-width: 2px;}
.b-ext .bsaweb-anim-menu-btn {align-items: center;display: flex;height: var(--bsaweb--anim-menu-btn--size);justify-content: center;width: var(--bsaweb--anim-menu-btn--size);}
.b-ext .bsaweb-anim-menu-btn__icon {background-image: linear-gradient(currentColor,currentColor);background-repeat: no-repeat;color: inherit;display: block;font-size: var(--bsaweb--anim-menu-btn--icon--size);height: var(--bsaweb--anim-menu-btn--icon--stroke-width);position: relative;transform: scale(1);width: 1em;}
.b-ext .bsaweb-anim-menu-btn__icon:after, .b-ext .bsaweb-anim-menu-btn__icon:before {background-image: inherit;border-radius: inherit;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.b-ext .bsaweb-anim-menu-btn__icon--close {background-size: 100% 100%;transition-duration: var(--bsaweb--anim-menu-btn--transition-duration,.2s);transition-property: transform,background-size;will-change: transform,background-size;}
.b-ext .bsaweb-anim-menu-btn:active .bsaweb-anim-menu-btn__icon--close {transform: scale(.9);}
.b-ext .bsaweb-anim-menu-btn__icon--close:after, .b-ext .bsaweb-anim-menu-btn__icon--close:before {transition: inherit;will-change: inherit;}
.b-ext .bsaweb-anim-menu-btn__icon--close:before {transform: translateY(-.25em) rotate(0);}
.b-ext .bsaweb-anim-menu-btn__icon--close:after {transform: translateY(.25em) rotate(0);}
.b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--close {background-size: 0 100%;}
.b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--close:before {transform: translateY(0) rotate(45deg);}
.b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--close:after {transform: translateY(0) rotate(-45deg);}
.b-ext .bsaweb-anim-menu-btn__icon--arrow-down, .b-ext .bsaweb-anim-menu-btn__icon--arrow-left, .b-ext .bsaweb-anim-menu-btn__icon--arrow-right, .b-ext .bsaweb-anim-menu-btn__icon--arrow-up {border-radius: 50em;transition-duration: var(--bsaweb--anim-menu-btn--transition-duration,.2s);transition-property: transform;will-change: transform;}
.b-ext .bsaweb-anim-menu-btn:active .bsaweb-anim-menu-btn__icon--arrow-down, .b-ext .bsaweb-anim-menu-btn:active .bsaweb-anim-menu-btn__icon--arrow-left, .b-ext .bsaweb-anim-menu-btn:active .bsaweb-anim-menu-btn__icon--arrow-right, .b-ext .bsaweb-anim-menu-btn:active .bsaweb-anim-menu-btn__icon--arrow-up {transform: scale(.9);}
.b-ext .bsaweb-anim-menu-btn__icon--arrow-down:after, .b-ext .bsaweb-anim-menu-btn__icon--arrow-down:before, .b-ext .bsaweb-anim-menu-btn__icon--arrow-left:after, .b-ext .bsaweb-anim-menu-btn__icon--arrow-left:before, .b-ext .bsaweb-anim-menu-btn__icon--arrow-right:after, .b-ext .bsaweb-anim-menu-btn__icon--arrow-right:before, .b-ext .bsaweb-anim-menu-btn__icon--arrow-up:after, .b-ext .bsaweb-anim-menu-btn__icon--arrow-up:before {transform-origin: calc(var(--bsaweb--anim-menu-btn--icon--stroke-width) / 2) 50%;transition-duration: var(--bsaweb--anim-menu-btn--transition-duration,.2s);transition-property: transform,width;will-change: transform,width;}
.b-ext .bsaweb-anim-menu-btn__icon--arrow-down:before, .b-ext .bsaweb-anim-menu-btn__icon--arrow-left:before, .b-ext .bsaweb-anim-menu-btn__icon--arrow-right:before, .b-ext .bsaweb-anim-menu-btn__icon--arrow-up:before {transform: translateY(-.25em) rotate(0);}
.b-ext .bsaweb-anim-menu-btn__icon--arrow-down:after, .b-ext .bsaweb-anim-menu-btn__icon--arrow-left:after, .b-ext .bsaweb-anim-menu-btn__icon--arrow-right:after, .b-ext .bsaweb-anim-menu-btn__icon--arrow-up:after {transform: translateY(.25em) rotate(0);}
.b-ext .bsaweb-anim-menu-btn__icon--arrow-right {transform: rotate(180deg);}
.b-ext .bsaweb-anim-menu-btn:active .bsaweb-anim-menu-btn__icon--arrow-right {transform: rotate(180deg) scale(.9);}
.b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-down:after, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-down:before, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-left:after, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-left:before, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-right:after, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-right:before, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-up:after, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-up:before {width: 50%;}
.b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-down:before, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-left:before, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-right:before, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-up:before {transform: translateY(0) rotate(-45deg);}
.b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-down:after, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-left:after, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-right:after, .b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-up:after {transform: translateY(0) rotate(45deg);}
.b-ext .bsaweb-anim-menu-btn--state-b:active .bsaweb-anim-menu-btn__icon--arrow-up {transform: rotate(90deg) scale(.9);}
.b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-up {transform: rotate(90deg);}
.b-ext .bsaweb-anim-menu-btn--state-b:active .bsaweb-anim-menu-btn__icon--arrow-down {transform: rotate(-90deg) scale(.9);}
.b-ext .bsaweb-anim-menu-btn--state-b .bsaweb-anim-menu-btn__icon--arrow-down {transform: rotate(-90deg);}