.site-header{align-items:center;background-image:url(/assets/suggestions/mobile/background-header.png);background-repeat:no-repeat;display:flex;min-height:4.5rem;padding-inline:1.5rem}.site__title{color:#fff}.site__subtitle{color:#ffffffbf;font-weight:var(--font-weight-medium)}.mobile-menu{margin-left:auto}.mobile-sidebar__trigger-icon{background-image:url(/assets/shared/mobile/icon-hamburger.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;cursor:pointer;display:block;height:17px;width:20px;z-index:1}.mobile-sidebar__trigger[aria-expanded=true] .mobile-sidebar__trigger-icon{background-image:url(/assets/shared/mobile/icon-close.svg);height:17px;width:18px}.hidden{display:none}.sidebar .h3{font-size:1.125rem;letter-spacing:-.015625rem;line-height:1.625rem}.sidebar .body1{font-size:1rem;line-height:1.4375rem}.sidebar .body3{font-size:.8125rem;line-height:1.1875rem}.category-filter{background:#fff;border-radius:.625rem;display:flex;flex-wrap:wrap;-webkit-margin-before:1.5rem;margin-block-start:1.5rem;padding-block:1.5rem;padding-inline:1.5rem;row-gap:.875rem}.pill{background:#f2f4ff;color:#4661e6;font-size:.8125rem;font-weight:var(--font-weight-semi-bold);-webkit-margin-end:.5rem;margin-inline-end:.5rem;min-height:1.875rem;min-width:3rem;padding-inline:1rem}.pill.active,.pill:active{background:#4661e6;color:#fff}.pill:focus{box-shadow:0 0 0 2px #0b1855}.pill:hover{background:#cfd7ff}.roadmap-summary{background:#fff;border-radius:.625rem;-webkit-margin-before:1.5rem;margin-block-start:1.5rem;-webkit-padding-after:1.5rem;padding-block-end:1.5rem;padding-inline:1.5rem}.roadmap-summary__title{align-items:center;display:flex;justify-content:space-between;-webkit-padding-before:1.1875rem;padding-block-start:1.1875rem}.roadmap-summary__list{-webkit-padding-before:1rem;padding-block-start:1rem}.roadmap-summary__list-item{align-items:center;display:flex;-webkit-margin-before:.5rem;margin-block-start:.5rem}.roadmap-summary__category{display:inline-flex;flex-basis:100%;justify-content:space-between}.roadmap-summary__category-count{font-weight:var(--font-weight-bold)}.roadmap-view__link{color:#4661e6;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3rem}.roadmap-view__link:hover{color:#8397f8}@media screen and (min-width:48em){.page{padding-block:3.5rem;padding-inline:2.5rem}.header__panel{display:flex}.site-header{align-items:flex-end;background-image:url(/assets/suggestions/tablet/background-header.png);border-radius:.625rem;height:11.125rem;-webkit-margin-end:.625rem;margin-inline-end:.625rem;-webkit-padding-after:1.5rem;padding-block-end:1.5rem;width:14.5625rem}.mobile-menu{display:none}.hidden{display:initial}.sidebar{column-gap:.625rem;display:grid;grid-template-columns:repeat(2,14.5625rem)}.category-filter,.roadmap-summary{-webkit-margin-before:0;margin-block-start:0}}@media screen and (min-width:75em){.page{column-gap:1.875rem;display:grid;grid-template-columns:15.9375rem 51.5625rem;margin-inline:auto;-webkit-padding-before:5.875rem;padding-block-start:5.875rem;padding-inline:0;width:69.375rem}.header__panel{flex-direction:column;width:15.9375rem}.site-header{background-image:url(/assets/suggestions/desktop/background-header.png);height:8.5625rem;-webkit-margin-end:0;margin-inline-end:0;width:15.9375rem}.sidebar{display:flex;flex-direction:column;row-gap:1.5rem}.category-filter{-webkit-margin-before:1.5rem;margin-block-start:1.5rem}}@media screen and (max-width:767px){.mobile-sidebar__panel{background-color:#00000080;display:flex;height:100vh;overflow-x:hidden;position:fixed;top:4.5rem;width:375px;z-index:2}.mobile-sidebar__panel .sidebar{background:#f7f8fd;inset:0;margin-left:6.5rem;padding-inline:1.5rem;position:absolute;width:16.9375rem}}