.share-panel{position:absolute;z-index:50}.share-panel-box{position:relative;background:#000;border-radius:32px;padding:8px}.share-panel-box[data-state=opening]{animation:share-panel-in .2s ease-in-out}.share-panel-box[data-state=opening] .share-panel-list{animation:share-panel-content-in .2s linear}.share-panel-box[data-state=closing]{animation:share-panel-out .1s ease-in-out forwards}@keyframes share-panel-in{0%{transform:scale(.086,.163)}to{transform:scale(1)}}@keyframes share-panel-content-in{0%{opacity:0}72%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.5,1)}to{opacity:1}}@keyframes share-panel-out{0%{transform:scale(1);opacity:1}to{transform:scale(.086,.163);opacity:0}}@media (prefers-reduced-motion:reduce){.share-panel-box[data-state=closing],.share-panel-box[data-state=opening],.share-panel-box[data-state=opening] .share-panel-list{animation-duration:1ms}}.share-panel-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,80px);gap:0}.share-panel-item{display:flex}.share-option{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px;border:0;background:none;text-decoration:none;cursor:pointer;transition:opacity .12s ease}.share-option-label{font-size:12px;line-height:1.2;font-weight:500;color:#fff;text-align:center}.share-option-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.share-option-icon svg{width:48px;height:48px;display:block}.share-option-icon--mail{background:#ffd327}.share-option-icon--copy{background:#293947;color:#fff}.share-option-icon--copied{background:#1847c3;color:#fff}.share-option-icon--x{background:#fff;color:#000}.share-option-icon--copied svg,.share-option-icon--copy svg,.share-option-icon--mail svg,.share-option-icon--x svg{width:32px;height:32px}.share-panel-list:focus-within .share-option,.share-panel-list:hover .share-option{opacity:.4}.share-panel-list:focus-within .share-option:focus-visible,.share-panel-list:hover .share-option:hover{opacity:1}.share-option:focus-visible .share-option-label,.share-option:hover .share-option-label{font-weight:700}.share-option:focus-visible .share-option-icon{outline:2px solid #fff;outline-offset:2px}.share-panel{bottom:calc(100% + 12px);left:0;right:auto;transform:none}.share-panel-box{transform-origin:calc(var(--tail-left, 28px) + 8px) 100%}.share-panel-box:after{content:"";position:absolute;top:calc(100% - 2px);left:var(--tail-left,28px);right:auto;margin-left:0;border:8px solid transparent;border-top-color:#000}@media (min-width:768px){.share-panel{bottom:auto;left:auto;right:calc(100% + 12px);top:var(--panel-top,50%);transform:translateY(-50%)}.share-panel-box{transform-origin:right center}.share-panel-box:after{top:50%;left:calc(100% - 2px);right:auto;margin-left:0;margin-top:-8px;border:8px solid transparent;border-left-color:#000}}