.bubble{-webkit-backdrop-filter:blur(10px)brightness(1.3);backdrop-filter:blur(10px)brightness(1.3);background-color:#000000bf;border-radius:29px;padding:8px 29px;box-shadow:inset 0 0 12.7px #fff6}@property --c-color-a{syntax:"<color>";inherits:false;initial-value:#000}@property --c-color-b{syntax:"<color>";inherits:false;initial-value:#000}@property --c-color-c{syntax:"<color>";inherits:false;initial-value:#000}@property --c-percent-a{syntax:"<percentage>";inherits:false;initial-value:0%}@property --c-percent-b{syntax:"<percentage>";inherits:false;initial-value:0%}.bubble.clickable:after{content:"";outline-offset:-2px;border-radius:29px;outline:2px solid #ffffff80;display:block;position:absolute;inset:0;box-shadow:inset 0 0 12.7px #fff6}.bubble.clickable:before{content:"";opacity:0;--c-percent-a:0%;--c-color-a:#8d8d8d;--c-percent-b:62.52%;--c-color-b:#343434;--c-color-c:#494949;background:linear-gradient(var(--page-highlight), var(--page-highlight)), radial-gradient(106.205% 100% at 49.67% var(--c-percent-a), var(--c-color-a) 0%, var(--c-color-b) 62.52%, var(--c-color-c) 100%);background-blend-mode:color;transition:--c-color-a .3s,--c-color-b .3s,--c-color-c .3s,--c-color-key-internal .3s,--c-percent-a .3s,--c-percent-b .3s,opacity .3s;display:block;position:absolute;inset:0}.bubble.clickable:hover:before,.bubble.clickable:focus-visible:before{--c-percent-a:0%;--c-color-a:#8d8d8d;--c-percent-b:62.52%;--c-color-b:#343434;--c-color-c:#494949;opacity:1}.bubble.clickable.selected:before{--c-percent-a:100%;--c-color-a:#555;--c-percent-b:62.52%;--c-color-b:#343434;--c-color-c:#000;opacity:1}.bubble.page-animated{will-change:transform, opacity, filter;animation:.3s linear forwards bubble-page-in-linear,.3s cubic-bezier(0,1,1,1) forwards bubble-page-in-eased,.8s cubic-bezier(0,1.22,.5,1) forwards bubble-page-in-eased-overshoot}.closing .bubble.page-animated{animation:.3s linear forwards bubble-page-out-linear,.3s cubic-bezier(1,0,1,1) forwards bubble-page-out-eased,.3s cubic-bezier(1,0,1,1) forwards bubble-page-out-eased-overshoot}@keyframes bubble-page-in-linear{0%{opacity:0}}@keyframes bubble-page-out-linear{to{opacity:0}}@keyframes bubble-page-in-eased{0%{filter:blur(10px)}}@keyframes bubble-page-out-eased{to{filter:blur(10px)}}@keyframes bubble-page-in-eased-overshoot{0%{transform:translate(calc(var(--in-offset-x) * 70px), calc(var(--in-offset-y) * 70px)) scale(.8);transform-origin:calc(var(--in-offset-x) * 100%) calc(var(--in-offset-y) * 100%)}}@keyframes bubble-page-out-eased-overshoot{to{transform:translate(calc(var(--out-offset-x) * 70px), calc(var(--out-offset-y) * 70px)) scale(.8);transform-origin:calc(var(--out-offset-x) * 100%) calc(var(--out-offset-y) * 100%)}}.bubble.sharp{border-radius:18px;padding:8px 18px}.bubble.sharp:after{border-radius:18px}@media (prefers-reduced-motion:reduce){.bubble.page-animated,.closing .bubble.page-animated{animation:none}}button.svelte-zwth43{color:inherit;font-family:inherit;font-size:inherit;text-align:left;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:none;overflow:hidden}button.svelte-zwth43:not(.no-arrow-padding){padding-right:90px}object.svelte-zwth43{-webkit-user-drag:none;width:50px;height:14px;transition:width 1s cubic-bezier(.17,.88,0,1),right 1s cubic-bezier(.17,.88,0,1);display:block;position:absolute;bottom:12.5px;right:25px}button.svelte-zwth43:active object:where(.svelte-zwth43){width:30px;right:50px}button.activated.svelte-zwth43 object:where(.svelte-zwth43){animation:.1s linear forwards svelte-zwth43-activated-jump,.1s cubic-bezier(1,.14,1,1) .1s forwards svelte-zwth43-activated-launch,.5s cubic-bezier(0,1.51,.49,1) .5s forwards svelte-zwth43-activated-end!important}@keyframes svelte-zwth43-activated-jump{to{width:170px;right:-100px}}@keyframes svelte-zwth43-activated-launch{to{transform:translate(100%)}}@keyframes svelte-zwth43-activated-end{0%{opacity:0;width:10px;right:60px;transform:translate(0)}to{opacity:1;width:50px;right:25px;transform:translate(0)}}.stretch.svelte-zwth43{width:100%}.fill-height.svelte-zwth43{height:100%}@media (prefers-reduced-motion:reduce){button.activated.svelte-zwth43 object:where(.svelte-zwth43){animation:none!important}button.svelte-zwth43:active object:where(.svelte-zwth43){width:50px;right:25px}}
