.bc-scribble-title{
display: block;
width: fit-content;
height: auto;
}
.bc-scribble-title__element > *,
.bc-scribble-title__element > * > div{
display: inline-block;
}
.bc-scribble-title__element em{
position: relative; z-index: 1;
font-style: normal;
width: fit-content;
height: fit-content;
}
.bc-scribble-title__svg{
z-index: -1; position: absolute; top: 60%; left: 0; width: 100%; overflow: visible !important; transform: scaleX(1.01) scaleY(1.01) scaleZ(1.01); --svg-duration: 1.3s;
--svg-easing: cubic-bezier(0.65,0,0.35,1);
}
.bc-scribble-title__svg path{
fill: none; stroke: #ffc107; stroke-width: 75px; opacity: 0; transition: stroke-dashoffset var(--svg-duration) var(--svg-easing); }
.bc-scribble-title__active-scribble path{
opacity: 1; stroke-dashoffset: 0; }
[data-active="bc-scribble-title__active-scribble"] path{
opacity: 1; stroke-dashoffset: 0; } .bc-scribble-title__line{
stroke-dasharray: 2947.2548828125; stroke-dashoffset: 2947.2548828125; } .bc-scribble-title__stacked{
stroke-dasharray: 3822.566162109375; stroke-dashoffset: 3822.566162109375; }
[data-active="bc-scribble-title__active-scribble--played"] .bc-scribble-title__stacked{
opacity: 1; stroke-dashoffset: 3822.566162109375; } .bc-scribble-title__stacked2{
stroke-dasharray: 3436.10302734375; stroke-dashoffset: 3436.10302734375; }
[data-active="bc-scribble-title__active-scribble--played"] .bc-scribble-title__stacked2{
opacity: 1; stroke-dashoffset: 3436.10302734375; } .bc-scribble-title__stacked3{
stroke-dasharray: 6885.6689453125; stroke-dashoffset: 6885.6689453125; }
[data-active="bc-scribble-title__active-scribble--played"] .bc-scribble-title__stacked3{
opacity: 1; stroke-dashoffset:6885.6689453125; } .bc-scribble-title__scratch1{
stroke-dasharray: 2775.923828125; stroke-dashoffset: 2775.923828125; }
[data-active="bc-scribble-title__active-scribble--played"] .bc-scribble-title__scratch1{
opacity: 1; stroke-dashoffset: 2775.923828125; } .bc-scribble-title__scratch2{
stroke-dasharray: 1729.8441162109375; stroke-dashoffset: 1729.8441162109375; }
[data-active="bc-scribble-title__active-scribble--played"] .bc-scribble-title__scratch2{
opacity: 1; stroke-dashoffset: 1729.8441162109375; } .bc-scribble-title__scratch3{
stroke-dasharray: 4528.685546875; stroke-dashoffset: 4528.685546875; }
[data-active="bc-scribble-title__active-scribble--played"] .bc-scribble-title__scratch3{
opacity: 1; stroke-dashoffset: 4528.685546875; } .bc-scribble-title__signature{
stroke-dasharray: 5843.31396484375; stroke-dashoffset: 5843.31396484375; }
[data-active="bc-scribble-title__active-scribble--played"] .bc-scribble-title__signature{
opacity: 1; stroke-dashoffset: 5843.31396484375; } .bc-scribble-title__svg-circle{
top: -25%;
}
.bc-scribble-title__circle{
stroke-dasharray: 6136.572265625; stroke-dashoffset: 6136.572265625; }
[data-active="bc-scribble-title__active-scribble--played"] .bc-scribble-title__circle{
opacity: 1; stroke-dashoffset: 6136.572265625; }