.spinning { animation: spin 1s linear infinite; }

@keyframes spin { to { transform: rotate(360deg); } }

.button .svg_menu { margin-right: -12px; }

.svg_menu { margin-left: 0; position: relative; height: 28px; width: 28px; z-index: 0; }

.svg_menu .svg_menu_svg { padding: 6px; cursor: pointer; }

.svg_menu .svg_menu_svg svg { height: 16px; width: 16px; }

.svg_menu.open { z-index: 10; }

.svg_menu.open .menu { display: flex; pointer-events: auto; }

.svg_menu .menu { display: none; pointer-events: none; position: absolute; bottom: 0; right: 0; transform: translateY(100%); word-wrap: nowrap; white-space: nowrap; flex-direction: column; background-color: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border: 1px solid #e4e4e7; border-radius: 6px; padding: 4px; column-gap: 4px; }

.svg_menu .menu > div { user-select: none; word-wrap: nowrap; white-space: nowrap; border: none; text-align: left; flex-direction: row; justify-content: flex-start; align-items: center; display: flex; cursor: pointer; border-radius: 6px; height: 36px; padding: 6px 16px; color: #18181b; font-size: 14px; font-weight: 500; }

.svg_menu .menu > div:hover { background-color: #f4f4f4; }

.spinner { width: 24px; aspect-ratio: 1; border-radius: 50%; border: 4px solid rgba(21, 93, 252, 0.8); animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear; }

.spinner .hidden { display: none; }

@keyframes l20-1 { 0% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); }
  12.5% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); }
  25% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%); }
  50% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); }
  62.5% { clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); }
  75% { clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%); }
  100% { clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%); } }

@keyframes l20-2 { 0% { transform: scaleY(1) rotate(0deg); }
  49.99% { transform: scaleY(1) rotate(135deg); }
  50% { transform: scaleY(-1) rotate(0deg); }
  100% { transform: scaleY(-1) rotate(-135deg); } }