.share-container{position:relative}.share-container .share-panel{background-color:var(--white);box-shadow:0 4px 8px var(--shadow);z-index:5;border:1px solid #ccc;border-radius:5px;min-width:max-content;padding:10px;position:absolute;bottom:100%;left:0}.share-container .share-panel.right{left:0}.share-container .share-panel.left{left:auto;right:0}.share-panel li,.share-panel ul{margin:0;padding:0;list-style:none}.share-panel ul{flex-direction:column;gap:15px;display:flex}.share-panel li{color:#525252;gap:5px;display:flex}.share-panel li:hover{color:var(--black)}.share-panel li span{white-space:nowrap}
.toast{color:#fff;opacity:0;pointer-events:none;z-index:9999;background:#222;border-radius:999px;padding:10px 16px;transition:transform .2s,opacity .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 6px 18px #0003}.toast.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@media (max-width:768px){.toast{bottom:50px}}