/* Colour moves through the unchanged, genuine SVG silhouette. */
.brand-sweep{position:relative;display:inline-block;flex:none;line-height:0;vertical-align:middle}
.brand-sweep>img{display:block}
.wordmark-logo{width:120px}
.wordmark-logo>img{width:100%;height:auto}
@supports (mask-image:url('/assets/freely-gradient.svg')) or (-webkit-mask-image:url('/assets/freely-gradient.svg')){
.brand-sweep>img{opacity:0}
.brand-sweep::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,#4db8ff 0%,#34c759 50%,#4db8ff 100%);background-size:240% 100%;background-position:0% 50%;-webkit-mask:url('/assets/freely-gradient.svg') center/100% 100% no-repeat;mask:url('/assets/freely-gradient.svg') center/100% 100% no-repeat;animation:freely-colour-sweep 12s ease-in-out infinite alternate}
}
@keyframes freely-colour-sweep{from{background-position:0% 50%}to{background-position:100% 50%}}
.motion-paused .brand-sweep::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.brand-sweep::after{animation:none!important;background-position:50% 50%}}
@media(max-width:760px){.wordmark-logo{width:105px}}

.planned-hq{display:block;margin-bottom:7px;font-size:10px;line-height:1.5;letter-spacing:.06em;opacity:.8}html[dir=rtl] .planned-hq{letter-spacing:0}