#lin-live-notify {
position: fixed;
z-index: 999999;
pointer-events: none;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
left: 24px;
bottom: 24px;
margin: 0;
padding: 0;
box-sizing: border-box; text-align: left;
} #lin-live-notify[data-position="bottom-left"] {
left: 24px;
bottom: 24px;
right: auto;
top: auto;
}
#lin-live-notify[data-position="bottom-right"] {
right: 24px;
bottom: 24px;
left: auto;
top: auto;
}
#lin-live-notify[data-position="top-left"] {
left: 24px;
top: 24px;
right: auto;
bottom: auto;
}
#lin-live-notify[data-position="top-right"] {
right: 24px;
top: 24px;
bottom: auto;
left: auto;
} .lin-notify-card {
position: relative;
display: inline-block;
max-width: 300px;
background: rgba(255, 255, 255, 0.92);
border-radius: 14px;
padding: 14px 18px;
box-shadow:
0 4px 10px rgba(0, 0, 0, 0.05),
0 6px 18px rgba(0, 0, 0, 0.08);
font-size: 15px;
line-height: 1.45;
color: #0f172a;
pointer-events: auto;
backdrop-filter: blur(6px);
opacity: 0;
transform: translateY(12px) scale(0.96);
transition:
opacity 0.35s cubic-bezier(0.32, 0.56, 0.28, 1),
transform 0.35s cubic-bezier(0.32, 0.56, 0.28, 1); will-change: opacity, transform;
} .lin-notify-card.is-visible {
opacity: 1;
transform: translateY(0) scale(1);
} #lin-live-notify > .lin-notify-card + .lin-notify-card {
margin-top: 10px;
} @media (max-width: 479px) {
#lin-live-notify[data-position] {
left: 12px !important;
right: 12px !important;
bottom: 12px !important;
top: auto !important;
width: calc(100% - 24px);
}
.lin-notify-card {
max-width: 100%;
width: 100%;
padding: 12px 16px;
font-size: 14px;
}
} .lin-notify-card * {
margin: 0;
padding: 0;
box-sizing: border-box;
color: inherit;
font: inherit; transform: none !important;
}