https://static.protopie.io/web/static/js/80f08a389d1f7c562560.chunk.js

1try{let e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},o=(new e.Error).stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="1f044b4a-21c3-4426-91f2-1f0fae6b0674",e._sentryDebugIdIdentifier="sentry-dbid-1f044b4a-21c3-4426-91f2-1f0fae6b0674")}catch(e){}("u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{}).SENTRY_RELEASE={id:"16.4.1"};"use strict";(self.webpackChunkcloud_web=self.webpackChunkcloud_web||[]).push([["src_components_common_ButtonRound_tsx"],{20111:(e,o,t)=>{t.d(o,{F:()=>n});var a=t(9142),r=t(19532);let n=a.Ay.button`
2  position: fixed;
3  right: 24px;
4  bottom: 24px;
5  z-index: 1;
6  width: 56px;
7  height: 56px;
8  color: var(--text-interactive-inverse);
9  font-size: 0;
10  background-color: var(--background-interactive-brand-default);
11  border-radius: 50%;
12  box-shadow:
13    0px 0px 0px 0.5px rgba(0, 0, 0, 0.05),
14    0px 3px 8px rgba(0, 0, 0, 0.1),
15    0px 4px 24px rgba(0, 0, 0, 0.15);
16
17  &::after,
18  &::before {
19    position: absolute;
20    top: 50%;
21    left: 50%;
22    width: 16px;
23    height: 2px;
24    background-color: var(--background-surface-primary);
25    transform: translate(-50%, -50%);
26    content: '';
27  }
28
29  &::before {
30    transform: translate(-50%, -50%) rotate(90deg);
31  }
32
33  &:not(:disabled) {
34    &:hover,
35    &:active {
36      background-color: ${(0,r.B)("var(--background-interactive-brand-default)",.7)};
37    }
38  }
39
40  &:disabled {
41    color: ${(0,r.B)("var(--gray-white)",.4)};
42    background-color: ${(0,r.B)("var(--background-interactive-brand-default)",.4)};
43  }
44
45  /* Default spacing */
46  & + button {
47    margin-left: 8px;
48  }
49
50  &:disabled {
51    cursor: not-allowed;
52  }
53
54  @media (min-width: 1024px) {
55    display: none;
56  }
57`}}]);