.sg-navigations-page{display:flex;flex-direction:column;gap:2rem}.sg-navigations-page__header{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:1024px){.sg-navigations-page__header{padding:1rem}}@media(max-width:768px){.sg-navigations-page__header{padding:.5rem;gap:.5rem}}@media(max-width:640px){.sg-navigations-page__header{padding:.25rem}}@media(max-width:768px){.sg-navigations-page .sg-navigations-section__title{font-size:1.75rem}}@media(max-width:640px){.sg-navigations-page .sg-navigations-section__title{font-size:1.5rem}}@media(max-width:640px){.sg-navigations-page .sg-navigations-section__description{font-size:.875rem}}.sg-navigations-page__header-design-system{display:flex;flex-direction:column;gap:2rem;padding:4.5rem 5rem;background:#f3f7fb;border-radius:.5rem}@media(max-width:1024px){.sg-navigations-page__header-design-system{padding:3rem 4rem;gap:1.5rem}}@media(max-width:768px){.sg-navigations-page__header-design-system{padding:2.5rem 3rem;gap:1rem;background:#ebf2f8}}@media(max-width:640px){.sg-navigations-page__header-design-system{padding:2rem 2.5rem;gap:.5rem;flex-direction:column;background:#e4edf6}.sg-navigations-page__header-design-system img{max-width:100%;flex:1 1 auto}}.sg-navigations-page__header-design-system img{width:100%;height:auto}@media(max-width:768px){.sg-navigations-page__header-design-system img{max-width:100%}}@media(max-width:640px){.sg-navigations-page__header-design-system img{max-width:100%;flex:1 1 100%}}.sg-navigations-page__header-design-system__header-desktop{display:flex;flex-direction:column;gap:.5rem}@media(max-width:1280px){.sg-navigations-page__header-design-system__header-desktop{flex-wrap:wrap;gap:1rem}}@media(max-width:768px){.sg-navigations-page__header-design-system__header-desktop{overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sg-navigations-page__header-design-system__header-desktop::-webkit-scrollbar{height:8px}.sg-navigations-page__header-design-system__header-desktop::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.sg-navigations-page__header-design-system__header-desktop::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.sg-navigations-page__header-design-system__header-desktop::-webkit-scrollbar-thumb:hover{background:#0000004d}}.sg-navigations-page__header-design-system__header-desktop img{width:100%;height:auto;object-fit:contain}@media(max-width:768px){.sg-navigations-page__header-design-system__header-desktop img{min-width:900px;width:900px;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(0,0,0,.05);border-radius:.25rem}}@media(max-width:640px){.sg-navigations-page__header-design-system__header-desktop img{min-width:800px;width:800px;box-shadow:0 4px 12px #00000026;border:1px solid rgba(0,0,0,.1)}}.sg-navigations-page__header-design-system__header-mobile--closed{display:flex;flex-wrap:wrap;gap:1rem}.sg-navigations-page__header-design-system__header-mobile--closed img{flex:1 1 auto;max-width:350px;height:auto}@media(max-width:1280px){.sg-navigations-page__header-design-system__header-mobile--closed img{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media(max-width:1024px){.sg-navigations-page__header-design-system__header-mobile--closed img{flex:1 1 calc(100% - 1rem);max-width:calc(100% - 1rem)}}@media(max-width:640px){.sg-navigations-page__header-design-system__header-mobile--closed img{flex:1 1 100%;max-width:80%;margin:0 auto}}.sg-navigations-page__header-design-system__header-mobile--open{display:flex;flex-wrap:wrap;gap:1rem}.sg-navigations-page__header-design-system__header-mobile--open img{flex:1 1 calc(16.6666666667% - 1rem);max-width:calc(16.6666666667% - 1rem)}@media(max-width:1280px){.sg-navigations-page__header-design-system__header-mobile--open img{flex:1 1 calc(25% - 1rem);max-width:calc(25% - 1rem)}}@media(max-width:1024px){.sg-navigations-page__header-design-system__header-mobile--open img{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media(max-width:640px){.sg-navigations-page__header-design-system__header-mobile--open img{flex:1 1 100%;max-width:100%}}.sg-navigations-page__usages{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:1024px){.sg-navigations-page__usages{padding:1rem}}@media(max-width:768px){.sg-navigations-page__usages{padding:.5rem;gap:.5rem}}@media(max-width:640px){.sg-navigations-page__usages{padding:.25rem}}@media(max-width:768px){.sg-navigations-page__usages__title{font-size:1.5rem}}@media(max-width:640px){.sg-navigations-page__usages__title{font-size:1.25rem}}@media(max-width:640px){.sg-navigations-page__usages__description{font-size:.875rem}}