{"version":3,"file":"ReleaseAnnouncement.module.cjs","names":[],"sources":["../../../src/components/ReleaseAnnouncement/ReleaseAnnouncement.module.css"],"sourcesContent":["/*\nCopyright 2024 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.content {\n  /* 320px + 20px padding left + 20px padding right */\n  max-inline-size: 320px;\n  border-radius: var(--cpd-space-3x);\n  background: var(--cpd-color-bg-action-primary-rest);\n  padding: var(--cpd-space-5x) var(--cpd-space-6x);\n\n  /* from figma */\n  box-shadow: 0 4px 24px 0 rgb(0 0 0 / 10%);\n\n  /*\n  * Grid, we want to have the following layout:\n  * ----------------------------------\n  * -  ---------------   ----------  -\n  * -  | heading     |   |        |  -\n  * -  --------------    | button |  -\n  * -  ---------------   | button |  -\n  * -  | description |   |        |  -\n  * -  ---------------   ----------  -\n  * ----------------------------------\n  */\n  display: grid;\n  grid-template:\n    \"header button\" auto\n    \"description button\" auto;\n  align-items: center;\n  column-gap: var(--cpd-space-6x);\n}\n\n.header {\n  margin: 0;\n  color: var(--cpd-color-text-on-solid-primary);\n  grid-area: header;\n}\n\n.description {\n  color: var(--cpd-color-gray-500);\n  grid-area: description;\n}\n\n.button {\n  color: var(--cpd-color-bg-subtle-secondary);\n  grid-area: button;\n}\n\n.arrow {\n  fill: var(--cpd-color-bg-action-primary-rest);\n}\n\n@media (forced-colors: active) {\n  .content {\n    outline: 1px solid transparent;\n  }\n}\n"],"mappings":""}