.architecture-base_container__tjdNE{padding:0 16px 40px}@media(min-width:1280px){.architecture-base_container__tjdNE{padding:24px 40px}}.architecture-base_content__scftx{max-width:1660px;margin:0 auto}.architecture-base_title__lb9I7{margin:0;color:#333;font-size:24px;font-style:normal;font-weight:700;line-height:36px}@media(min-width:1280px){.architecture-base_title__lb9I7{font-size:32px;font-style:normal;font-weight:700;line-height:48px}}.architecture-base_mainContainer__JMT_X{display:flex;flex-direction:column;gap:16px}.architecture-base_mainContent__VS7TG{display:flex;flex-direction:column;gap:24px}@media(min-width:1280px){.architecture-base_mainContent__VS7TG{flex-direction:row;gap:40px}}.architecture-base_filtersColumn__7nhoG{width:100%}@media(min-width:1280px){.architecture-base_filtersColumn__7nhoG{flex-shrink:0;width:300px}}.architecture-base_resultsColumn__HZzmz{flex-grow:1}.architecture-base_results__1nt_e{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px}@media(min-width:768px){.architecture-base_results__1nt_e{grid-template-columns:repeat(2,minmax(0,1fr))}}.architecture-base_paginationWrapper__eH9wJ{display:flex;justify-content:center;margin:8px 0}.architecture-base_noResults__m9Xdm{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:32px 24px;text-align:center;background-color:#fff;border-radius:8px}.architecture-base_noResultsIconContainer__ID708{padding:16px;background-color:#e6eff9;border-radius:100px}.architecture-base_noResultsIcon__arZfw{width:64px;height:64px;color:#055ec1}.architecture-base_noResultsMessage__xWOQC{color:#333;font-size:16px;font-style:normal;font-weight:400;line-height:28px}.architecture-base_otherArchitectures__A7unK{margin-top:24px}.architecture-base_otherArchitectureTitle__BI0A2{color:#333;font-size:24px;font-style:normal;font-weight:700;line-height:36px}@media(min-width:1280px){.architecture-base_otherArchitectureTitle__BI0A2{font-size:32px;font-style:normal;font-weight:700;line-height:48px}}.architecture-base_architectureCards__UL3Xq{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-top:24px}@media(min-width:768px){.architecture-base_architectureCards__UL3Xq{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.architecture-base_architectureCards__UL3Xq{grid-template-columns:repeat(3,1fr)}}.architecture-base_bannerWrapper__DMkDF{display:flex;justify-content:center;padding-top:16px}@media(min-width:1280px){.architecture-base_bannerWrapper__DMkDF{padding-top:0}}.architecture-base_bannerImage__RvJ6p{width:100%;max-width:800px;height:auto}.filters_filters__FaPWv{background-color:#fff;border-radius:8px}.filters_filterHeader__dfx0g{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 16px;cursor:pointer}@media(min-width:1280px){.filters_filterHeader__dfx0g{cursor:default}}.filters_filterHeaderContent__osqJs{display:flex;gap:8px;align-items:center;justify-content:center}.filters_filterHeaderIcon__5lBIb{width:24px;height:24px;color:#055ec1}.filters_filterHeaderChevronIcon__hX74G{position:absolute;right:16px;width:24px;height:24px;color:#055ec1}@media(min-width:1280px){.filters_filterHeaderChevronIcon__hX74G{display:none}}.filters_filterHeaderText__xKMKu{font-size:16px;font-style:normal;font-weight:700;line-height:28px;color:#055ec1}.filters_spSelectedCategoriesContainer__Q2o5Z{display:flex;flex-direction:column;gap:8px;padding:0 0 12px 16px}@media(min-width:1280px){.filters_spSelectedCategoriesContainer__Q2o5Z{display:none}}.filters_spSelectedCategories__OtCCC{display:flex;gap:4px;align-items:center;justify-content:flex-start;overflow:scroll}@media(min-width:1280px){.filters_spSelectedCategories__OtCCC{display:none}}.filters_spSelectedCategoriesTitleText__FL550{font-size:12px;font-style:normal;font-weight:700;line-height:20px;color:#333}.filters_spSelectedCategoryItem__59OUy{font-size:12px;font-style:normal;font-weight:700;line-height:20px;padding:4px 16px;color:#fff;white-space:nowrap;background-color:#055ec1;border-radius:100px}.filters_categories__SY_zt{display:flex;flex-direction:column;gap:16px;padding:16px;border-top:1px solid #d6d6d6}.filters_hideCategories__ZakTL{display:none}@media(min-width:1280px){.filters_hideCategories__ZakTL{display:flex}}.filters_categoryTitleText__Qb6me{font-size:14px;font-style:normal;font-weight:700;line-height:24px;margin-bottom:8px;color:#333}.filters_items___6pIe{display:flex;flex-wrap:wrap;gap:8px}.filters_item__kNPOU{font-size:14px;font-style:normal;font-weight:700;line-height:24px;padding:8px 16px;color:#333;cursor:pointer;background-color:#f5f5f5;border-radius:100px;transition:background-color .2s,color .2s}.filters_item__kNPOU .filters_active__hugXR{color:#333;background-color:#055ec1}.filters_item__kNPOU:hover{background-color:#d6d6d6}.filters_selectedItem__YWOGd{color:#fff;background-color:#055ec1}.filters_selectedItem__YWOGd:hover{background-color:#055ec1}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.exclusive-link-banner_container__gWxd4{width:100%;height:100px;background-image:url(/img/article/exclusive-link-banner-sp.png);background-repeat:no-repeat;background-position:50%;background-size:contain;border-radius:8px}@media(min-width:1280px){.exclusive-link-banner_container__gWxd4{height:150px;background-image:url(/img/article/exclusive-link-banner-pc.png)}}.exclusive-link-banner_content__OJoDQ{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%}@media(min-width:1280px){.exclusive-link-banner_content__OJoDQ{gap:12px}}.exclusive-link-banner_content__OJoDQ .exclusive-link-banner_button__fL8vm{font-size:14px;font-style:normal;font-weight:700;line-height:20px;height:32px;padding:6px 13px}@media(min-width:1280px){.exclusive-link-banner_content__OJoDQ .exclusive-link-banner_button__fL8vm{font-size:18px;font-style:normal;font-weight:700;line-height:28px;height:48px;padding:10px 21px}}.exclusive-link-banner_description__py1Dn{color:#fff;font-size:12px;font-style:normal;font-weight:700;line-height:20px}@media(min-width:1280px){.exclusive-link-banner_description__py1Dn{font-size:20px;font-style:normal;font-weight:700;line-height:32px}}.architecture-card-new_cardContainer__eU53Z{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:180px;outline:1px solid rgba(0,0,0,0);background:#fff;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.02);isolation:isolate;transition:outline-color .2s ease-in-out}.architecture-card-new_cardContainer__eU53Z:hover{outline-color:#055ec1}@media(min-width:1280px){.architecture-card-new_cardContainer__eU53Z{height:284px}}.architecture-card-new_cardImageOverlay__7QY4N{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 69.9%,#fff);border-radius:8px}.architecture-card-new_cardImage__SNe2i{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px}.architecture-card-new_cardInfoContainer__Lw3e3{z-index:2;display:flex;flex-direction:column;gap:12px;padding:12px}@media(min-width:1280px){.architecture-card-new_cardInfoContainer__Lw3e3{padding:16px}}.architecture-card-new_cardTitle__fKdha{font-size:16px;font-style:normal;font-weight:700;line-height:28px;overflow:hidden;text-overflow:ellipsis;color:#055ec1;white-space:nowrap}@media(min-width:1280px){.architecture-card-new_cardTitle__fKdha{font-size:20px;font-style:normal;font-weight:700;line-height:32px}}.architecture-card-new_cardCompanyInfo__h3XE8{display:flex;gap:8px;align-items:center;height:32px}@media(min-width:1280px){.architecture-card-new_cardCompanyInfo__h3XE8{height:40px}}.architecture-card-new_cardCompanyLogo__6_xO9{width:32px;height:32px;object-fit:contain;background-color:#fff;border:1px solid #d6d6d6;border-radius:8px}@media(min-width:1280px){.architecture-card-new_cardCompanyLogo__6_xO9{width:40px;height:40px}}.architecture-card-new_cardCompanyName__B4_nG{font-size:14px;font-style:normal;font-weight:700;line-height:24px}.architecture-category-card_container__qBZ_O{display:flex;flex-direction:row;gap:12px;align-items:center;align-self:stretch;justify-content:flex-start;width:100%;padding:16px;outline:1px solid rgba(0,0,0,0);background-color:#fff;border-radius:8px;box-shadow:0 4px 12px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.02);transition:outline-color .2s ease-in-out}.architecture-category-card_container__qBZ_O:hover{outline-color:#055ec1}@media(min-width:1280px){.architecture-category-card_container__qBZ_O{padding:24px}}.architecture-category-card_icon__Q8Z6N{width:48px;height:48px;background-color:#e6eff9;border-radius:4px}.architecture-category-card_title___N5I3{font-size:20px;font-style:normal;font-weight:700;line-height:32px;color:#055ec1}