@font-face{font-family:Retail Display;src:url(/fonts/RetailDisplayDemo-Semibold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}:root{--text:#000;--text-light:gray;--bg:#fff;--accent:#aa3bff;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Retail Display", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}p{margin:0}::selection{background:#fef2be}.layout{box-sizing:border-box;color:#000;background:#fafafa;grid-template-rows:1fr auto;grid-template-columns:500px 1fr;gap:10px 16px;width:100%;height:100dvh;padding:8px;display:grid;overflow:hidden}.sidebar__main{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;grid-area:1/1;gap:32px;min-height:0;padding:32px 24px;display:flex;overflow-y:auto}.sidebar__profile{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.sidebar__avatar{border-radius:50%;width:32px;height:32px;display:block}.sidebar__name{letter-spacing:-.16px;color:#a1a1a1;background:#f5f5f5;border-radius:999px;margin:0;padding:2px 12px;font-size:14px;font-weight:400;line-height:28px}.sidebar__heading-group{flex-direction:column;gap:24px;display:flex}.sidebar__title{font-family:var(--heading);letter-spacing:-1.12px;color:#000;margin:0;font-size:42px;font-weight:600;line-height:1}.sidebar__desc{letter-spacing:-.16px;color:#4b4b4b;margin:0;font-size:16px;line-height:26px}.sidebar__desc a{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #d4d5d7;text-decoration:underline #d4d5d7;transition:text-decoration-color .2s}.sidebar__desc a:hover{text-decoration-color:#000}.email-wrap{white-space:nowrap}.email-link{color:inherit;text-decoration:none}.email-link__reveal{width:2.4em;transition:width .4s cubic-bezier(.65,0,.35,1);display:inline-block;position:relative}.email-wrap:hover .email-link__reveal{width:12.6em}.email-wrap.is-copied .email-link__reveal{width:3.1em}.email-link__clip{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.email-link__label{white-space:nowrap;text-underline-offset:2px;-webkit-text-decoration:underline #d4d5d7;text-decoration:underline #d4d5d7;transition:opacity .25s,transform .4s cubic-bezier(.65,0,.35,1),text-decoration-color .2s}.email-wrap:hover .email-link__label{text-decoration-color:#000}.email-link__label--short{opacity:1;display:inline-block;transform:translateY(0)}.email-link__label--full,.email-link__label--copied{opacity:0;position:absolute;top:0;left:0}.email-link__label--full{transform:translateY(-4px)}.email-link__label--copied{text-decoration:none;transform:translateY(4px)}.email-wrap:hover .email-link__label--short{opacity:0;transform:translateY(4px)}.email-wrap:hover .email-link__label--full{opacity:1;transform:translateY(0)}.email-wrap.is-copied .email-link__label--short,.email-wrap.is-copied .email-link__label--full{opacity:0}.email-wrap.is-copied .email-link__label--copied{opacity:1;transform:translateY(0)}.email-copy{vertical-align:-3px;width:0;color:inherit;opacity:0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:0;padding:0;transition:opacity .2s,width .25s,margin-left .25s;display:inline-flex;overflow:hidden}.email-wrap:hover .email-copy,.email-wrap.is-copied .email-copy{opacity:.7;width:14px;margin-left:4px}.email-wrap:hover .email-copy:hover{opacity:1}.sidebar__footer{box-sizing:border-box;background:#fff;border-radius:8px;grid-area:2/1;align-items:flex-start;gap:6px;padding:24px;display:flex}.sidebar__copyright{letter-spacing:-.16px;color:#000;flex:1 1 0;margin:0;font-size:16px;line-height:28px}.sidebar__footer-links{letter-spacing:-.16px;white-space:nowrap;flex-shrink:0;margin:0;font-size:16px;line-height:28px}.sidebar__footer-links a{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #d4d5d7;text-decoration:underline #d4d5d7;transition:text-decoration-color .2s}.sidebar__footer-links a:hover{text-decoration-color:#000}.feed{grid-area:1/2/3;min-width:0;min-height:0;overflow-y:auto}.feed__list{flex-direction:column;gap:10px;display:flex}.feed__item{aspect-ratio:4/3;background:#eaeaea;border-radius:4px;width:100%;position:relative;overflow:hidden}.feed__media{object-fit:cover;width:100%;height:100%;display:block}.feed__control{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);color:#000;cursor:pointer;background:#ffffff52;border:none;border-radius:2px;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:flex;position:absolute;top:18px;right:18px}.feed__control:hover{background:#ffffff80}@media (width<=900px){.layout{grid-template-rows:auto auto auto;grid-template-columns:1fr;row-gap:10px;height:auto;min-height:100dvh;overflow:visible}.sidebar__main,.feed,.sidebar__footer{grid-column:1}.sidebar__main{grid-row:1;overflow-y:visible}.feed{grid-row:2;overflow-y:visible}.sidebar__footer{grid-row:3}.sidebar__title{font-size:40px}}