.top-banner{--top-banner-bg: #33fdd8;--top-banner-text: #000000;position:fixed;top:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:12px 48px 12px 20px;background-color:var(--top-banner-bg);color:var(--top-banner-text);text-align:center;transition:transform .3s ease-out,opacity .3s ease-out,height .3s ease-out,min-height .3s ease-out,padding .3s ease-out}.top-banner.is-closed{transform:translateY(-100%);opacity:0;pointer-events:none;overflow:hidden;min-height:0!important;height:0!important;padding-top:0!important;padding-bottom:0!important}.top-banner__link{display:block;width:100%;max-width:90ch;text-decoration:none;color:inherit;font-family:Google Sans Code,monospace;font-size:16px;line-height:1.3;transition:opacity .2s ease}.top-banner__link:hover{opacity:.85}@media(min-width:768px){.top-banner__link{font-size:20px}}.top-banner__text{display:inline}.top-banner__close{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--top-banner-text);cursor:pointer;border-radius:4px;transition:background-color .2s ease,color .2s ease}.top-banner__close:hover{background-color:#00000014}.top-banner__close:focus-visible{outline:2px solid var(--top-banner-text);outline-offset:2px}