@import '../mixins.scss';

.dashkit-plugin-container {
    &__wrapper {
        height: 100%;
        background-color: var(--dl-color-widget-background);
        border-radius: var(--dl-widget-border-radius);

        &_widget {
            width: 100%;
            position: relative;
        }

        &_title {
            scroll-margin-left: calc(24px + var(--gn-aside-header-size, 0px));
            overflow: clip;
            display: flex;
            align-items: center;
            max-height: 100%;

            &:hover {
                .dashkit-plugin-title-container__anchor {
                    opacity: 1;
                }

                .dashkit-plugin-title-container_with-absolute-anchor {
                    [data-plugin-root-el='title'] {
                        @include text-with-fade-effect(40px);
                    }
                }
            }
        }
    }
}
