.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; }.nb-squeezy-radius-button {
z-index: 1;
padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
-webkit-user-select: none;
user-select: none;
place-content: center;
display: flex;
width: fit-content;
position: relative;
cursor: pointer;
--ease: cubic-bezier(0.34, 2.27, 0.64, 1);
--border-radius-ease: cubic-bezier(0.34, 1.37, 0.64, 1);
--color-ease: cubic-bezier(0.215, 0.61, 0.355, 1);
--text-ease: cubic-bezier(.21, 1, .34, 1);
transition: transform var(--squeezy-duration) cubic-bezier(0.34, 2.27, 0.64, 1);
place-content: center;
padding-top: 0;
padding-bottom: 0;
}
.nb-squeezy-radius-button__container {
padding: var(--padding-top) 0 var(--padding-bottom) 0; 
z-index: 1;
position: relative;
overflow: clip;
}
.nb-squeezy-radius-button__text {
display: block;
}
@media (hover: hover) and (pointer: fine) {
.nb-squeezy-radius-button .nb-squeezy-radius-button__text {
color: var(--background);
text-shadow: 0 calc(var(--swap-translate) * -1) 0 var(--text-color);
transform: translateY(var(--swap-translate));
transition: transform calc(var(--swap-duration) * 1.5) var(--text-ease), 
text-shadow calc(var(--swap-duration) * 0.5) var(--color-ease), 
color calc(var(--swap-duration) * 0.5) var(--color-ease);
}
.nb-squeezy-radius-button:hover .nb-squeezy-radius-button__text, 
.nb-squeezy-radius-button:focus-visible .nb-squeezy-radius-button__text {
color: var(--text-color);
transform: translateY(0);
text-shadow: 0 calc(var(--swap-translate) * -1) 0 var(--background);
}
}
.nb-squeezy-radius-button__background {
z-index: -1;
background-color: var(--background);
place-self: center;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
}
.nb-squeezy-radius-button__background--bubblegum-dash {
transition: border-radius calc(var(--squeezy-duration) * 1.5) var(--border-radius-ease), 
transform var(--squeezy-duration) var(--ease), 
width calc(var(--squeezy-duration) * 1.5) var(--ease);
}
.nb-squeezy-radius-button:hover .nb-squeezy-radius-button__background, 
.nb-squeezy-radius-button:focus-visible .nb-squeezy-radius-button__background {
transform: scaleX(1.05) scaleY(1.075);
width: calc(100% + 0.75em);
}
.nb-squeezy-radius-button::after {
content: "";
display: block;
position: absolute;
}