.taz-animated-logo{display:inline-block;width:var(--taz-logo-size,52px);height:var(--taz-logo-size,52px);flex-shrink:0;vertical-align:middle;background:url('../branding/taz-head-sheet.png') 0 0/400% 200% no-repeat;animation:taz-head 4.7s steps(1,end) infinite;filter:drop-shadow(0 2px 4px #7c3aed30)}
@keyframes taz-head{0%{background-position:0 0}23.404%{background-position:33.333% 0}26.809%{background-position:66.667% 0}40.638%{background-position:33.333% 0}44.043%{background-position:0 0}54.681%{background-position:0 100%}56.383%{background-position:33.333% 100%}58.511%{background-position:0 100%}60.213%{background-position:0 0}68.723%{background-position:66.667% 100%}72.128%{background-position:100% 100%}85.957%{background-position:66.667% 100%}89.362%,100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.taz-animated-logo{animation:none}}

.taz-role-logo{width:var(--taz-logo-size);height:var(--taz-logo-size);position:relative;display:inline-block;vertical-align:middle;flex-shrink:0;border-radius:24%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#45216a,#160c25 80%)}
.taz-role-logo>.taz-animated-logo{position:absolute;top:1%;left:6%;width:88%;height:88%;z-index:2}
.taz-role-logo>b{position:absolute;bottom:3.2%;left:0;width:100%;text-align:center;z-index:6;color:#fff;font-family:Arial Black,Arial,sans-serif;font-style:italic;font-weight:1000;font-size:calc(var(--taz-logo-size)*.105);letter-spacing:calc(var(--taz-logo-size)*-.0044);transform:skew(-7deg);text-shadow:1px 2px #572690;line-height:1}
.taz-role-paper{position:absolute;width:15%;height:19%;background:linear-gradient(125deg,#fff,#ede9f3 75%,#c6bfd3);border-radius:2px 6px 2px 2px;z-index:1;left:5%;top:60%;opacity:0;animation:taz-paper-rear 4.7s ease-in-out infinite}.taz-role-paper:before{content:'';position:absolute;inset:24% 18%;background:repeating-linear-gradient(#a9a0b4 0 1px,transparent 1px 4px);opacity:.6}.taz-role-paper.second{left:75%;animation-delay:-2.1s}.taz-role-paper.front{left:-20%;top:18%;width:17%;height:20%;z-index:5;animation-name:taz-paper-bump}
@keyframes taz-paper-rear{0%{opacity:0;transform:translate(0,0) rotate(-30deg)}15%{opacity:1}50%{transform:translate(calc(var(--taz-logo-size)*.12),calc(var(--taz-logo-size)*-.46)) rotate(35deg) rotateY(45deg);opacity:1}100%{transform:translate(calc(var(--taz-logo-size)*.32),calc(var(--taz-logo-size)*-.77)) rotate(120deg);opacity:0}}
@keyframes taz-paper-bump{0%,15%{opacity:0;transform:translate(0,0) rotate(-45deg)}22%{opacity:1}44%{transform:translate(calc(var(--taz-logo-size)*.41),calc(var(--taz-logo-size)*.165)) rotate(20deg);opacity:1}48%{transform:translate(calc(var(--taz-logo-size)*.426),calc(var(--taz-logo-size)*.168)) rotate(5deg) rotateY(65deg)}55%{transform:translate(calc(var(--taz-logo-size)*.39),calc(var(--taz-logo-size)*.19)) rotate(-22deg)}78%{transform:translate(calc(var(--taz-logo-size)*.60),calc(var(--taz-logo-size)*.5)) rotate(125deg);opacity:1}95%,100%{transform:translate(calc(var(--taz-logo-size)*.77),calc(var(--taz-logo-size)*.81)) rotate(210deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.taz-role-paper{animation:none;opacity:1;transform:rotate(-20deg)}.taz-role-paper.front{display:none}}