        opacity: 0;
                transition: transform 1s ease-out, opacity 1s ease-out;
            }
            :host(.my-transition.my-opened) {
                opacity: 1;
                transform: none;
            }
            :host(.my-transition-top) {
                transform: translateY(-100vh);
            }
            :host(.my-transition-bottom) {
                transform: translateY(100vh);
            }
        </style>
    </template>
    <script src="core-transition-css.js"></scrip