/*
 * Stable motion guard.
 * Keeps interaction feedback visible without moving or resizing the target box.
 */

:root {
    --lg-motion-guard-ease: cubic-bezier(.16, 1, .3, 1);
}

.lgnewui-home .lgnewui-smart-card,
.lgnewui-home .lgnewui-smart-card__media,
.lgnewui-home .lgnewui-smart-card__media-layer,
.lgnewui-home .lgnewui-smart-card__media-img,
.lgnewui-home .lgnewui-smart-card__play-btn,
.lgnewui-new-photo .card,
.lgnewui-new-photo .play-btn,
.lg-photo-box,
.lg-photo-box .lg-photo,
.lgnewui-time-line-media-container,
.lgnewui-time-line-media-container img,
.lgnewui-tl-video-play-icon,
.lgnewui-chat-media-video,
.lgnewui-chat-play-btn-overlay,
#nav-music,
#lgnewuiFloatingActions > a {
    backface-visibility: hidden !important;
}

.lgnewui-home .lgnewui-smart-card__play-btn,
.lgnewui-home .lgnewui-smart-card:hover .lgnewui-smart-card__play-btn,
.lgnewui-home .lgnewui-smart-card__play-btn:active,
.lgnewui-home .lgnewui-smart-card__play-btn:focus-visible {
    box-sizing: border-box !important;
    contain: layout paint style !important;
    height: 52px !important;
    left: calc(50% - 26px) !important;
    margin: 0 !important;
    top: calc(50% - 26px) !important;
    transform: none !important;
    width: 52px !important;
    transition:
        background-color .22s var(--lg-motion-guard-ease),
        border-color .22s var(--lg-motion-guard-ease),
        box-shadow .22s var(--lg-motion-guard-ease),
        filter .18s ease,
        opacity .18s ease !important;
    will-change: auto !important;
}

.lgnewui-home .lgnewui-smart-card__play-btn-inner,
.lgnewui-home .lgnewui-smart-card:hover .lgnewui-smart-card__play-btn-inner,
.lgnewui-home .lgnewui-smart-card__play-btn:active .lgnewui-smart-card__play-btn-inner {
    transform: none !important;
    transition: filter .18s ease, opacity .18s ease !important;
    will-change: auto !important;
}

.lgnewui-home .lgnewui-smart-card:hover .lgnewui-smart-card__play-btn,
.lgnewui-new-photo .card:hover .play-btn,
.lg-photo-box.is-video:hover .lg-video-icon,
.lgnewui-time-line-media-container.video-player:hover .lgnewui-tl-video-play-icon,
.lgnewui-chat-media-video:hover .lgnewui-chat-play-btn-overlay {
    filter: brightness(1.06) saturate(1.04) !important;
}

.lgnewui-home .lgnewui-smart-card__media-img,
.lgnewui-home .lgnewui-smart-card:hover .lgnewui-smart-card__media-img,
.lgnewui-home .lgnewui-mosaic-item:hover .lgnewui-mosaic-img,
.lg-photo-box:hover .lg-photo,
.lgnewui-new-photo .card:hover img,
.lgnewui-time-line-event:hover .lgnewui-time-line-media-container img,
.lgnewui-chat-media-video:hover img,
.lgnewui-music-playlist-item:hover .lgnewui-music-playlist-cover img {
    transform: translateZ(0) !important;
    transition: filter .24s var(--lg-motion-guard-ease), opacity .2s ease !important;
    will-change: auto !important;
}

.lgnewui-home .lgnewui-smart-card:hover .lgnewui-smart-card__media-img,
.lgnewui-home .lgnewui-mosaic-item:hover .lgnewui-mosaic-img,
.lg-photo-box:hover .lg-photo,
.lgnewui-new-photo .card:hover img,
.lgnewui-time-line-event:hover .lgnewui-time-line-media-container img {
    filter: saturate(1.04) contrast(1.02) !important;
}

.lgnewui-new-photo .play-btn,
.lgnewui-new-photo .card:hover .play-btn,
.lgnewui-new-photo .play-btn:active,
.lg-photo-box.is-video .lg-video-icon,
.lg-photo-box.is-video:hover .lg-video-icon,
.lgnewui-tl-video-play-icon,
.lgnewui-time-line-media-container.video-player:hover .lgnewui-tl-video-play-icon,
.lgnewui-chat-play-btn-overlay,
.lgnewui-chat-media-video:hover .lgnewui-chat-play-btn-overlay {
    left: 50% !important;
    top: 50% !important;
    transform: translate3d(-50%, -50%, 0) !important;
    transition:
        background-color .22s var(--lg-motion-guard-ease),
        border-color .22s var(--lg-motion-guard-ease),
        box-shadow .22s var(--lg-motion-guard-ease),
        filter .18s ease,
        opacity .18s ease !important;
    will-change: auto !important;
}

