Shadows used in the TYPO3 Backend

.shadow-demo { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 3rem; padding: 3rem; } .shadow-demo-item { display: flex; font-weight: bold; padding: 2rem; min-height: 200px; color: var(--typo3-component-color); background-color: var(--typo3-component-bg); border: var(--typo3-component-border-width) solid var(--typo3-component-border-color); border-radius: var(--typo3-component-border-radius); align-items: center; justify-content: center; }
default
strong
tooltip
flyout
dialog
window