.custom-embed {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    border: 0px !important;
    
    &__title-bar {
        position: absolute;
        top: -30px;
        pointer-events: none;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
        
        &__text {
            font-family: 'Roboto', sans-serif;
            color: #d3d3d3;
            pointer-events: none;
            font-size: 18px;
        }
    }
    
    &__lock-icon {
        position: absolute;
        left: 1%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #d3d3d3;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        
        &.visible {
            opacity: 1;
        }
        
        &__text {
            margin-left: 4px;
            font-size: 12px;
            font-weight: 600;
            font-family: 'Roboto', sans-serif;
            color: #afafaf;
            opacity: 0.7;
        }
    }

    &__content {
        height: 100%;
        width: 100%;

        &--iframe {
            height: 100%;
            width: 100%;
            border: 0px !important;
            overflow: hidden;
            border-bottom-left-radius: var(--embeddable-radius);
            border-bottom-right-radius: var(--embeddable-radius);
        }
    }
}