.lgnewui-home :is(
    .lgnewui-journal-card,
    .lgnewui-mosaic-item,
    .lgnewui-review-card,
    .lgnewui-home-message-card,
    .lgnewui-activity-item,
    .time_card,
    .lgnewui-home-weather-card,
    .lgnewui-presence-person,
    .lgnewui-presence-button,
    .lgnewui-epilogue__btn-pill,
    .lgnewui-epilogue__btn-icon,
    .lgnewui-btn-glass,
    .lgnewui-badge-elegant
):hover,
.lgnewui-home :is(
    .lgnewui-journal-card,
    .lgnewui-mosaic-item,
    .lgnewui-review-card,
    .lgnewui-home-message-card,
    .lgnewui-activity-item,
    .time_card,
    .lgnewui-home-weather-card,
    .lgnewui-presence-person,
    .lgnewui-presence-button,
    .lgnewui-epilogue__btn-pill,
    .lgnewui-epilogue__btn-icon,
    .lgnewui-btn-glass,
    .lgnewui-badge-elegant
):active,
.lg-card:hover,
.lg-card:active,
.lg-photo-box:hover,
.lg-photo-box:active,
.lg-location-tag:active,
.lovelist-location-link:active,
.lgnewui-tl-meta-location-link:active,
.lgnewui-time-line-list-item:hover,
.lgnewui-time-line-list-item:active,
.lgnewui-timeline-avatar-heart:hover,
.lgnewui-timeline-avatar-heart:active,
.lgnewui-chat-header-icon:active,
.lgnewui-chat-voice-msg:active,
.lgnewui-chat-ctrl-btn:active,
.lgnewui-chat-export-btn-primary:active,
.music-modal-btn:active,
.music-hint-item:hover,
.music-hint-item:active,
#lgnewuiFloatingActions > a:hover,
#lgnewuiFloatingActions > a:active {
    transform: none !important;
    will-change: auto !important;
}

.lgnewui-chat-ctrl-btn.lgnewui-chat-play-btn:active,
.lgnewui-timeline-audio-play-btn:active,
#nav-music:active,
.music-modal-btn-confirm:hover,
.music-modal-btn-cancel:hover,
.music-modal-dismiss-btn:hover {
    transform: none !important;
    filter: brightness(.97) !important;
}

.lg-map .custom-marker:hover .marker-image,
.lg-map .heart-marker:hover,
.lg-map .cluster-marker:hover,
.lg-map .cluster-marker:active,
.lg-map .lover-marker:hover,
.lg-map .lover-marker:active,
.lg-map .lovers-together-marker:hover,
.lg-map .album-marker:hover,
.lg-map .event-marker:hover,
.photo-pin-marker:hover,
.photo-cluster-marker:hover,
.lg-map .amap-btn-primary:active,
.lg-map .amap-btn-secondary:active {
    transform: none !important;
    will-change: auto !important;
}

.lg-map .album-cluster-marker:hover,
.lg-map .event-cluster-marker:hover,
.lg-map .moment-marker:hover,
.lg-map .moment-cluster-marker:hover {
    transform: translateY(0) !important;
}

.lg-map .control-icon-button:hover,
.lg-map .control-icon-button:active,
.lg-map .zoom-btn:active,
.lg-map .lover-card:active,
.lg-map .love-distance-center:active {
    transform: none !important;
}

body.lg-panel-theme.lg-panel-motion-ready .btn:hover,
body.lg-panel-theme.lg-panel-motion-ready button:hover,
body.lg-panel-theme.lg-panel-motion-ready .btn:active,
body.lg-panel-theme.lg-panel-motion-ready button:active,
body.lg-panel-theme.lg-panel-motion-ready .btn.lg-panel-pressed,
body.lg-panel-theme.lg-panel-motion-ready button.lg-panel-pressed,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-icon-btn:hover,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-icon-btn:active,
body.lg-panel-theme.lg-panel-motion-ready .lg-icon-btn:hover,
body.lg-panel-theme.lg-panel-motion-ready .lg-icon-btn:active,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-icon-btn.lg-panel-pressed,
body.lg-panel-theme.lg-panel-motion-ready .lg-icon-btn.lg-panel-pressed,
body.lg-panel-theme.lg-panel-motion-ready .dropdown-item.lg-panel-pressed,
body.lg-panel-theme.lg-panel-motion-ready .side-nav .side-nav-link:hover,
body.lg-panel-theme.lg-panel-motion-ready .side-nav .side-nav-link:focus-visible,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-menu-group.mm-active > .side-nav-link,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-menu-group > .side-nav-link[aria-expanded="true"],
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-subnav a:hover,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-subnav a:focus-visible,
body.lg-panel-theme.lg-panel-motion-ready .form-control:focus,
body.lg-panel-theme.lg-panel-motion-ready .custom-select:focus,
body.lg-panel-theme.lg-panel-motion-ready input:focus,
body.lg-panel-theme.lg-panel-motion-ready textarea:focus,
body.lg-panel-theme.lg-panel-motion-ready select:focus,
body.lg-panel-theme.lg-panel-motion-ready table tbody tr:hover,
body.lg-panel-theme.lg-panel-motion-ready .table tbody tr:hover,
body.lg-panel-theme.lg-panel-motion-ready .badge:hover {
    transform: none !important;
    will-change: auto !important;
}

