::selection{color:#fff;background:#7d2ae8}.share-popup button{border:2px solid transparent;font-weight:500;transition:background .1s linear,border-color .1s linear,color .1s linear;outline:none;border-radius:4px;cursor:pointer}.share-view-modal{font-size:16px;font-weight:500;display:flex}.share-view-modal span{margin-top:5px}.share-overlay{height:100%;transition:opacity .3s ease;top:0;background:rgba(0,0,0,.7);left:0;z-index:999}.share-overlay,.share-popup{pointer-events:none;position:fixed;opacity:0;width:100%}.share-popup{transform:translate(-50%,-50%) scale(.7);padding:25px;transition:opacity .3s ease,transform .3s ease;max-width:380px;top:50%;box-shadow:0 10px 15px rgba(0,0,0,.1);border-radius:15px;background:#fffefe;left:50%;z-index:1000}.share-popup.show{transform:translate(-50%,-50%) scale(1)}.share-overlay.show,.share-popup.show{pointer-events:auto;opacity:1}.share-popup.hide{transform:translate(-50%,-50%) scale(.7);pointer-events:none;opacity:0}.share-popup :is(header,.share-icons,.share-field){justify-content:space-between;align-items:center;display:flex}.share-popup header{border-bottom:1px solid #ebedf9;padding-bottom:15px}header span{font-size:21px;font-weight:600}.share-icons a,header .share-close{justify-content:center;transition:all .3s ease-in-out;align-items:center;border-radius:50%;display:flex}header .share-close{height:33px;font-size:17px;color:#878787;background:#f3f3f3;cursor:pointer;width:33px}header .share-close:hover{background:#ebedf9}.share-popup .share-content{margin:20px 0}.share-popup .share-icons{margin:15px 0 20px}.share-content p{font-size:16px}.share-content .share-icons a{height:50px;font-size:20px;border:1px solid transparent;text-decoration:none;width:50px}.share-icons a i{transition:transform .3s ease-in-out}.share-icons a:first-child{border-color:#b7d4fb;color:#1877f2}.share-icons a:first-child:hover{background:#1877f2}.share-icons a:nth-child(2){border-color:#b6e7fc;color:#46c1f6}.share-icons a:nth-child(2):hover{background:#46c1f6}.share-icons a:nth-child(3){border-color:#f5bccf;color:#e1306c}.share-icons a:nth-child(3):hover{background:#e1306c}.share-icons a:nth-child(4){border-color:#bef4d2;color:#25d366}.share-icons a:nth-child(4):hover{background:#25d366}.share-icons a:nth-child(5){border-color:#b3e6ff;color:#08c}.share-icons a:nth-child(5):hover{background:#08c}.share-icons a:hover{border-color:transparent;color:#fff}.share-icons a:hover i{transform:scale(1.2)}.share-content .share-field{height:45px;padding:0 5px;border:1px solid #757171;margin:12px 0 -5px;border-radius:4px}.share-field.active{border-color:#7d2ae8}.share-field i{font-size:18px;text-align:center;width:50px}.share-field.active i{color:#7d2ae8}.share-field .share-input{height:100%;font-size:15px;border:none;outline:none;width:100%}.share-field .share-copy-btn{padding:5px 18px;color:#fff;background:#7d2ae8}.share-field .share-copy-btn:hover{background:#8d39fa}