.scroll-key.svelte-1chiwyc{--depth: 8px;position:relative;display:grid;place-items:center;grid-column:1 / -1;justify-self:center;align-self:end;width:60px;height:60px;margin:8px 0 var(--depth);border-radius:18px;background:linear-gradient(180deg,var(--key-top, #55555b),var(--key-bot, #232326));color:#fff;box-shadow:inset 0 1px #ffffff4d,0 var(--depth) 0 var(--key-slab, #0b0b0c),0 calc(var(--depth) + 3px) 0 var(--key-rim, #d6d6db),0 calc(var(--depth) + 14px) 22px var(--key-glow, rgb(29 29 31 / 22%));transition:translate .15s ease-out,box-shadow .15s ease-out}.scroll-key.svelte-1chiwyc:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:13px;background:linear-gradient(180deg,var(--key-face-top, #3d3d42),var(--key-face-bot, #1d1d1f));box-shadow:inset 0 1px #ffffff29,inset 0 -3px 6px #00000059}.scroll-key.svelte-1chiwyc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 38%,rgb(255 255 255 / 9%) 38% 56%,transparent 56%);pointer-events:none}.scroll-key.svelte-1chiwyc svg:where(.svelte-1chiwyc){position:relative;z-index:1;filter:drop-shadow(0 1.5px 0 rgb(0 0 0 / 55%))}.scroll-key.svelte-1chiwyc:hover{translate:0 3px;box-shadow:inset 0 1px #ffffff4d,0 calc(var(--depth) - 3px) 0 var(--key-slab, #0b0b0c),0 var(--depth) 0 var(--key-rim, #d6d6db),0 calc(var(--depth) + 8px) 16px #1d1d1f33}.scroll-key.svelte-1chiwyc:active{translate:0 calc(var(--depth) - 1px);box-shadow:inset 0 1px #ffffff4d,0 1px 0 var(--key-slab, #0b0b0c),0 4px 0 var(--key-rim, #d6d6db),0 6px 10px #1d1d1f2e}.scroll-key.whatsapp.svelte-1chiwyc{--key-top: #2bbd98;--key-bot: #008069;--key-face-top: #00977a;--key-face-bot: #006b58;--key-slab: #00453a;--key-rim: #bfe4da;--key-glow: rgb(0 128 105 / 30%)}.scroll-key.black.svelte-1chiwyc{--key-top: #3a3a3a;--key-bot: #000;--key-face-top: #1f1f1f;--key-face-bot: #000;--key-slab: #000;--key-rim: #cfcfcb;--key-glow: rgb(0 0 0 / 30%)}.scroll-key.orange.svelte-1chiwyc{--key-top: #ff9a45;--key-bot: #f26a0f;--key-face-top: #fb7d1f;--key-face-bot: #d95a06;--key-slab: #8a3703;--key-rim: #fbd3b4;--key-glow: rgb(242 106 15 / 32%)}.scroll-key.fixed.svelte-1chiwyc{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:0;right:0;margin:0 auto;z-index:60;transition:translate .15s ease-out,box-shadow .15s ease-out,opacity .25s ease}.scroll-key.fixed.hidden.svelte-1chiwyc{opacity:0;pointer-events:none}