@layer utils{}@layer partials{.blog-listing{background-color:var(--g-color-light-400);container-type:inline-size}.blog-listing__featured-wrap{padding-top:5rem}@container ((width >= 992px)){.blog-listing__featured-wrap{padding-top:8.2rem}}.blog-listing__featured-inner{display:grid;gap:4rem}@container ((width >= 992px)){.blog-listing__featured-inner{gap:2.4rem}}.blog-listing__featured-inner:after{background-color:var(--g-color-gray-200);content:"";display:block;height:1px;margin-top:2rem;width:100%}@container ((width >= 992px)){.blog-listing__featured-inner:after{margin-top:7.3rem}}.blog-listing__featured-main{display:grid;gap:2rem}.blog-listing__eyebrow{background-color:var(--g-color-light-500);border-radius:.5rem;color:var(--g-color-black);display:inline-flex;font-family:var(--g-font-secondary);font-size:1.4rem;font-weight:600;line-height:normal;padding:.9rem 1.3rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.blog-listing__featured-title{color:var(--g-color-blue-400);font-size:3.2rem;line-height:1.36;margin:0}@container ((width >= 992px)){.blog-listing__featured-title{font-size:6rem;line-height:1.32}}.blog-listing__featured-title a{color:inherit;text-decoration:none;transition:opacity var(--g-easing-duration-default) var(--g-easing-hover)}@media(hover:hover)and (pointer:fine){.blog-listing__featured-title a:hover{opacity:.7}}.blog-listing__featured-meta{display:flex;flex-direction:column;gap:1.8rem}@container ((width >= 992px)){.blog-listing__featured-meta{align-items:center;flex-direction:row;gap:2.7rem;margin-top:.4rem}}.blog-listing__featured-author{align-items:center;color:var(--g-color-black);display:inline-flex;font-family:var(--g-font-secondary);gap:.8rem;margin-top:auto;text-decoration:none}.blog-listing__featured-author-avatar{border-radius:50%;height:3.6rem;-o-object-fit:cover;object-fit:cover;width:3.6rem}.blog-listing__featured-author-name{font-size:1.5rem;font-weight:400;letter-spacing:-.03rem;line-height:1.4}@container ((width >= 992px)){.blog-listing__featured-author-name{font-size:1.6rem;letter-spacing:0;line-height:1.42}}.blog-listing__featured-author:hover{color:var(--g-color-blue-400)}.blog-listing__featured-date{color:var(--g-color-black);font-family:var(--g-font-secondary);font-size:1.4rem;font-weight:500;line-height:1.52}@container ((width >= 992px)){.blog-listing__featured-date{font-size:1.6rem;line-height:1.42}}.blog-listing__featured-summary{display:grid;gap:2.4rem}@container ((width >= 992px)){.blog-listing__featured-summary{justify-self:end;width:57.6rem}}.blog-listing__featured-summary p{font-family:var(--g-font-secondary);font-size:1.4rem;font-weight:500;line-height:1.42;margin:0}@container ((width >= 992px)){.blog-listing__featured-summary p{font-size:1.8rem;line-height:1.52}}.blog-listing__read-link{color:var(--g-color-blue-400);font-family:var(--g-font-secondary);font-size:1.6rem;font-weight:600;line-height:1.52;text-decoration:underline;text-underline-offset:.4rem;transition:opacity var(--g-easing-duration-default) var(--g-easing-hover)}@container ((width >= 992px)){.blog-listing__read-link{font-size:1.8rem;line-height:1.52}}@media(hover:hover)and (pointer:fine){.blog-listing__read-link:hover{opacity:.7}}.blog-listing__divider{border-top:1px solid #ccc;height:0}.blog-listing__body{display:grid;gap:3.6rem;padding-block:6rem}@container ((width >= 992px)){.blog-listing__body{gap:5rem;grid-template-columns:26.3rem minmax(0,1fr);padding-block:4.8rem}}.blog-listing__filters{align-self:start;display:grid;gap:3.6rem;margin-bottom:1.8rem}@container ((width >= 992px)){.blog-listing__filters{gap:4.8rem;margin-bottom:0;position:sticky;top:14rem}}.blog-listing__topics{display:none}@container ((width >= 992px)){.blog-listing__topics{display:grid;gap:3rem;width:22.1rem}}.blog-listing__topic{align-items:center;background:none;border:none;color:rgba(0,0,0,.65);cursor:pointer;display:inline-flex;font-family:var(--g-font-secondary);font-size:1.8rem;font-weight:600;gap:1rem;line-height:normal;margin:0;padding:0;text-align:left;text-decoration:none;text-transform:uppercase}.blog-listing__topic.-is-active{color:var(--g-color-blue-400)}@container ((width >= 992px)){.blog-listing__topic.-is-active:before{content:">";display:block}}@media(hover:hover)and (pointer:fine){.blog-listing__topic:hover{color:var(--g-color-blue-400)}}.blog-listing__topic-select-wrap{position:relative}@container ((width >= 992px)){.blog-listing__topic-select-wrap{display:none}}.blog-listing__topic-dropdown{position:relative;width:100%}.blog-listing__topic-dropdown-summary{align-items:center;background-color:var(--g-color-white);border:1px solid var(--g-color-gray-200);border-radius:1rem;color:var(--g-color-blue-400);cursor:pointer;display:flex;font-family:var(--g-font-secondary);font-size:1.6rem;font-weight:600;justify-content:space-between;line-height:normal;list-style:none;min-height:5.5rem;padding:1.8rem 1.6rem;text-transform:uppercase;width:100%}.blog-listing__topic-dropdown-summary::-webkit-details-marker{display:none}.blog-listing__topic-dropdown-summary:after{content:var(--icon-chev-down);font-family:icons!important;font-size:1rem;font-style:normal;font-variant:normal;font-weight:400!important;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:transform .16s ease}.blog-listing__topic-dropdown-summary-text{align-items:center;display:inline-flex;gap:.8rem}.blog-listing__topic-dropdown-summary-text:before{content:">"}.blog-listing__topic-dropdown[open] .blog-listing__topic-dropdown-summary:after{transform:rotate(-180deg)}.blog-listing__topic-dropdown-menu{background-color:var(--g-color-white);border:1px solid var(--g-color-gray-200);border-radius:1rem;box-shadow:0 12px 30px rgba(0,0,0,.12);display:grid;gap:.4rem;left:0;padding:.6rem;position:absolute;right:0;top:calc(100% + .8rem);z-index:10}.blog-listing__topic-dropdown-item{border-radius:.8rem;color:rgba(0,0,0,.65);display:block;font-family:var(--g-font-secondary);font-size:1.4rem;font-weight:600;line-height:normal;padding:1.2rem;text-decoration:none;text-transform:uppercase}.blog-listing__topic-dropdown-item:focus-visible,.blog-listing__topic-dropdown-item:hover{background-color:var(--g-color-light-400);color:var(--g-color-blue-400);outline:none}.blog-listing__topic-dropdown-item.-is-active{color:var(--g-color-blue-400)}.blog-listing__search{align-items:center;border-bottom:1px solid var(--g-color-base);display:flex;gap:.6rem;padding-bottom:.5rem}.blog-listing__search-submit{align-items:center;background:transparent;border:none;color:var(--g-color-base);cursor:pointer;display:flex;justify-content:center;margin:0;padding:0}.blog-listing__search-icon{flex:0 0 2rem;height:2rem;position:relative;width:2rem}.blog-listing__search-icon:before{font-size:2rem}.blog-listing__search-input{background:transparent;border:none;color:var(--g-color-base);font-family:var(--g-font-secondary);font-size:1.6rem;font-weight:400;line-height:1.31;padding:0;width:100%}.blog-listing__search-input::-webkit-search-cancel-button,.blog-listing__search-input::-webkit-search-decoration,.blog-listing__search-input::-webkit-search-results-button,.blog-listing__search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.blog-listing__search-input::-ms-clear,.blog-listing__search-input::-ms-reveal{display:none;height:0;width:0}@container ((width >= 992px)){.blog-listing__search-input{font-size:1.8rem;line-height:1.16}}.blog-listing__search-input::-moz-placeholder{color:var(--g-color-base)}.blog-listing__search-input::placeholder{color:var(--g-color-base)}.blog-listing__search-input:focus{outline:none}.blog-listing__posts{display:grid;gap:3.6rem}@container ((width >= 992px)){.blog-listing__posts{gap:1.8rem}}.blog-listing__empty,.blog-listing__loader{color:var(--g-color-base);font-family:var(--g-font-secondary);font-size:1.4rem;font-weight:500}.blog-listing__loader{margin:3rem 0 0;text-align:center}.blog-listing__loader[hidden]{display:none}}
