.ydn-brand {display:inline-flex;align-items:center;gap:var(--ydn-logo-gap,15px);max-width:100%;vertical-align:middle;white-space:nowrap;line-height:1;}
.ydn-brand-mark {position:relative;display:block;flex:none;width:var(--ydn-logo-size,76px);height:var(--ydn-logo-size,76px);}
.ydn-brand-gear,.ydn-brand-code {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 .1px var(--ydn-icon-color,#fff));}
.ydn-brand-gear {animation:ydn-gear-spin var(--ydn-rotation,28s) linear infinite;}
.ydn-brand-code {transform:scale(.98);}
.ydn-brand.ydn-reverse .ydn-brand-gear{animation-direction:reverse;}
.ydn-brand-label{font-family:var(--ydn-font,Poppins),sans-serif;font-weight:var(--ydn-weight,700);font-size:var(--ydn-text-size,28px);color:var(--ydn-text-color,#fff);transform:translateY(var(--ydn-text-offset,-12px));min-width:0;line-height:1.12;}
.ydn-brand-word{display:inline-block;white-space:pre;}
.ydn-brand-label.ydn-with-cursor .ydn-brand-word:after{content:'|';display:inline-block;opacity:1;animation:ydn-cursor-flash .8s steps(1) infinite;}
.ydn-brand-fallback,.ydn-brand-fallback:hover{display:inline-flex;text-decoration:none!important;align-items:center;}
@keyframes ydn-gear-spin{to{transform:rotate(360deg)}}
@keyframes ydn-cursor-flash{50%{opacity:0}}
@media(max-width:767px){.ydn-brand-mark{width:var(--ydn-logo-mobile,48px);height:var(--ydn-logo-mobile,48px)}.ydn-brand-label{font-size:var(--ydn-text-mobile,18px)}}
@media(prefers-reduced-motion:reduce){.ydn-brand-gear{animation:none!important}.ydn-brand-label.ydn-with-cursor .ydn-brand-word:after{animation:none}}

/* Tint the supplied transparent line drawings using the Customizer icon color. */
.ydn-brand-gear,.ydn-brand-code {opacity:0;}
.ydn-brand-mark:before,.ydn-brand-mark:after{content:"";position:absolute;inset:0;background:var(--ydn-icon-color,#fff);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;}
.ydn-brand-mark:before{mask-image:url(gear.png);-webkit-mask-image:url(gear.png);animation:ydn-gear-spin var(--ydn-rotation,28s) linear infinite;}
.ydn-brand-mark:after{mask-image:url(code.png);-webkit-mask-image:url(code.png);}
.ydn-brand.ydn-reverse .ydn-brand-mark:before{animation-direction:reverse;}
.ydn-brand-label{animation:ydn-title-enter .5s ease-out both;}
@keyframes ydn-title-enter{from{opacity:0;translate:12px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.ydn-brand-mark:before,.ydn-brand-label{animation:none!important}}