.figure-tools {
    list-style: none;
}

.node-tools {
    list-style: none;
    position: absolute;
    left: -5rem;
}


.story-block:has(.story-block-tools:hover){
    outline:1.5px dotted currentColor;
    outline-offset:2px;
}

.story-block-tools{
    position:absolute;
    left:-7rem;
    grid-column-end: 1 !important;
    top:0;
    z-index:2;

    .-full-width &{
        left:3em;
    }
}

.story-figure-tools{
    position:absolute;
    white-space: nowrap;
    >*{
        display: block !important;
    }
}




.ffUploadForm.dropzone:not(.ffWidgets_ffWidgetMedia_video_uploader) {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    color: transparent;

    &.dz-drag-hover {
        background: #d1e7d6;
    }

    .dz-message {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 40%;
        height: 60%;
        background-image: url('/system/plugins/3DUnit/static/picture.svg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        font-weight:normal;
        font-size: 0.875rem;

        > span {
            display: flex;
            flex-flow: column wrap;
        }
    }

    .file-to-upload {
        font-weight: normal;
        font-size: 0.875rem;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;

        strong {
            font-weight: normal;
        }

        &.dz-processing {
            > span {
                color: #777;
            }
        }
    }

    &:hover {
        color: rgba(0, 0, 0, 0.33);
    }
}

/*.structureMenu {*/
/*    position: fixed;*/
/*    left: 1em;*/
/*    top: 11.25em;*/
/*}*/



.project-figure__pic {
    &.empty {
        background-color: #eee;

        &:hover {
            background-color: #ddd;
        }
    }
}

p.empty:not(.ffBabelfishTargetIndicator) {
    background-color: #eee;
}

/*
 * Project page layout tools
 */
.page-section--add {
    padding: 2em 0;
}

.layout-tools {
    > li {
        margin: 0.3rem;
    }
}

.story-page-tools {
    margin-top:3em;
    font-size:0.75rem;
    background:rgba(0,0,120,0.05);
    display:flex;
    justify-content:flex-end;
    grid-column-end: 7;

    >dl{
        display:inline-flex;
        gap:1em;
        margin:0;
        padding:1em;
    }

    dt{
        font-size: 0.75em;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding-bottom:.5rem;
    }

    dd{
        margin:0;
        >form{
            display:flex;
            align-items:center;
        }
    }
}

/*.layout-preview {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    height: 2rem;*/
/*    width: 4rem;*/
/*    background-color: #fff;*/

/*    .layout-preview__pic {*/
/*        flex: 1 1 50%;*/
/*        height: 100%;*/
/*        max-width: 35%;*/
/*        background-color: #cacaca;*/
/*        background-image: url('/system/plugins/3DUnit/static/picture.svg');*/
/*        background-size: 100% 100%;*/
/*        background-repeat: no-repeat;*/
/*        border: 1px solid lightgrey;*/
/*    }*/

/*    &.layout-preview--type-wide,*/
/*    &.layout-preview--type-centered-wide,*/
/*    &.layout-preview--type-centered-tall,*/
/*    &.layout-preview--type-centered {*/
/*        justify-content: center;*/

/*        .layout-preview__pic {*/
/*            max-width: unset;*/

/*            &:last-child {*/
/*                display: none;*/
/*            }*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-centered {*/
/*        .layout-preview__pic {*/
/*            max-width: 50%;*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-centered-wide,*/
/*    &.layout-preview--type-centered-tall {*/
/*        position: relative;*/
/*        align-items: center;*/

/*        .layout-preview__pic {*/
/*            max-width: 40%;*/
/*            max-height: 60%;*/

/*            &::before,*/
/*            &::after {*/
/*                content: '';*/
/*                display: block;*/
/*                position: absolute;*/
/*            }*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-centered-tall {*/
/*        .layout-preview__pic {*/
/*            &::before,*/
/*            &::after {*/
/*                height: 100%;*/
/*                top: 0;*/
/*            }*/

/*            &::before {*/
/*                border-left: 1px dashed black;*/
/*                margin-left: -1px;*/
/*            }*/

/*            &::after {*/
/*                border-right: 1px dashed black;*/
/*                margin-left: 40%;*/
/*            }*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-centered-wide {*/
/*        .layout-preview__pic {*/
/*            &::before,*/
/*            &::after {*/
/*                width: 100%;*/
/*                left: 0;*/
/*            }*/

/*            &::before {*/
/*                border-top: 1px dashed black;*/
/*                margin-top: -1px;*/
/*            }*/

/*            &::after {*/
/*                border-bottom: 1px dashed black;*/
/*                margin-top: 30%;*/
/*            }*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-paired-normal-one,*/
/*    &.layout-preview--type-paired-normal-two,*/
/*    &.layout-preview--type-paired-normal-three {*/
/*        .layout-preview__pic {*/
/*            height: 70%;*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-paired-tall-one,*/
/*    &.layout-preview--type-paired-tall-two,*/
/*    &.layout-preview--type-paired-tall-three {*/
/*        .layout-preview__pic {*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-paired-normal-one {*/
/*        .layout-preview__pic:last-child {*/

/*        }*/
/*    }*/

/*    &.layout-preview--type-paired-normal-two {*/
/*        .layout-preview__pic{*/
/*            &:first-child {*/
/*                margin-top:-10%;*/
/*            }*/
/*            &:last-child {*/
/*                margin-top:10%;*/
/*            }*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-paired-normal-three {*/
/*        .layout-preview__pic{*/
/*            &:first-child {*/
/*                margin-top:10%;*/
/*            }*/
/*            &:last-child {*/
/*                margin-top:-10%;*/
/*            }*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-paired-tall-one {*/
/*        .layout-preview__pic:last-child {*/
/*            max-height: 70%;*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-paired-tall-two {*/
/*        .layout-preview__pic:last-child {*/
/*            max-height: 60%;*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-paired-tall-three {*/
/*        .layout-preview__pic:last-child {*/
/*            max-height: 50%;*/
/*        }*/
/*    }*/

/*    &.layout-preview--type-text {*/
/*        background-color: rgba(0, 0, 0, 0.05);*/
/*        background-repeat: repeat-x;*/
/*        background-image: repeating-linear-gradient(*/
/*                0deg,*/
/*                #cacaca,*/
/*                #cacaca 3px,*/
/*                #fff 3px,*/
/*                #fff 6px*/
/*        );*/
/*        background-position: left -2px;*/
/*    }*/

/*    &.layout-preview--type-text-centered {*/
/*        background-color: #fff;*/
/*        background-repeat: no-repeat;*/
/*        background-image: repeating-linear-gradient(*/
/*                0deg,*/
/*                #cacaca,*/
/*                #cacaca 3px,*/
/*                #fff 3px,*/
/*                #fff 6px*/
/*        );*/
/*        background-position: center -2px;*/
/*        background-size: 30%;*/
/*    }*/

/*    &.layout-preview--type-enquiry {*/
/*        background-color: #fff;*/
/*        background-repeat: no-repeat;*/
/*        background-image: linear-gradient(*/
/*                180deg,*/
/*                #000,*/
/*                #000 3px,*/
/*                #fff 3px,*/
/*                #fff 6px,*/
/*                #cacaca 6px,*/
/*                #cacaca 9px,*/
/*                #fff 9px,*/
/*                #fff 12px,*/
/*                #000 12px,*/
/*                #000 15px,*/
/*                #fff 15px,*/
/*                #fff 18px*/
/*        );*/
/*        background-position: center 4px;*/
/*        background-size: 30%;*/
/*    }*/
/*}*/

[data-hasaccesscontrol="1"],
.story-block{
    figure.empty {
        padding-bottom: 60%;
    }
}

figure.empty {
    >form{
        background:var(--color_accent);
    }
}