.site-info-mobile{position:fixed;top:0;left:0;width:100%;height:calc(100% - var(--toolbar-height));background-color:var(--surface-foreground);z-index:100;margin-left:100%;transition:margin-left .2s ease-in-out;overflow-y:auto;padding:var(--content-padding-mobile) 16px 0 16px}.site-info-mobile .info-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.15}.site-info-mobile .header{display:flex;justify-content:flex-end;align-items:center;padding:0 0 8px}.site-info-mobile.expanded{margin-left:0}.site-info-mobile .info-container{display:flex;flex-direction:column}.site-info-mobile .info-container .info-title{color:var(--base-color-secondary);font-weight:700}.site-info-mobile .info-container .info-text{color:var(--text-paragraph);opacity:.8;overflow:hidden;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;text-overflow:ellipsis}.site-info{overflow-x:hidden;display:flex;flex-direction:column;max-width:var(--nav-width-expanded);min-width:0;max-width:0;box-shadow:var(--floating);background-color:var(--surface-foreground);transition:min-width .3s ease-out,padding .3s ease-out}.site-info.expanded{padding:calc(var(--header-height) + 20px) 16px 32px;min-width:var(--nav-width-expanded)}.site-info.expanded .info-container{transition:opacity .3s ease-out .3s;opacity:1}.site-info .info-container{opacity:0;display:flex;flex-direction:column}.site-info .info-container .info-title{color:var(--base-color-secondary)}.site-info .info-container .info-text{color:var(--text-paragraph);opacity:.8;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;overflow:hidden;text-overflow:ellipsis}