/* The overlay follows the painted image; its feather scales with each preview. */
.preview-brand-layer{
 position:absolute;display:block!important;pointer-events:none;z-index:4;overflow:hidden;
 opacity:1!important;padding:0!important;background:transparent!important;border:0!important;
 min-height:0!important;min-width:0!important;transform:none!important;
 --brand-blur:5px;--brand-feather:6px;
}
.preview-brand-layer[hidden]{display:none!important}
.preview-brand-layer .preview-brand-mask{
 display:block;position:absolute;pointer-events:none;
 padding:0!important;min-height:0!important;min-width:0!important;margin:0!important;
 opacity:1!important;transform:none!important;border:0!important;
 background:transparent!important;box-shadow:none!important;
 border-radius:calc(var(--brand-feather) * 2);
 overflow:hidden;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 /* Keep the name fully blurred; fade only through the extra outer margin. */
 --brand-fade-x:linear-gradient(to right,transparent,rgba(0,0,0,.15) calc(var(--brand-feather) * .25),rgba(0,0,0,.6) calc(var(--brand-feather) * .55),#000 var(--brand-feather),#000 calc(100% - var(--brand-feather)),rgba(0,0,0,.6) calc(100% - var(--brand-feather) * .55),rgba(0,0,0,.15) calc(100% - var(--brand-feather) * .25),transparent);
 --brand-fade-y:linear-gradient(to bottom,transparent,rgba(0,0,0,.15) calc(var(--brand-feather) * .25),rgba(0,0,0,.6) calc(var(--brand-feather) * .55),#000 var(--brand-feather),#000 calc(100% - var(--brand-feather)),rgba(0,0,0,.6) calc(100% - var(--brand-feather) * .55),rgba(0,0,0,.15) calc(100% - var(--brand-feather) * .25),transparent);
 -webkit-mask-image:var(--brand-fade-x),var(--brand-fade-y);
 mask-image:var(--brand-fade-x),var(--brand-fade-y);
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
.preview-brand-layer .preview-brand-sample{
 display:block;position:absolute;pointer-events:none;
 padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
 min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
 opacity:1!important;transform:none!important;box-shadow:none!important;
 background-repeat:no-repeat;background-size:100% 100%;
 filter:blur(var(--brand-blur))!important;
 -webkit-filter:blur(var(--brand-blur))!important;
}