.dialog{
    z-index: 1000;
    padding: 0.25em;
    transition: opacity 0.3s ease;
    max-width: calc(100vw - 4em);
}

.dialog__button{
        flex-grow: 1;
        white-space: nowrap;
        margin: 0;
        width: 100%;
        justify-content: flex-start;
}

.noTouch .button.dialog__button:hover{
        background-color: rgb(var(--colUIBack02));
    }

.linkListShare,
.quickShare,
.quickPopUp {
    background-color: rgb(var(--colUIBack04));
    -webkit-box-shadow: 0.1em 0.1em 0.2em rgba(var(--boxShadow));
    -moz-box-shadow: 0.1em 0.1em 0.2em rgba(var(--boxShadow));
    box-shadow: 0.1em 0.1em 0.2em rgba(var(--boxShadow));
    border: solid transparent;
    border-color: rgb(var(--colUIText04));
    border-width: 1px 0 0 1px;
    color: rgb(var(--colUIText03));
    border-radius: 0.5em;
}

.linkListShare,
.quickPopUp {
    border-radius: 1.5em;
}



.quickShare__buttons,
.linkListShare__buttons{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    gap: 0.25em;
}

.linkListShare__buttons>.entryLine.entryLine--v{
    display: none;
    margin: unset;
}

.quickShare__label,
.linkListShare__label{
    display: inline-block;
    direction: rtl;
    text-align: end;
    padding: unset;
}


/* ----------------- Selection Menue and Task PopUp (tiny quick Popups) -----------*/

.quickPopUp{
    display: flex;
    position: fixed;
    max-width: 12em;
    margin-top: -3.5em;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
    padding: 0;
}

    .quickPopUp__button{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.25em;
        border-radius: unset;
    }

    .noTouch .quickPopUp__button.dialog__button:hover{
        background-color: rgb(var(--colUIBack02));
    }

    .quickPopUp__buttonIcon{
        --strokeWidth: 0.03em;
        stroke: rgb(var(--colUIText03));
        height: 1.8em;
        width: 2em;
        margin: 0.25em;
    }

@media (min-width: 32em){


    .linkListShare__label{
        display: none;
    }

    .linkListShare__buttons{
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }


    .linkListShare__buttons>.entryLine:not(.entryLine--v){
        display: none;
    }

    .linkListShare__buttons>.entryLine.entryLine--v{
        display: block;
    }
}

@media (min-width: 45em){

    .share__link{

    }

    .share__linkButtons {
        flex-direction: row;
    }

}