/* Стили mind-map */


/* Это для отрисовки полотна в размеры окна */
/* body {
    position:fixed;
	overflow: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
} */


/* * {
	font-family: 'Tahoma';
} */

.note-part-parent {
    /* font-size: small; */
    cursor: pointer;
}

/* стиль алиаса */
/* фильтр - https://www.w3schools.com/css/css3_masking.asp */
/* маскирование https://habr.com/ru/companies/ruvds/articles/729974/#anchorid1 */
.note-alias > .note-text > div > .note-real-text {

    /* тень */
    -webkit-box-shadow: 0px 4px 9px 2px rgba(34, 60, 180, 0.4);
    -moz-box-shadow: 0px 4px 9px 2px rgba(34, 60, 180, 0.4);
    box-shadow: 0px 4px 9px 2px rgba(34, 60, 180, 0.4);

    /* outline-offset: 2px; */
    outline-color: rgba(34, 60, 180, 0.4);
    outline-width: 1px;
    outline-style: dashed;

    /* Сетка - так ПОЛУЧАЕТСЯ, но очень бледно */
    /* mask-image:
        repeating-linear-gradient(-60deg, transparent 0, transparent 1px, rgba(0, 0, 0, 0.8) 1px, rgba(0, 0, 0, 0.8) 10px),
        repeating-linear-gradient(60deg, transparent 0, transparent 1px, rgba(0, 0, 0, 0.8) 1px, rgba(0, 0, 0, 0.8) 10px);
    -webkit-mask-image: 
        repeating-linear-gradient(-60deg, transparent 0, transparent 1px, rgba(0, 0, 0, 0.8) 1px, rgba(0, 0, 0, 0.8) 10px),
        repeating-linear-gradient(60deg, transparent 0, transparent 1px, rgba(0, 0, 0, 0.8) 1px, rgba(0, 0, 0, 0.8) 10px); */
}

.note-alias > .note-text > div > .note-real-text::after {
    /* content: "→"; 
    transform: translateX(-5px) translateY(-2px) ; */    
    content: "⤵";
    transform: translateX(-6px) translateY(-8px) ;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
}

.note-part-hidden {
    opacity: 20%;
}

.new-parent-right > .note-text > div > .note-real-text{
    /* border-color: purple;
    border-style: dashed dashed dashed solid; */

    -webkit-box-shadow: 100px 9px 30px 35px rgba(57, 95, 124, 0.67);
    -moz-box-shadow: 100px 9px 30px 35px rgba(57, 95, 124, 0.67);
    box-shadow: 100px 9px 30px 35px rgba(57, 95, 124, 0.67);
}

.new-parent-left > .note-text > div > .note-real-text {
    /* border-color: mediumslateblue;
    border-style: dashed solid dashed dashed ;   */

    -webkit-box-shadow: -100px 9px 30px 35px rgba(57, 95, 124, 0.67);
    -moz-box-shadow: -100px 9px 30px 35px rgba(57, 95, 124, 0.67);
    box-shadow: -100px 9px 30px 35px rgba(57, 95, 124, 0.67);
}

.new-brother-after > .note-text > div > .note-real-text {
    /* border-bottom: 2px;
    border-color: orangered;
    border-style: solid dashed dashed dashed   ;   */

    -webkit-box-shadow: 0px 40px 30px 35px rgba(57, 95, 124, 0.67);
    -moz-box-shadow: 0px 40px 30px 35px rgba(57, 95, 124, 0.67);
    box-shadow: 0px 40px 30px 35px rgba(57, 95, 124, 0.67);
}

.new-brother-before > .note-text > div > .note-real-text {
    /* border-bottom: 2px;
    border-color: darkgreen;
    border-style: dashed dashed solid dashed   ;   */

    -webkit-box-shadow: 0px -40px 30px 35px rgba(57, 95, 124, 0.67);
    -moz-box-shadow: 0px -40px 30px 35px rgba(57, 95, 124, 0.67);
    box-shadow: 0px -40px 30px 35px rgba(57, 95, 124, 0.67);
}

.goast {
    /* filter: blur(0.1rem) opacity(0.2); */
    filter: opacity(0.15);
}

/* образ на месте переносимой записки */
.goast-note {
    border-radius: 5px;
    fill-opacity: 0;
    outline: dashed 3px lightgray;

    -webkit-box-shadow: 0px 0px 45px 26px rgba(34, 60, 80, 0.31) inset;
    -moz-box-shadow: 0px 0px 45px 26px rgba(34, 60, 80, 0.31) inset;
    box-shadow: 0px 0px 45px 26px rgba(34, 60, 80, 0.31) inset;
}

/* образ на месте переносимой записки */
.goast-link {
    fill: lightgray;
    stroke-width: 1px;
}

.link {
    /* color: red ; */
    /* background-color: red; */
    stroke-width: 1px;
    stroke: gray;
    stroke-opacity: 0.5;
    fill: gray;
    fill-opacity: 0.5;
}


/* Стиль-дублm - для переопределения outline-width поверх остальных */
.note-selected > .note-text > div > .note-real-text {
    outline-width: 4px;
    /* outline-style: double; */
}