.share-dialog{position:fixed;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:95%;max-width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-shadow:0 8px 16px rgba(0,0,0,.15);box-shadow:0 8px 16px rgba(0,0,0,.15);z-index:1;padding:20px;background-color:var(--background)}.share-dialog .copy-link,.share-dialog .share-button{padding-left:30px;padding-right:30px}.share-dialog .dialog-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.share-dialog .dialog-title .button{margin-top:0}.share-dialog .share-button,.share-dialog .share-dialog{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.share-dialog .share-dialog.is-open{display:block;z-index:2}.share-dialog header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.share-dialog .close-button{background-color:transparent;border:none;padding:0}.share-dialog .close-button svg{margin-right:0}.share-dialog .button,.share-dialog button{margin:0;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2.6rem;padding:0}.share-dialog>button:first-child{font-size:3.4rem;margin-bottom:1rem}.share-dialog .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;margin-top:1rem;border-radius:4px;background-color:#eee}.share-dialog .copy-link{margin-top:1rem}.share-dialog .pen-url{margin-right:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:90vh}.share-image .thumbnail{max-width:85vw;height:auto;margin-top:5vh}.share-image p{font-size:1.4rem;font-weight:500}.share-image .button-wrapper,.share-image p:first-child{margin-top:1rem}@media screen and (max-width:50rem){.share-image .thumbnail{max-width:96vw}}.reset-wrapper{position:fixed;top:0;left:0;height:100%;width:100%;z-index:4;overflow:auto;font-weight:900;padding:4rem 2em;background-color:rgba(148,149,136,.88)}@media screen and (max-width:55rem){.reset-wrapper{font-size:.75rem}}@media screen and (max-width:40rem){.reset-wrapper{font-size:.35rem}}.reset-wrapper .content{width:50rem;max-width:95%;text-align:center}.reset-wrapper .intro{margin:3rem 0;font-size:7em;font-weight:inherit}@media screen and (max-width:40rem){.reset-wrapper .intro{font-weight:900}}.reset-wrapper div:last-child{margin-bottom:5rem;text-align:center}