.page-layout{flex-direction:column;height:100%;min-height:0;overflow-y:auto;padding:1rem}.page-layout,.page-layout-header{display:flex;align-items:center;gap:1rem}.page-layout-header{width:100%;justify-content:space-between}.page-layout-logo-link{display:flex}.page-layout-logo-link path{fill:var(--secondaryText);transition:fill var(--transition-duration) ease}.page-layout-logo-link:hover path{fill:var(--primaryText)}.page-layout-create-link{color:var(--secondaryText);transition:color var(--transition-duration) ease}.page-layout-create-link:hover{color:var(--primaryText)}.page-layout-main{width:100%;padding-top:1.5rem;display:flex;justify-content:center}.page-layout-footer{width:100%;align-self:center;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0 3rem;border-top:1px solid var(--graph1);margin-top:4rem;max-width:var(--max-page-width)}.page-layout-footer-top{display:flex;align-items:center;justify-content:space-between;width:100%}.page-layout-footer-logo-link{display:flex;align-items:center;color:var(--secondaryText);text-decoration:none}.page-layout-footer-logo-link path{fill:var(--secondaryText);transition:fill var(--transition-duration) ease}.page-layout-footer-logo-link:hover path{fill:var(--primaryText)}.page-layout-footer-cta{font-size:1rem;color:var(--primaryBrand);transition:color var(--transition-duration) ease;margin:auto}.page-layout-footer-cta:hover{color:var(--primaryHover)}.page-layout-social-link svg{fill:var(--secondaryText);transition:fill var(--transition-duration) ease}.page-layout-social-link:hover svg{fill:var(--primaryText)}@media (orientation:portrait){.page-layout-main{padding-top:0}.page-layout-footer{margin-top:5rem}}.social-links-display{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.social-links-display.compact{gap:8px;.social-link-item{border-radius:unset;border:none;background-color:transparent;transition:all var(--transition-duration) ease;cursor:pointer;width:unset;height:unset;display:flex}.social-link-item svg{fill:var(--secondaryText);transition:fill var(--transition-duration) ease}.social-link-item:hover svg{fill:var(--primaryText)}}.social-link-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--surface1);transition:all var(--transition-duration) ease;cursor:pointer;border:1px solid var(--graph1)}.social-link-item:hover{background-color:var(--primaryBrand);svg{fill:var(--primaryBrandText)}}