.frameContainer_GGj8h {
    display: block;
    /* To have place to display the title */
    padding: var(--sp-spacing-200) 0;
}

.separator_soWNu {
    display: block;
    width: 1px;
    height: var(--sp-spacing-500);
    background-color: white;
    margin: calc(var(--sp-spacing-100) * -1) 0;
}

.frame_vUpN8 {
    position: absolute;
    top: 2px;
    right: -4px;
    bottom: 2px;
    left: -4px;
    transition: 200ms ease;
    transition-property: border-color, background-color, box-shadow;
    border-radius: var(--sp-radius-300);
    border: 1px dashed var(--sp-color-primary-400);
}

.frameContainer_GGj8h.active_EUp7v .frame_vUpN8 {
    box-shadow: 0 0 0 2px var(--sp-color-primary-400);
    background-color: var(--sp-color-bg-secondary-hover);
    border-color: transparent;
}

.frameLabel_QT30W {
    position: absolute;
    top: -9px;
    left: 0;
    transition: 200ms ease;
    transition-property: opacity;
    background-color: var(--sp-color-primary-400);
    border-radius: var(--sp-radius-200);
    padding: var(--sp-spacing-50) var(--sp-spacing-200);
    font: var(--sp-typography-ui-small-font);
    color: white;
    opacity: 0;
    z-index: 1;
    display: flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    align-items: center;
    gap: var(--sp-spacing-200);
}

.frameButton_IG5HK {
    display: flex;
    align-items: center;
    gap: var(--sp-spacing-100);
    cursor: pointer;
}

.frameButton_IG5HK[aria-disabled='true'] {
    cursor: default;
}

.frameButton_IG5HK:hover:not([aria-disabled='true']),
.frameButton_IG5HK:focus-visible:not([aria-disabled='true']) {
    text-decoration: underline;
}

.frameContainer_GGj8h:hover .frameLabel_QT30W,
.frameContainer_GGj8h.active_EUp7v .frameLabel_QT30W,
.frameContainer_GGj8h:has(.frameLabel_QT30W[aria-expanded='true']) .frameLabel_QT30W {
    opacity: 1;
}