.frameContainer_GGj8h {
    display: block;
    /* To have place to display the title */
    padding: var(--sp-spacing-200) 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;
    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-100);
    cursor: pointer;
}

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