@import '../mixins.scss';

.dashkit-plugin-container {
    &__wrapper {
        height: 100%;

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

        &_with-default-color {
            background-color: var(--g-color-base-float);
        }

        .dashkit-grid-item__item_editMode &_text,
        .dashkit-grid-item__item_editMode &_title {
            background-color: var(--g-color-base-float);
        }

        &_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);
                    }
                }
            }
        }
    }
}
