@layer components{:root{--c-fab--base:var(--base);--c-fab--border-radius:var(--border-radius);--c-fab--color--surface:var(--color--surface);--c-fab--space:var(--space);--c-fab--border-width:var(--border-width);--c-fab--color--surface-border:var(--color--surface-border);--c-fab--corner-shape:var(--corner-shape);--c-fab--shadow-color:var(--shadow-color);--c-fab--shadow-amount:var(--shadow-amount);--c-fab--font-size-400:var(--font-size-400);--view-offset-left:0;--view-offset-right:0;--view-offset-transition-ms:300ms;--view-offset-left-transition-easing:ease-out;--view-offset-right-transition-easing:ease-out}.c-fab{--c-fab--border:calc((var(--c-fab--border-width, var(--border-width)))*var(--base)*1) solid var(--c-fab--color--surface-border,var(--inherit-color-border,var(--c-fab--color--surface-border-default,var(--color--surface-border))));--c-fab--size-multiplier:1;--c-fab--stack-offset:0px;--c-fab--panel-padding:calc((var(--c-fab--space, var(--space)))*var(--base)*2);bottom:calc((var(--c-fab--space, var(--space)))*var(--base)*2);contain:layout;position:fixed;right:calc((var(--c-fab--space, var(--space)))*var(--base)*2);text-align:right;z-index:7}.c-fab.c-fab--width-sm{--c-fab--size-multiplier:0.75}.c-fab.c-fab--width-lg{--c-fab--size-multiplier:1.25}.c-fab.c-fab--width-xl{--c-fab--size-multiplier:1.5}.c-fab.c-fab--padding-none{--c-fab--panel-padding:0}.c-fab.c-fab--padding-sm{--c-fab--panel-padding:calc((var(--c-fab--space, var(--space)))*var(--base)*1)}.c-fab .c-fab__panel{corner-shape:var(--c-fab--corner-shape,var(--corner-shape));background:var(--c-fab--color--surface,var(--inherit-color-background,var(--c-fab--color--surface-default,var(--color--surface))));border:var(--c-fab--border);border-radius:calc((var(--c-fab--border-radius, var(--border-radius)))*var(--base)*1);display:grid;filter:drop-shadow(0 calc(var(--base)*.5*(var(--c-fab--shadow-amount, var(--shadow-amount)))) calc((var(--c-fab--shadow-amount, var(--shadow-amount)))*var(--base)*3) var(--c-fab--shadow-color,var(--shadow-color)));gap:calc((var(--c-fab--space, var(--space)))*var(--base)*2);margin-bottom:calc((var(--c-fab--space, var(--space)))*var(--base)*2);max-height:calc(100dvh - (var(--c-fab--space, var(--space)))*var(--base)*22 - var(--c-fab--stack-offset));max-width:min(calc((var(--c-fab--base, var(--base)))*45) * var(--c-fab--size-multiplier),100vw - calc((var(--c-fab--base, var(--base)))*4) * 2);min-width:min(calc((var(--c-fab--base, var(--base)))*30) * var(--c-fab--size-multiplier),100vw - calc((var(--c-fab--base, var(--base)))*4) * 2);opacity:0;overflow:auto;overscroll-behavior:none;padding:var(--c-fab--panel-padding);pointer-events:none;position:absolute;text-align:left;visibility:hidden;width:100vw;z-index:1}.c-fab .c-fab__panel--open{animation:fab-popout .4s cubic-bezier(.25,.46,.45,.94) both;opacity:1;pointer-events:auto;position:relative;visibility:visible}.c-fab:has(.c-fab__panel--open){z-index:8}.c-fab__panel .c-fab__heading{--inherit-font-size:var(--c-fab--font-size-400,var(--font-size-400));margin:0}.c-fab__top-left{left:calc((var(--c-fab--space, var(--space)))*var(--base)*2 + var(--view-offset-left, 0)*var(--base, 8px));top:calc((var(--c-fab--space, var(--space)))*var(--base)*2 + var(--c-fab--stack-offset));transition:left var(--view-offset-transition-ms) var(--view-offset-left-transition-easing)}.c-fab.c-fab__top-left+.c-fab.c-fab__top-left{--c-fab--stack-offset:calc((var(--c-fab--space, var(--space)))*var(--base)*8)}.c-fab__bottom-left{bottom:calc((var(--c-fab--space, var(--space)))*var(--base)*2 + var(--c-fab--stack-offset));left:calc((var(--c-fab--space, var(--space)))*var(--base)*2 + var(--view-offset-left, 0)*var(--base, 8px));transition:left var(--view-offset-transition-ms) var(--view-offset-left-transition-easing)}.c-fab.c-fab__bottom-left+.c-fab.c-fab__bottom-left{--c-fab--stack-offset:calc((var(--c-fab--space, var(--space)))*var(--base)*8)}.c-fab__top-right{right:calc((var(--c-fab--space, var(--space)))*var(--base)*2 + var(--view-offset-right, 0)*var(--base, 8px));top:calc((var(--c-fab--space, var(--space)))*var(--base)*2 + var(--c-fab--stack-offset));transition:right var(--view-offset-transition-ms) var(--view-offset-right-transition-easing)}.c-fab.c-fab__top-right+.c-fab.c-fab__top-right{--c-fab--stack-offset:calc((var(--c-fab--space, var(--space)))*var(--base)*8)}.c-fab__bottom-right{bottom:calc((var(--c-fab--space, var(--space)))*var(--base)*2 + var(--c-fab--stack-offset));right:calc((var(--c-fab--space, var(--space)))*var(--base)*2 + var(--view-offset-right, 0)*var(--base, 8px));transition:right var(--view-offset-transition-ms) var(--view-offset-right-transition-easing)}.c-fab.c-fab__bottom-right+.c-fab.c-fab__bottom-right{--c-fab--stack-offset:calc((var(--c-fab--space, var(--space)))*var(--base)*8)}@keyframes fab-popout{0%{opacity:0;transform:translateY(-20%)}30%{opacity:1;transform:translateY(0)}55%{transform:translateY(-5%)}to{transform:translateY(0)}}}