.share-dialog{border:none;border-radius:1.6rem;box-shadow:0 2rem 2.5rem -.5rem #0000001a,0 1rem 1rem -.5rem #0000000a;padding:0;max-width:50rem;width:90vw;max-height:80vh;overflow:hidden;background:transparent;opacity:0;transform:scale(.9) translateY(-2rem);transition:opacity .2s ease,transform .2s ease}.share-dialog::backdrop{background:#00000080;opacity:0;transition:opacity .2s ease}.share-dialog--open{opacity:1;transform:scale(1) translateY(0)}.share-dialog--open::backdrop{opacity:1}.share-dialog--closing{opacity:0;transform:scale(.9) translateY(-2rem)}.share-dialog--closing::backdrop{opacity:0}.share-dialog__content{background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:1.6rem;overflow:hidden}.share-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 12px;border-bottom:1px solid rgba(var(--color-foreground),.1);margin-bottom:2.4rem}.share-dialog__title{margin:0;font-size:2rem;font-weight:600;color:rgb(var(--color-foreground-title))}.share-dialog__close{background:none;border:none;cursor:pointer;padding:.8rem;border-radius:.6rem;color:rgb(var(--color-foreground));transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.share-dialog__close:hover{background:rgba(var(--color-foreground),.1)}.share-dialog__close:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px}.share-dialog__body{padding:0 2.4rem 2.4rem}.share-dialog__copy-section{margin-bottom:2.4rem}.share-dialog__label{display:block;font-weight:500;margin-bottom:.8rem;color:rgb(var(--color-foreground));font-size:1.4rem}.share-dialog__copy-wrapper{display:flex;align-items:stretch}.share-dialog__url-input{flex:1;padding:1.2rem 1.6rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius-button);border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.4;outline:none;transition:border-color .2s ease;font-family:inherit}.share-dialog__url-input:focus{border-color:rgb(var(--color-button));box-shadow:0 0 0 .3rem rgba(var(--color-button),.1)}.share-dialog__copy-btn{display:flex;align-items:center;justify-content:center;position:relative;border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid transparent;border-left:none;padding-block:1.2rem}.share-dialog__copy-btn:has(.copy-success:not(.hidden)){background-color:transparent;border-color:rgb(var(--color-button))}.share-dialog__copy-btn .copy-success{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:inherit;transition:opacity .2s ease}.share-dialog__social-section{border-top:1px solid rgba(var(--color-foreground),.1);padding-top:2.4rem}.share-dialog__social-buttons{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.2rem}.share-dialog__social-btn{width:4.8rem;height:4.8rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none;color:#fff;position:relative;overflow:hidden}.share-dialog__social-btn:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem #00000026}.share-dialog__social-btn:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px}.share-dialog__social-btn svg{width:2rem;height:2rem;fill:currentColor}.share-dialog__social-btn--facebook{background:#1877f2}.share-dialog__social-btn--twitter{background:#1da1f2}.share-dialog__social-btn--pinterest{background:#e60023}.share-dialog__social-btn--linkedin{background:#0077b5}.share-dialog__social-btn--email{background:#6b7280}.hidden{display:none!important}@media (max-width: 640px){.share-dialog{width:95vw;margin:0}.share-dialog__header{padding:2rem 2rem 0;margin-bottom:2rem}.share-dialog__title{font-size:1.8rem}.share-dialog__body{padding:0 2rem 2rem}.share-dialog__copy-wrapper{flex-direction:column;gap:1.2rem}.share-dialog__copy-btn{min-width:auto}.share-dialog__social-buttons{gap:.8rem}.share-dialog__social-btn{width:4.4rem;height:4.4rem}}@media (max-width: 1099px){.share-dialog{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/we-share-dialog.css.map */