body.lg-panel-theme.lg-panel-motion-ready .lg-panel-subnav,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-subnav.is-open,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-subnav li,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-subnav.is-open li {
    transform: none !important;
    will-change: height, opacity !important;
}

body.lg-panel-theme.lg-panel-motion-ready .lg-admin-media-card:hover,
body.lg-panel-theme.lg-panel-motion-ready .lg-admin-media-card:active,
body.lg-panel-theme.lg-panel-motion-ready .lg-admin-media-uploaded:hover,
body.lg-panel-theme.lg-panel-motion-ready .lg-admin-media-uploaded:active,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-media-card:hover,
body.lg-panel-theme.lg-panel-motion-ready .lg-panel-media-card:active,
body.lg-panel-theme.lg-panel-motion-ready .lg-media-admin-card:hover,
body.lg-panel-theme.lg-panel-motion-ready .lg-media-admin-card:active {
    transform: none !important;
    box-shadow: inset 0 0 0 1px #111827 !important;
}

body:not(.lg-panel-theme) :is(button, .btn, [role="button"], a[class*="btn"], a[class*="button"]):active {
    transform: none !important;
    filter: brightness(.97) !important;
    will-change: auto !important;
}

body:not(.lg-panel-theme) :is(
    .card,
    [class*="-card"],
    [class*="_card"],
    [class*="-panel"],
    [class*="_panel"],
    [class*="-tile"],
    [class*="_tile"]
):hover,
body:not(.lg-panel-theme) :is(
    .card,
    [class*="-card"],
    [class*="_card"],
    [class*="-panel"],
    [class*="_panel"],
    [class*="-tile"],
    [class*="_tile"]
):active {
    transform: none !important;
    will-change: auto !important;
}

.photo_content:hover img,
.lgnew-new-photo-head-hero-header:hover .lgnew-new-photo-head-hero-img,
.lgnew-new-photo-head-chip-location:active,
.lgnewui-new-photo .card:hover .bg-img.loaded,
.lgnewui-new-photo .info-toggle-btn:active,
.lgnewui-new-photo .imglist-load-btn:hover,
.lgnewui-new-photo .imglist-load-btn:active,
.lg-header-action:hover,
.lgnewui-article-card-encrypted:hover .lgnewui-lock-btn,
.lgnewui-article-card-base .lg-author__meta:active,
.lgnewui-article-action-btn.lgnewui-article-like:hover i,
.lgnewui-article-action-btn.lgnewui-article-comment:hover i,
.bg-wrap .love-icon > img:active,
.distance-bubble:hover,
.distance-bubble:active,
.distance-bubble:hover .distance-icon-box,
.lgnewui-couple-avatars-right:hover .lgnewui-avatar-group,
.lgnewui-tl-link-card:hover .lgnewui-tl-link-card-icon,
.lgnewui-time-line-voice-player:hover .lgnewui-time-line-voice-icon,
.lgnewui-time-line-list-item:hover .lgnewui-time-line-list-checkbox.checked,
.lgnewui-timeline-audio-play-btn:active,
.music-hint-item:hover .music-hint-icon-box,
#lgnewuiFloatingActions > a:hover,
#lgnewuiFloatingActions > a:active {
    transform: none !important;
    will-change: auto !important;
}

.photo_content:hover img,
.lgnew-new-photo-head-hero-header:hover .lgnew-new-photo-head-hero-img,
.lgnewui-new-photo .card:hover .bg-img.loaded,
.lgnewui-article-card-encrypted:hover .lgnewui-lock-btn,
.lgnewui-article-action-btn.lgnewui-article-like:hover i,
.lgnewui-article-action-btn.lgnewui-article-comment:hover i,
.lgnewui-tl-link-card:hover .lgnewui-tl-link-card-icon,
.lgnewui-time-line-voice-player:hover .lgnewui-time-line-voice-icon,
.music-hint-item:hover .music-hint-icon-box {
    filter: brightness(1.04) saturate(1.03) !important;
}