.fp-logo-trace{
    --fp-logo-backdrop:#08090d;
    position:relative;
    display:block;
    width:40px;
    height:40px;
    flex-shrink:0;
}
.fp-logo-trace::before{
    content:"";
    position:absolute;
    inset:-2px;
    padding:2px;
    border-radius:16px;
    background:linear-gradient(90deg,transparent 0 16%,#f04d62 31%,#ffd261 43%,#779cf0 58%,#ee6f9b 70%,transparent 84% 100%);
    background-size:300% 100%;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    animation:fpLogoFlow 4.8s linear infinite;
}
.fp-logo-trace::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:14px;
    background:var(--fp-logo-backdrop);
}
.fp-brand-mark{
    position:absolute;
    inset:4px;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    overflow:hidden;
    border-radius:11px;
    background:linear-gradient(145deg,#301820,#111218);
    box-shadow:0 0 26px rgba(240,77,98,.18);
}
.fp-brand-mark::before{
    content:"";
    position:absolute;
    width:calc(100% + 5px);
    height:calc(100% - 5px);
    border:2px solid #f04d62;
    border-radius:5px;
    background:#181016;
}
.fp-brand-mark>span,
.fp-brand-mark::after{
    position:relative;
    z-index:2;
    display:block;
    color:#ffd261;
    font-size:7.4px;
    font-weight:1000;
    line-height:1;
    letter-spacing:.68px;
}
.fp-brand-mark::after{
    content:"PORN";
}
@keyframes fpLogoFlow{
    from{background-position:200% 0}
    to{background-position:-100% 0}
}
@media(prefers-reduced-motion:reduce){
    .fp-logo-trace::before{animation:none}
}