.editable-avatar{position:relative;display:inline-block;cursor:pointer;transition:opacity .2s;width:100%;height:100%;border-radius:100%}.editable-avatar:hover{opacity:.9}.editable-avatar.loading,.editable-avatar[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.editable-avatar .web3-avatar{transition:opacity .2s}.editable-avatar .web3-avatar.processing{opacity:.7}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border-radius:100%;color:#fff;gap:calc(8px/1920*1450);pointer-events:none}.avatar-overlay .loading-spinner{margin:0}.avatar-overlay.loading{background:rgba(0,0,0,.7)}.avatar-overlay.error{background:rgba(0,0,0,.85);cursor:pointer;pointer-events:auto;animation:slideIn .3s ease-out;color:#fff}.avatar-overlay.error .error-icon{font-size:calc(32px/1920*1450);margin-bottom:calc(4px/1920*1450);line-height:1}.avatar-overlay.error .error-message{font-size:calc(11px/1920*1450);line-height:1.3;max-width:90%;word-wrap:break-word}.avatar-overlay.error .error-dismiss{position:absolute;top:calc(8px/1920*1450);right:calc(8px/1920*1450);background:hsla(0,0%,100%,.2);border:none;color:#fff;width:calc(20px/1920*1450);height:calc(20px/1920*1450);border-radius:50%;cursor:pointer;font-size:calc(16px/1920*1450);line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0}.avatar-overlay.error .error-dismiss:hover{background:hsla(0,0%,100%,.3)}.avatar-overlay.error .error-dismiss:focus{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}.avatar-overlay .camera-icon{width:calc(24px/1920*1450);height:calc(24px/1920*1450);color:currentColor}.avatar-overlay .upload-hint{font-size:calc(12px/1920*1450);text-align:center;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.avatar-error{position:absolute;bottom:calc(-30px/1920*1450);left:50%;transform:translateX(-50%);background:rgba(220,38,38,.9);color:#fff;padding:calc(4px/1920*1450) calc(8px/1920*1450);border-radius:calc(4px/1920*1450);font-size:calc(12px/1920*1450);white-space:nowrap;z-index:10;max-width:200px;text-align:center}.overlay-profile-vanity{padding:var(--margin);border-bottom:1px solid rgba(0,0,0,.15)}.overlay-profile-vanity .web3-avatar{max-width:calc(200px/1920*1450);border-radius:100%;overflow:hidden;width:100%;margin-right:auto;margin-left:auto}.overlay-profile-vanity .web3-avatar:after{content:"";padding-bottom:100%;display:block}.overlay-profile-vanity .editable-avatar{max-width:calc(200px/1920*1450);width:100%;height:100%;overflow:hidden}.overlay-profile-vanity .profile-name{text-overflow:ellipsis;overflow:hidden;margin:0;margin-top:var(--margin)}button.manage-subscription-button{font-size:18px;font-size:1.125rem;font-family:var(--font-condensed);background:var(--black);border:1px solid var(--white);border-radius:7px;color:var(--white);padding:.4em 1em .2em;box-sizing:border-box;line-height:1;text-decoration:none;cursor:pointer;transition:background .3s ease,color .3s ease}button.manage-subscription-button.mono{font-size:12px;font-size:.75rem;font-family:var(--font-mono);font-weight:400;padding-bottom:.5em}button.manage-subscription-button.inverse{background:var(--white);color:var(--black);border-color:var(--white)}button.manage-subscription-button.inverse-border{background:var(--white);color:var(--black);border:1px solid var(--black)}button.manage-subscription-button.transparent{background:rgba(0,0,0,0);color:var(--black)}button.manage-subscription-button:not(:disabled):hover{background:var(--white);color:var(--black)}button.manage-subscription-button:not(:disabled):hover.inverse,button.manage-subscription-button:not(:disabled):hover.inverse-border,button.manage-subscription-button:not(:disabled):hover.transparent{background:var(--black);color:var(--white)}button.manage-subscription-button:disabled{pointer-events:none;opacity:.25}button.manage-subscription-button{display:block;width:100%;background:rgba(0,0,0,0);border:1px solid #000;color:#000;text-transform:uppercase;font-weight:600;margin-top:15px;transition:background-color .2s ease,color .2s ease}button.manage-subscription-button:hover{background:#000;color:#fff}.overlay-profile{position:absolute;bottom:0;right:0;left:0;top:0;position:fixed;background-color:rgba(0,0,0,.75);text-align:center;display:flex;color:var(--black)}.overlay-profile .profile-modal{background-color:var(--white);border-radius:7px;position:relative;max-width:calc(450px/1920*1450);max-height:95vh;margin:auto;width:100%;overflow-y:scroll;overscroll-behavior:contain}.overlay-profile .close-modal{padding:calc(30px/1920*1450);position:absolute;right:0;top:0}.overlay-profile .close-modal .svg-close{height:13px;width:13px}.overlay-profile.current .profile-modal{position:fixed;top:var(--margin);right:var(--margin);max-width:300px;padding:30px;box-sizing:border-box}@media(max-width:840px){.overlay-profile .profile-modal{width:calc(100vw - 2*var(--margin))}.overlay-profile.current .profile-modal{position:fixed;top:var(--margin);right:var(--margin);left:var(--margin)}}