:root{--ura-dna-xs:32px;--ura-dna-sm:48px;--ura-dna-md:64px;--ura-dna-lg:96px;--ura-dna-xl:160px;--ura-dna-ease:cubic-bezier(.22,.61,.36,1)}
.ura-dna-system__seal{display:grid;justify-items:center;gap:12px;color:#24251F}
.ura-dna-system__seal--inverse{color:#F9F9F5}
.ura-dna-system__seal--micro .ura-dna{width:var(--ura-dna-xs)!important}
.ura-dna-system__seal--small .ura-dna{width:var(--ura-dna-sm)!important}
.ura-dna-system__seal--medium .ura-dna{width:var(--ura-dna-md)!important}
.ura-dna-system__seal--outline .ura-dna__sides,.ura-dna-system__seal--outline .ura-dna__era{fill:none!important;stroke:currentColor!important;stroke-width:2!important;vector-effect:non-scaling-stroke}
.ura-dna-system__seal--mono .ura-dna__sides,.ura-dna-system__seal--mono .ura-dna__era{fill:currentColor!important}
.ura-dna-system__tag{margin:0;font:500 11px/1.6 var(--ura-font-ui);letter-spacing:.1em;text-align:center}
.ura-dna-system__divider{width:min(220px,100%);display:flex;align-items:center;gap:16px}
.ura-dna-system__divider:before,.ura-dna-system__divider:after{content:"";height:1px;flex:1;background:currentColor;opacity:.18}
.ura-dna-system__divider .ura-dna{flex:none;width:var(--ura-dna-sm)!important}
[data-ura-dna-motion].is-dna-playing .ura-dna__sides{animation:uraIdentitySides 900ms var(--ura-dna-ease) both}
[data-ura-dna-motion].is-dna-playing .ura-dna__era{animation:uraIdentityEra 1150ms var(--ura-dna-ease) both}
[data-ura-dna-motion].is-dna-playing .ub26-signature__seal>span{animation:uraIdentityRule 1050ms var(--ura-dna-ease) both}
[data-ura-dna-motion].is-dna-playing .ub26-signature__tag{animation:uraIdentityCaption 1200ms ease both}
.ura-dna-fit-completion .ura-dna{width:32px!important;height:16px!important}
.ura-dna-fit-completion>span{font:500 11px/1.5 var(--ura-font-ui)!important;letter-spacing:.04em!important}
@keyframes uraIdentitySides{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@keyframes uraIdentityEra{0%,12%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:none}}
@keyframes uraIdentityRule{0%,20%{opacity:0;transform:scaleX(.25)}100%{opacity:.22;transform:none}}
@keyframes uraIdentityCaption{0%,35%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 [data-ura-dna-motion] *,.ura-dna-motion *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}
