.share-button{position:relative}.share-button .hidden{display:none}.share-button__fallback{background-color:var(--surface-bg);border:.0625rem solid var(--border);border-radius:var(--radius-primary);box-shadow:0 .25rem .5rem rgba(0,0,0,.1);left:0;margin-top:.5rem;min-width:20rem;padding:1rem;position:absolute;top:100%;z-index:10}.share-button__fallback .field{width:100%}.share-button__fallback .field__input{width:calc(100% - 2rem)}.share-button__header{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.share-button__body{align-items:flex-start;display:flex;flex-direction:row}.share-button__message{color:var(--success-base);font-size:var(--font-static-sm)}.field{display:grid;gap:.5rem;position:relative}.field__input{background-color:var(--surface-bg);border:.0625rem solid var(--border);border-radius:var(--radius-primary);color:var(--text);font-family:inherit;font-size:var(--font-static-sm);padding:.75rem;width:100%}.field__input:focus{border-color:var(--border--focus);outline:none}.field__input[readonly]{background-color:var(--surface-subtle);cursor:text}.field__label{color:var(--text-subtle);font-size:var(--font-static-sm)}.hidden{display:none}@media only screen and (min-width:48em){.share-button__fallback{left:unset;right:0}}