:root{--tb-sticky-h: 56px;--tb-pad-y: 16px // padding vertical default;--tb-media-h: 64px // tinggi logo/gambar default}@media(min-width: 992px){:root{--tb-sticky-h: 64px}}.tb-slot{position:relative}.tb-banner{display:block;background:var(--tb-bg, #edf7ef);color:#fff;text-decoration:none;position:relative;z-index:10;transition:height .3s cubic-bezier(0.2, 0.7, 0.2, 1),padding .3s cubic-bezier(0.2, 0.7, 0.2, 1),opacity .3s cubic-bezier(0.2, 0.7, 0.2, 1),box-shadow .28s cubic-bezier(0.2, 0.7, 0.2, 1),transform .24s cubic-bezier(0.2, 0.7, 0.2, 1);will-change:height,padding,opacity,box-shadow,transform;backface-visibility:hidden}.tb-banner:hover{color:#fff !important;opacity:.97}.tb-banner.is-closed{display:none}.tb-banner .tb-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.tb-banner .tb-media .img{display:block;width:auto;height:64px;transition:height .24s cubic-bezier(0.2, 0.7, 0.2, 1),transform .24s cubic-bezier(0.2, 0.7, 0.2, 1);will-change:height,transform}.tb-banner .tb-copy{display:grid;line-height:1.5;padding:6px 0;transition:padding .24s cubic-bezier(0.2, 0.7, 0.2, 1),gap .24s cubic-bezier(0.2, 0.7, 0.2, 1);will-change:padding,gap}.tb-banner .tb-copy .title{font-weight:600}.tb-banner .tb-copy .title-sm{font-weight:600;display:none}.tb-banner .tb-copy .desc.desc--sticky{display:none}.tb-banner .tb-copy .desc.desc--full{font-size:14px;line-height:150%}.tb-banner .tb-copy .desc p{margin-bottom:0px}.tb-banner .tb-cta{display:flex;gap:8px;align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(currentColor, currentColor);background-size:0% 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .28s ease}.tb-banner .tb-cta .link{font-weight:400;text-decoration:none;font-size:16px;line-height:1.5}.tb-banner.is-sticky{position:sticky;top:0;z-index:1200;box-shadow:0 2px 10px rgba(0,0,0,.04);transform:translateY(-2px)}.tb-banner.is-sticky .tb-media .img{height:40px}.tb-banner.is-sticky .tb-copy{gap:2px}.tb-banner.is-sticky .tb-copy .title{font-size:14px;line-height:1.5}.tb-banner.is-sticky .tb-copy .title-sm{display:none}.tb-banner.is-sticky .tb-copy .desc.desc--full,.tb-banner.is-sticky .tb-copy .desc.desc--full-sm,.tb-banner.is-sticky .tb-copy .desc.desc--sticky{display:none}.tb-banner.is-sticky .tb-cta .link{font-size:14px}.tb-banner.is-sticky .tb-cta svg{width:14px;height:auto}@media(max-width: 991px){.tb-banner .tb-row{grid-template-columns:1fr;gap:0px}.tb-banner .tb-row .tb-media{display:none}.tb-banner .tb-row .tb-copy{padding:8px 20px 8px 0;position:relative}.tb-banner .tb-row .tb-copy .title{display:none}.tb-banner .tb-row .tb-copy .title-sm{display:inline-block;font-size:14px;line-height:1.4}.tb-banner .tb-row .tb-copy .desc.desc--full{font-size:12px;line-height:16px}.tb-banner .tb-row .tb-copy::after{content:"";position:absolute;top:10px;right:0;width:14px;height:14px;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'><path d='M9.85834 0.75L14.9167 5.80833L9.85834 10.8667M0.75 5.80833H14.775' stroke='%23ffffff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-size:100% 100%}.tb-banner .tb-row .tb-cta{display:none}.tb-banner.is-sticky{transform:translateY(0px)}.tb-banner.is-sticky .tb-copy .desc.desc--sticky{display:block;font-size:12px;line-height:16px}}@media(min-width: 992px){.tb-copy::after{display:none}}.tb-banner:hover .tb-cta,.tb-banner:focus-within .tb-cta{background-size:100% 2px}@media(prefers-reduced-motion: reduce){.tb-banner:hover .tb-cta .link{transition:none}.tb-banner:hover .tb-cta svg{transition:none}}@media screen and (max-width: 1199px){body.with-header-footer.esign-has-tb.menu-open .tb-slot{display:none}}/*# sourceMappingURL=sticky-banner.min.css.map */