.TopBar{align-items:center;background-color:rgba(var(--c-black),1);color:rgba(var(--c-white),1);display:flex;justify-content:center;min-height:50px;position:relative;z-index:10}@media screen and (max-width:750px){.TopBar{min-height:60px}}.TopBar--inner{padding-bottom:var(--spacing-10,10px);padding-left:var(--site-padding);padding-right:60px;padding-top:var(--spacing-10,10px)}.TopBar--content{display:inline-block;font-size:12px;line-height:1.4}@media (min-width:750px){.TopBar--content{font-size:12px}}@media (min-width:1280px){.TopBar--content{font-size:12px}}@media screen and (max-width:750px){.TopBar--content{line-height:1.4}}@media screen and (min-width:750px){.TopBar--content{font-size:14px;line-height:1.2}}@media screen and (min-width:750px) and (min-width:750px){.TopBar--content{font-size:14px}}@media screen and (min-width:750px) and (min-width:1280px){.TopBar--content{font-size:14px}}@media screen and (min-width:750px) and (max-width:750px){.TopBar--content{line-height:1.2}}.TopBar--close{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;transition:transform .3s ease-in-out;width:48px}.TopBar--close:hover{transform:rotate(90deg)}.TopBar--text{margin-right:var(--spacing-10,10px)}.TopBar--link{color:rgba(var(--c-yellow),1);transition:color .2s ease-in-out}@media (hover:hover){.TopBar--link:focus,.TopBar--link:hover{color:rgba(var(--c-yellow-light),1)}}