{"version":3,"file":"FloatingMenu.module.cjs","names":[],"sources":["../../../src/components/Menu/FloatingMenu.module.css"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.menu {\n  border-radius: var(--cpd-space-3x);\n  background: var(--cpd-color-bg-canvas-default);\n\n  /* Here we use outline to create a border internal to the container. The Radix\n  menu component may try to override it with outline: none, hence the need for\n  !important. */\n  outline: var(--cpd-border-width-1) solid\n    var(--cpd-color-border-interactive-secondary) !important;\n  outline-offset: calc(-1 * var(--cpd-border-width-1));\n  box-shadow: 0 4px 24px 0 rgb(0 0 0 / 10%);\n  inline-size: fit-content;\n  max-inline-size: 320px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n  padding-block: var(--cpd-space-5x) var(--cpd-space-4x);\n\n  --cpd-separator-spacing: 0;\n  --cpd-separator-inset: var(--cpd-space-4x);\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translate(0, var(--cpd-space-3x));\n  }\n}\n\n.menu[data-state=\"open\"] {\n  animation: slide-in 180ms;\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion) {\n  .menu[data-state=\"open\"] {\n    animation-name: fade-in;\n  }\n\n  .menu[data-state=\"closed\"] {\n    animation-name: fade-out;\n  }\n}\n\n.title {\n  /** Override MenuTitle margin top **/\n  margin-block-start: 0 !important;\n}\n"],"mappings":""}