.message-container {
    position: relative;
    height: 0 !important;
    width: 200px;
}

.message {
    position: absolute;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: opacity 0.5s ease;

    .message.fade-out {
        opacity: 0;
    }
}

.property-slider-thumbnail__btn.icon-coeur {
    .message-container {
        position: absolute;
        top: 0;
        left: 100%;
        height: 0 !important;
        width: 200px;
        z-index: 10;
        @media(max-width: 1024px){
            top: 100%;
        }
    }
    .message {
        position: absolute;
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        transition: opacity 0.5s ease;
        font-size: 1.2rem;
        .message.fade-out {
            opacity: 0;
        }
    }
}

.property-slider__btn .fab{
    padding-top: 0;
}

.property-slider-full__btn:hover {
    mix-blend-mode: color;
}

.property-slider-full__btn.icon-coeur {
    .message-container {
        position: absolute;
        top: 0;
        left: 100%;
        height: 0 !important;
        width: 200px;
        z-index: 10;
        @media(max-width: 1024px){
            top: 100%;
        }
    }
    .message {
        position: absolute;
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        transition: opacity 0.5s ease;
        font-size: 1.2rem;
        .message.fade-out {
            opacity: 0;
        }
    }
}

.property-slider-full__btn.icon-coeur:hover {
mix-blend-mode: color;
}

[ data-slider-infos-minify] {
    cursor: pointer;
}

.property-slider__infos-minify {
    position: absolute;
    inset: 0 0 auto auto;
    font-size: 2rem;
    line-height: .8rem;
    color: white;
    background-color: transparent;
    border: none;
    padding: 0.5rem 1rem;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;

    &:before {
        content: var(--minify-icon);
        font-size: .8rem;
    }
}

[data-slider-infos] {
    max-height:100vh;
    transition: max-height ease-in-out .5s;
    overflow: hidden;
    --minify-icon:"\f068";
}

[data-slider-infos].hidden {
    max-height: 7.5rem;
    --minify-icon:"\f067";
}

[data-slider-infos].property-slider-full__infos.hidden {
    max-height: 18rem;
}

[data-slider-infos].property-slider-full-v2__infos.hidden {
    max-height: 100vh;
    transition: all ease-in-out .5s;

    .property-slider-full-v2__infos-ref {
        display: none;
    }

    .property__specs {
        display: none;
    }

    .property-slider-full-v2__infos-price {
        display: none;
    }
}

[data-share-property2] {
    display: none;
}

[data-share-property].show {
    opacity: 1 !important;
}

[data-share-property2].show {
    display: block !important;
    opacity: 1 !important;
}

.share-block-wrapper {
    position: fixed;
    inset: 0;
    background-color: rgba(255, 255, 255, .1);
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(1rem);
    opacity: 0;
    pointer-events: none;
    transition: opacity ease-in-out .5s;

    .btn-share__wrapper {
        position: relative;

        .close {
            position: absolute;
            inset: 0 0 auto auto;
            background-color: transparent;
            color: white;
            box-shadow: none;
            border: none;
            padding: .4rem .8rem;
            font-size: 1.2rem;
        }

        .close:before {
            content:"\f00d";
        }
    }

    &:has(.show) {
        opacity: 1;
        pointer-events: all;
    }

    .btn-share__list {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(100px, 1fr);
        overflow-x: auto;
        list-style: none;
        background-color: black;
        padding: 2rem;
        margin: auto;
        gap: 2rem;
        border-radius: .8rem;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);

        li {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: .5rem;

            i { font-size: 2.5rem}

            .property-slider-thumbnail__btn-text {
                font-size: 1.2rem;
                font-weight: bold;
                opacity: .3;
                transition: opacity ease-in-out .3s;
            }
        }

        li:has([href]:hover) {
            .property-slider-thumbnail__btn-text { opacity: .6 };
        }
    }
}