section.blog-banner-sticky{display:none;opacity:0;pointer-events:none;visibility:hidden}section.blog-banner-sticky .wrapper-top .title{font-size:17px}section.blog-banner-sticky .wrapper-bottom .description{font-size:14px}section.blog-banner-sticky.pink{border-top:10px solid var(--color-fushia-hex)}section.blog-banner-sticky.pink .wrapper-top .title{color:var(--color-fushia-hex)}section.blog-banner-sticky.blue-light{background-color:var(--color-cloud-hex);border-top:10px solid var(--color-smoke-hex)}section.blog-banner-sticky.blue-light .wrapper-top .title{color:var(--color-smoke-hex)}section.blog-banner-sticky.blue{background-color:var(--color-berkeley-hex);border-top:10px solid var(--color-bali-hex)}section.blog-banner-sticky.blue .wrapper-bottom .description,section.blog-banner-sticky.blue .wrapper-top .title{color:var(--color-cloud-hex)}@media screen and (max-width:992px){section.blog-banner-sticky{bottom:0;display:block;left:0;opacity:1;pointer-events:all;position:fixed;visibility:visible;width:100%;z-index:1000}section.blog-banner-sticky.hidden{display:none;opacity:0;pointer-events:none;visibility:hidden;z-index:-1}section.blog-banner-sticky .container{padding:16px 48px!important}section.blog-banner-sticky .container.active .wrapper-top .title:before{transform:translateY(-50%) rotate(180deg)}section.blog-banner-sticky .wrapper-top .title:before{background-color:var(--color-black-hex);content:"";height:8px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' class='absolute' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='M11.713 2.38 6.692 7.46a.973.973 0 0 1-1.384 0L.287 2.38a1 1 0 0 1 0-1.403L.719.54a.973.973 0 0 1 1.386 0L5.31 3.783a.973.973 0 0 0 1.384 0L9.899.54a.973.973 0 0 1 1.386 0l.432.437a1.005 1.005 0 0 1-.004 1.403'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;position:absolute;right:26px;top:50%;transform:translateY(-50%);transition:transform .3s ease-in-out;width:12px}section.blog-banner-sticky.blue .wrapper-top .title:before{background-color:var(--color-cloud-hex)}section.blog-banner-sticky .container .wrapper-bottom{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}section.blog-banner-sticky .wrapper-bottom .wrapper-content{display:flex;flex-direction:column;gap:12px}}