:root{--s-fab-z-index:var(--s-z-index-secondary);--s-fab-right:var(--s-size-xl);--s-fab-bottom:var(--s-size-4xl);--s-fab-mask:var(--s-overlay-illegible);--s-fab-item-gap:var(--s-size);--s-fab-item-opacity-active:var(--s-opacity-active);--s-fab-item-btn-size:var(--s-size-4xl);--s-fab-item-btn-font-size:var(--s-size-xl);--s-fab-item-btn-color:var(--s-white);--s-fab-item-btn-bg:var(--s-color-primary);--s-fab-item-btn-box-shadow:var(--s-box-shadow-secondary);--s-fab-item-name-gap:var(--s-size-xs);--s-fab-item-name-font-size:var(--s-font-size);--s-fab-item-name-color:var(--s-white)}.s-fab{position:fixed;right:var(--s-fab-right);bottom:var(--s-fab-bottom);z-index:var(--s-fab-z-index);opacity:0;touch-action:none;direction:ltr;-webkit-user-select:none;user-select:none}.s-fab__overlay:is(.is-fab){background:var(--s-fab-mask)}.s-fab__content{display:flex;flex-direction:column;position:absolute}.s-fab--draggable{top:0;left:0;right:auto;bottom:auto}.s-fab--top .s-fab__content{top:calc(100% + var(--s-fab-item-gap))}.s-fab--bottom .s-fab__content{bottom:calc(100% + var(--s-fab-item-gap))}.s-fab--left .s-fab__content{left:0;align-items:flex-start}.s-fab--right .s-fab__content{right:0;align-items:flex-end}.s-fab--initialized{opacity:1}.s-fab--animated{transition:transform var(--s-duration)}.s-fab-item{display:flex;flex-direction:row;align-items:center;gap:var(--s-fab-item-name-gap);cursor:pointer}.s-fab-item:active{opacity:var(--s-fab-item-opacity-active)}.s-fab-item--left{flex-direction:row-reverse}.s-fab-item:not(:first-child){margin-top:var(--s-fab-item-gap)}.s-fab-item__name{font-size:var(--s-fab-item-name-font-size);color:var(--s-fab-item-name-color);white-space:nowrap}.s-fab-item__btn{flex:none;display:flex;justify-content:center;align-items:center;width:var(--s-fab-item-btn-size);height:var(--s-fab-item-btn-size);border-radius:var(--s-border-radius-full);font-size:var(--s-fab-item-btn-font-size);color:var(--s-fab-item-btn-color);background:var(--s-fab-item-btn-bg);box-shadow:var(--s-fab-item-btn-box-shadow)}