:where(.motile-speed-dial){position:relative;display:inline-flex;align-items:center;justify-content:center}:where(.motile-speed-dial__trigger){position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;border-radius:50%;background-color:var( --motile-speeddial-color,var(--motile-ui-speeddial,var(--motile-theme,#3b82f6)) );color:#fff;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:16px;font-weight:500}:where(.motile-speed-dial__trigger:hover){filter:brightness(.9);box-shadow:0 6px 16px #0003,0 3px 6px #00000026;transform:scale(1.05)}:where(.motile-speed-dial__trigger:active){filter:brightness(.85);transform:scale(.95);box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a}:where(.motile-speed-dial__trigger[aria-expanded=true]){filter:brightness(.75);transform:rotate(45deg)}:where(.motile-speed-dial__actions){position:absolute;display:flex;gap:12px;z-index:1}:where(.motile-speed-dial__actions[data-direction=up]){flex-direction:column-reverse;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px}:where(.motile-speed-dial__actions[data-direction=down]){flex-direction:column;top:100%;left:50%;transform:translate(-50%);margin-top:12px}:where(.motile-speed-dial__actions[data-direction=left]){flex-direction:row-reverse;right:100%;top:50%;transform:translateY(-50%);margin-right:12px}:where(.motile-speed-dial__actions[data-direction=right]){flex-direction:row;left:100%;top:50%;transform:translateY(-50%);margin-left:12px}:where(.motile-speed-dial__action){display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;border-radius:50%;background-color:var(--motile-bg);color:var(--motile-gray-700);box-shadow:inset 0 0 0 1px var(--motile-gray-200),0 2px 8px #0000001a,0 1px 3px #00000014;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px}:where(.motile-speed-dial__action:hover){background-color:var(--motile-gray-100);box-shadow:inset 0 0 0 1px var(--motile-gray-200),0 4px 12px #00000026,0 2px 4px #0000001a;transform:scale(1.08)}:where(.motile-speed-dial__action:active){transform:scale(.95);box-shadow:inset 0 0 0 1px var(--motile-gray-200),0 1px 4px #0000001a,0 0 2px #00000014}:where(.motile-speed-dial__actions[data-direction=up] .motile-speed-dial__action){animation:motile-speed-dial-slide-up .3s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--action-index) * .05s)}:where(.motile-speed-dial__actions[data-direction=down] .motile-speed-dial__action){animation:motile-speed-dial-slide-down .3s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--action-index) * .05s)}:where(.motile-speed-dial__actions[data-direction=left] .motile-speed-dial__action){animation:motile-speed-dial-slide-left .3s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--action-index) * .05s)}:where(.motile-speed-dial__actions[data-direction=right] .motile-speed-dial__action){animation:motile-speed-dial-slide-right .3s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--action-index) * .05s)}@keyframes motile-speed-dial-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes motile-speed-dial-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes motile-speed-dial-slide-left{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes motile-speed-dial-slide-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){:where(.motile-speed-dial__actions[data-direction=down] .motile-speed-dial__action),:where(.motile-speed-dial__actions[data-direction=left] .motile-speed-dial__action),:where(.motile-speed-dial__actions[data-direction=right] .motile-speed-dial__action),:where(.motile-speed-dial__actions[data-direction=up] .motile-speed-dial__action){animation:none}}:where(.motile-speed-dial__action:focus-visible),:where(.motile-speed-dial__trigger:focus-visible){outline:2px solid #3b82f6;outline-offset:2px}