.twin-dialog {
    .twin-custom-dialog-container.open {
        .twin-custom-dialog-bg {
            z-index: 5001;
            background-color: rgba(0, 0, 0, 0.7);
        }
    }

    .twin-custom-dialog {
        z-index: 5002;
        border-radius: 20px;
        max-height: 88vh;
        padding-bottom: 20px;
        padding-top: 20px;
        overflow-y: visible;
        background-color: white;

        .twin-custom-dialog-header {
            position: relative;
            border-bottom: none;

            .twin-custom-dialog-close {
                position: absolute;
                right: -15px;
                top: -35px;
                font-size: 20rem;
                text-align: center;
                line-height: 30px;
                cursor: pointer;
                z-index: 10000;
                background-color: white;
                border-radius: 50%;
                width: 30px;
                height: 30px;
                border: var(--rahmenfarbe) solid 2px;
                color: var(--schriftfarbe);
            }

            .twin-custom-dialog-close::before, .twin-custom-dialog-close::after {
                border-top: 4px solid #222e3e;
                border-radius: 4px;
                width: 18px;
                left: 4px;
                top: 11px;
            }

            .twin-custom-dialog-close:focus-visible {
                box-shadow: none;
                outline: -webkit-focus-ring-color auto 1px;
            }
        }

        .twin-custom-dialog-content {
            padding-top: 0;
            padding-bottom: 0;
            overflow-y: auto;
        }
    }
}