@layer components{.s-btn[data-v-45469d24]{--bar-height:var(--a77fa154);--button-size:var(--v09584b76);--gutter:var(--v61f2da5f);color:currentColor;background-color:#0000;border:0;border-radius:.25rem;padding:.5em .5em .4em;font-size:16px;line-height:1;display:inline-block}.s-btn[data-v-45469d24]:focus-visible{outline:2px solid var(--color-link)}.s-icon[data-v-45469d24]{box-sizing:content-box;height:var(--button-size);vertical-align:middle;width:var(--button-size);background-color:#0000;border:0;margin-bottom:0;padding:0;display:inline-block;position:relative;top:-1px}.s-icon[data-v-45469d24]:after,.s-icon[data-v-45469d24]:before,.s-icon>span[data-v-45469d24]{border-radius:var(--bar-height) / 2;height:var(--bar-height);margin-top:calc((var(--button-size) - var(--bar-height)) / 2);width:var(--button-size);background-color:currentColor;transition:all .15s ease-out;display:block;position:absolute;left:0}.s-icon[data-v-45469d24]:after,.s-icon[data-v-45469d24]:before{content:""}.s-icon[data-v-45469d24]:before{top:calc((var(--gutter) + var(--bar-height)) * -1)}.s-icon>span[data-v-45469d24]{top:0}.s-icon[data-v-45469d24]:after{top:calc(var(--gutter) + var(--bar-height))}.s-icon--active[data-v-45469d24]:before{transform:translate(0, calc(var(--gutter) + var(--bar-height))) rotate(45deg)}.s-icon--active[data-v-45469d24]:after{transform:translate(0, calc((var(--gutter) + var(--bar-height)) * -1)) rotate(-45deg)}.s-icon--active>span[data-v-45469d24]{opacity:0}}