[Kikis2021]

          ![FSC-Selectedd state](https://github.com/antonnell/networklist-org/assets/115868772/ca3eae92-e566-4489-8230-b0cfb84b344a)

Originally posted by @FONSmartChain in #104 (comment)

[Carl251936]

<style> @namespace svg 'http://www.w3.org/2000/svg'; .snackbar-container, .snackbar-container * { animation: none; animation-delay: 0; animation-direction: normal; animation-duration: 0; animation-fill-mode: none; animation-iteration-count: 1; animation-name: none; animation-play-state: running; animation-timing-function: ease; backface-visibility: visible; background: 0; background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: none; background-origin: padding-box; background-position: 0 0; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto auto; border: 0; border-style: none; border-width: medium; border-color: inherit; border-bottom: 0; border-bottom-color: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: none; border-bottom-width: medium; border-collapse: separate; border-image: none; border-left: 0; border-left-color: inherit; border-left-style: none; border-left-width: medium; border-radius: 0; border-right: 0; border-right-color: inherit; border-right-style: none; border-right-width: medium; border-spacing: 0; border-top: 0; border-top-color: inherit; border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: none; border-top-width: medium; box-shadow: none; box-sizing: border-box; caption-side: top; clear: none; clip: auto; color: inherit; columns: auto; column-count: auto; column-fill: balance; column-gap: normal; column-rule: medium none currentColor; column-rule-color: currentColor; column-rule-style: none; column-rule-width: none; column-span: 1; column-width: auto; counter-increment: none; counter-reset: none; direction: ltr; empty-cells: show; float: none; font: normal; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; height: auto; hyphens: none; letter-spacing: normal; line-height: normal; list-style: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; opacity: 1; orphans: 0; outline: 0; outline-color: invert; outline-style: none; outline-width: medium; overflow: visible; overflow-x: visible; overflow-y: visible; padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; page-break-after: auto; page-break-before: auto; page-break-inside: auto; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; position: static; quotes: '\201C''\201D''\2018''\2019'; tab-size: 8; table-layout: auto; text-align: inherit; text-align-last: auto; text-decoration: none; text-decoration-color: inherit; text-decoration-line: none; text-decoration-style: solid; text-indent: 0; text-shadow: none; text-transform: none; transform: none; transform-style: flat; transition: none; transition-delay: 0s; transition-duration: 0s; transition-property: none; transition-timing-function: ease; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; widows: 0; word-spacing: normal; z-index: auto; } .snackbar-container strong { font-weight: bold; } .snackbar-container * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; line-height: 1; } .snackbar-container [class*='container'] { margin: 0; padding: 0; } .snackbar-container style { display: none; } .snackbar-container .-gear-container { margin-left: 16px !important; margin-right: 9px !important; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; transition: opacity 0.25s; } .snackbar-container .-gear-container * { user-select: none; } .snackbar-container .-gear-container svg { opacity: 0; position: absolute; } .snackbar-container .-gear-icon { height: 12px; width: 12px; z-index: 10000; } .snackbar-container .snackbar { align-items: flex-end; display: flex; flex-direction: column; position: fixed; right: 0; top: 0; z-index: 2147483647; } .snackbar-container .snackbar * { user-select: none; } .snackbar-container .snackbar-instance { display: flex; flex-direction: column; margin: 8px 16px 0 16px; overflow: visible; text-align: left; transform: translateX(0); transition: opacity 0.25s, transform 0.25s; } .snackbar-container .snackbar-instance-header:hover .-gear-container svg { opacity: 1; } .snackbar-container .snackbar-instance-header { display: flex; align-items: center; background: #fff; overflow: hidden; border: 1px solid #e7ebee; box-sizing: border-box; border-radius: 8px; cursor: pointer; } .snackbar-container .snackbar-instance-header-cblogo { margin: 8px 8px 8px 8px; } .snackbar-container .snackbar-instance-header * { cursor: pointer; } .snackbar-container .snackbar-instance-header-message { color: #000; font-size: 13px; line-height: 1.5; user-select: none; } .snackbar-container .snackbar-instance-menu { background: #fff; transition: opacity 0.25s ease-in-out, transform 0.25s linear, visibility 0s; visibility: hidden; border: 1px solid #e7ebee; box-sizing: border-box; border-radius: 8px; opacity: 0; flex-direction: column; padding-left: 8px; padding-right: 8px; } .snackbar-container .snackbar-instance-menu-item:last-child { margin-bottom: 8px !important; } .snackbar-container .snackbar-instance-menu-item:hover { background: #f5f7f8; border-radius: 6px; transition: background 0.25s; } .snackbar-container .snackbar-instance-menu-item:hover span { color: #050f19; transition: color 0.25s; } .snackbar-container .snackbar-instance-menu-item:hover svg path { fill: #000; transition: fill 0.25s; } .snackbar-container .snackbar-instance-menu-item { visibility: inherit; height: 35px; margin-top: 8px; margin-bottom: 0; display: flex; flex-direction: row; align-items: center; padding: 8px; cursor: pointer; } .snackbar-container .snackbar-instance-menu-item * { visibility: inherit; cursor: pointer; } .snackbar-container .snackbar-instance-menu-item-is-red:hover { background: rgba(223, 95, 103, 0.2); transition: background 0.25s; } .snackbar-container .snackbar-instance-menu-item-is-red:hover * { cursor: pointer; } .snackbar-container .snackbar-instance-menu-item-is-red:hover svg path { fill: #df5f67; transition: fill 0.25s; } .snackbar-container .snackbar-instance-menu-item-is-red:hover span { color: #df5f67; transition: color 0.25s; } .snackbar-container .snackbar-instance-menu-item-info { color: #aaa; font-size: 13px; margin: 0 8px 0 32px; position: absolute; } .snackbar-container .snackbar-instance-hidden { opacity: 0; text-align: left; transform: translateX(25%); transition: opacity 0.5s linear; } .snackbar-container .snackbar-instance-expanded .snackbar-instance-menu { opacity: 1; display: flex; transform: translateY(8px); visibility: visible; } </style>