@use 'common-mixins';

:host {
    display: block;
    height: 100%;
    background: white;
    z-index: 1;
    width: 100%;
}

.right-title > div {
    display: flex;

    > iqser-circle-button:not(:last-child) {
        margin-right: 2px;
    }
}

.right-content {
    flex-direction: column;
    height: calc(100% - 71px);

    @include common-mixins.scroll-bar;
    overflow-y: auto;

    &.has-scrollbar .section {
        padding-right: 13px;
    }
}

.section {
    padding: 24px;
    flex-direction: column;

    > div {
        justify-content: flex-start;
    }

    &:not(:last-child) {
        border-bottom: 1px solid var(--iqser-separator);
    }
}

.attribute {
    > .small-label {
        margin-bottom: 6px;
    }

    &:not(:last-child) {
        margin-bottom: 16px;
    }
}
