.blog-summary{background-color:#d6eeff;border-radius:8px;margin:0 auto;max-width:720px;padding:12px 24px;position:relative}.blog-summary__header{font-size:1rem;font-weight:400}.blog-summary__preview{max-height:70px;overflow:hidden;position:relative;transition:max-height .4s ease}.blog-summary__preview:after{background:linear-gradient(to bottom,transparent,var(--color-blue-50));bottom:0;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease}.blog-summary__preview.is-expanded{max-height:1000px}.blog-summary__preview.is-expanded:after{opacity:0}.blog-summary__preview ol,.blog-summary__preview p,.blog-summary__preview ul{margin:0 0 var(--spacing-small) 0}.blog-summary__preview ol,.blog-summary__preview ul{padding-left:var(--spacing-large)}.blog-summary__preview li{color:var(--color-base-dark);margin-bottom:var(--spacing-x-small)}.blog-summary__preview>:first-child{margin-top:0}.blog-summary__preview>:last-child{margin-bottom:0}.blog-summary__expand{align-items:center;background-color:transparent;background:#3c50e7;border:none;cursor:pointer;display:flex;justify-content:center;margin-top:var(--spacing-small);padding:0;position:relative;top:26px;transform:translateX(200%);width:20%}.blog-summary__expand-icon{color:#fff;transition:transform .3s ease,color .3s ease}.blog-summary__expand:hover .blog-summary__expand-icon{color:#ff6439}.blog-summary__expand[aria-expanded=true] .blog-summary__expand-icon{transform:rotate(180deg)}