.Changelog header,.Changelog header .menu-button,.Changelog .hero,.SaaS header,.SaaS header .menu-button,.SaaS .hero,.OSS header,.OSS header .menu-button,.OSS .hero,.Projects header,.Projects header .menu-button,.Projects .hero,.Components header,.Components header .menu-button,.Components .hero{background-color:var(--smithy-sandbox-600)}.changelog-list.hero{padding-bottom:100px}.listing-hero{text-align:center;position:relative;overflow:hidden}.listing-hero h1,.listing-hero p{margin:0}.listing-hero .text-box{display:flex;flex-direction:column}@media all and (max-width:767px){.listing-hero .hero-image{margin:40px auto 20px}.listing-hero .text-box{gap:24px;margin:0 auto 40px}}@media all and (min-width:768px){.listing-hero .hero-image{margin:60px auto 24px}.listing-hero .text-box{gap:48px;margin:0 auto 60px}.listing-hero .text-box>*{max-width:700px;margin:0 auto}}@media all and (min-width:1200px){.listing-hero .hero-image{margin:90px auto 36px}.listing-hero .text-box{margin:0 auto 90px}}.category-hero{padding-bottom:70px}@media all and (min-width:1200px){.category-hero{padding-bottom:100px}}.changelog-item{display:flex;padding:0 20px;gap:20px;border-radius:14px;position:relative;align-items:flex-start}.changelog-item time{font-family:var(--smithy-font-family-monospace);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--smithy-text-color);font-size:1.2rem}.changelog-item a{text-decoration:none}.changelog-item a h4{transition:color ease 200ms;margin-bottom:5px}.changelog-item a:hover h4{color:var(--pico-primary)}.changelog-item p{margin:0}.changelog-item .card-content{display:flex;flex-direction:column;gap:8px;padding:0 0 20px}.changelog-item .profiles{margin-top:auto;display:flex;gap:20px;flex-wrap:wrap}.changelog-item .release-number{width:200px;display:flex;flex-direction:column;font-family:var(--smithy-font-family-monospace);background-color:var(--smithy-sandbox-600);text-transform:uppercase;border-radius:12px;overflow:hidden;box-shadow:-9px 10px 10px rgba(0,0,0,3%);flex-shrink:0;border:1px solid var(--smithy-sandbox-800);font-size:18px}.changelog-item .release-number .title{font-size:14px;font-weight:700;line-height:21px;letter-spacing:.02em;text-align:left;padding:8px 12px;background:var(--smithy-sandbox-800)}.changelog-item .release-number .title.SaaS{background:var(--smithy-code-red-600);color:#fff}.changelog-item .release-number .title.Components{background:var(--smithy-tooling-teal-600);color:#fff}.changelog-item .release-number .title.OSS{background:var(--smithy-sandbox-200)}.changelog-item .release-number .content{font-weight:700;text-align:center;margin:12px;background:rgba(212,201,182,.5);background-blend-mode:multiply;padding:8px 12px;border-radius:4px 0 0 0}@media all and (min-width:768px){.changelog-item .card-content{flex-direction:column;width:70%}.changelog-item .thumbnail-image{width:30%}}@media all and (min-width:992px){.changelog-item{gap:40px}.changelog-item .card-content{flex-direction:column;width:auto}}@media all and (max-width:576px){.changelog-item{flex-direction:column}.changelog-item .thumbnail-image{width:100%;max-height:100px}}.changelog-list .overlay-card{background:linear-gradient(180deg,var(--smithy-sandbox-200) 0%,var(--smithy-sandbox-400) 50%,var(--smithy-sandbox-600) 100%)}.changelog-list .article-list{display:flex;flex-direction:column;gap:40px}@media all and (min-width:1200px){.changelog-list .article-list .post-card{gap:0;flex-grow:1}.changelog-list .article-list .post-card .card-content{padding:12px 20px}.changelog-list .article-list .post-card .thumbnail-image{object-fit:cover;width:200px;min-height:200px}}.Changelog-single .rounded-menu{display:inline-block;width:auto;margin:0}.Changelog-single .rounded-menu>*{margin:0 4px;padding:2px 12px;line-height:clamp(1.2rem,4vw,1.44rem);vertical-align:middle}.Changelog-single .rounded-menu>*:first-child{margin-left:0}.Changelog-single .rounded-menu>*:last-child{margin-right:0}.Changelog-single .header-title .summary{margin:20px 0 30px}.Changelog-single .featured-image{max-height:240px;object-fit:cover;object-position:center}.Changelog-single .top-info{display:flex;justify-content:space-between;border-top:1px solid var(--smithy-sandbox-800);border-bottom:1px solid var(--smithy-sandbox-800);padding:12px;margin:30px 0}.Changelog-single .top-info img{border-radius:50%}.Changelog-single .top-info .profile .name a+a::before{content:", ";margin-right:4px}.Changelog-single .top-info .info{display:flex;flex-direction:column;justify-content:center}.Changelog-single .top-info .info time,.Changelog-single .top-info .info p{margin:0;font-size:var(--smithy-fs-s);line-height:var(--smithy-lh-s);letter-spacing:-.01em}.Changelog-single .top-info .date{display:flex;flex-direction:column}.Changelog-single .top-info .date time{margin:0;font-size:var(--smithy-fs-s);line-height:var(--smithy-lh-s);letter-spacing:-.01em}.Changelog-single .top-info button{width:125px}@media all and (max-width:767px){.Changelog-single{padding-right:var(--pico-spacing);padding-left:var(--pico-spacing)}.Changelog-single .rounded-menu{margin-bottom:20px}.Changelog-single #breadcrumbs{display:none}}@media all and (max-width:576px){.Changelog-single .header-title .summary{margin:20px 0 15px}.Changelog-single .top-info{flex-direction:column;gap:20px;padding:12px 0;margin:15px 0 30px}}.Changelog-single address,.Changelog-single time,.Changelog-single blockquote,.Changelog-single dl,.Changelog-single ol,.Changelog-single p,.Changelog-single pre,.Changelog-single table,.Changelog-single ul{font-size:var(--smithy-fs-xl);line-height:var(--smithy-lh-xl);letter-spacing:-.01em;margin-bottom:20px}@media all and (min-width:768px){.Changelog-single address,.Changelog-single time,.Changelog-single blockquote,.Changelog-single dl,.Changelog-single ol,.Changelog-single p,.Changelog-single pre,.Changelog-single table,.Changelog-single ul{margin-bottom:40px}}.Changelog-single ol,.Changelog-single ul{margin-top:10px}@media all and (min-width:768px){.Changelog-single ol,.Changelog-single ul{margin-top:20px}}.Changelog-single img{border-radius:10px}.Changelog-single main a{text-decoration:none}@media all and (min-width:992px){.Changelog-single p:has(>img){background:var(--pico-image-background);padding:80px 120px;border-radius:20px;display:flex;justify-content:center;align-items:center;align-content:center}}@media all and (min-width:768px){.changelog-content{padding:0 20px}}@media all and (min-width:992px){.changelog-content{padding:20px 40px}}@media all and (min-width:1200px){.changelog-content{padding:40px 80px}}@media all and (min-width:1400px){.changelog-content{padding:90px 160px}}