.page_page__Q_5D6{padding-bottom:6rem}.page_header__IpKys{background-color:rgba(5,102,247,.063);padding:3rem 1rem;text-align:center}.page_title__Zm83I{font-size:2.25rem;font-weight:700;color:#1d1d1f}@media(min-width:768px){.page_title__Zm83I{font-size:3rem}}.page_container___8UrZ{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:768px){.page_container___8UrZ{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.page_container___8UrZ{padding-left:2rem;padding-right:2rem}}.page_container___8UrZ{padding-top:4rem;display:flex;flex-direction:column;gap:4rem}@media(min-width:1024px){.page_container___8UrZ{flex-direction:row;align-items:flex-start;gap:6rem}}.page_viewer__MPQGH{display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width:1024px){.page_viewer__MPQGH{position:-webkit-sticky;position:sticky;top:calc(72px + 2rem);flex:0 0 320px}}.page_preview__atAJm{position:relative;width:100%;max-width:320px;aspect-ratio:1;border-radius:1.25rem;overflow:hidden;box-shadow:0 20px 25px rgba(0,0,0,.15);background:#e5e5ea}.page_previewImg__hoiN_{object-fit:cover}.page_selectedName__59Y_Y{font-size:1.25rem;font-weight:600;color:#1d1d1f;text-align:center}.page_grid__4MLOW{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media(min-width:640px){.page_grid__4MLOW{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.page_grid__4MLOW{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.page_grid__4MLOW{grid-template-columns:repeat(4,1fr);flex:1 1}}.page_colorCard__ix5WS{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:2px solid #e5e5ea;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.page_colorCard__ix5WS:hover{border-color:#256ed8;box-shadow:0 4px 6px rgba(0,0,0,.07);transform:translateY(-2px)}.page_colorCardActive__7Uchf{border-color:#256ed8;box-shadow:0 0 0 3px rgba(37,110,216,.2)}.page_thumb__sjOou{position:relative;width:100%;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:#e5e5ea}.page_thumbImg__iln4_{object-fit:cover}.page_colorName__lf5CR{font-size:.75rem;font-weight:500;color:#1d1d1f;text-align:center;line-height:1.25}