﻿[data-bara-finish-position=relative]{position:relative}
.bara-finish{position:absolute;pointer-events:none;border-radius:4%;overflow:hidden;z-index:1;--fx:50%;--fy:40%;--power:.48}
.bara-finish>span{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(#000 0 55%,#0008 65%,#0001 76%,#0001 88%,#0004 100%)}
.bara-finish[data-bara-finish=rare] .bf-material{background:repeating-linear-gradient(100deg,#e5f1ff44 0 .45px,#11182711 .45px 1.7px);mix-blend-mode:soft-light;opacity:calc(var(--power)*.22)}
.bara-finish[data-bara-finish=rare] .bf-light{background:linear-gradient(115deg,transparent calc(var(--fx) - 13%),#7b9eb12b calc(var(--fx) - 8%),#eff6ff99 calc(var(--fx) - 2%),#fffdf3ed var(--fx),#deedff99 calc(var(--fx) + 2%),#53748c22 calc(var(--fx) + 7%),transparent calc(var(--fx) + 12%));mix-blend-mode:screen;opacity:calc(var(--power)*.8)}
.bara-finish[data-bara-finish=epic] .bf-material{background:repeating-linear-gradient(125deg,#ec458f99 0%,#e1b75e88 9%,#6ee5bb99 18%,#4ea7fa99 27%,#a174eeaa 36%,#ec458f99 45%);background-size:190% 190%;background-position:var(--fx) var(--fy);mix-blend-mode:color;opacity:calc(var(--power)*.65)}
.bara-finish[data-bara-finish=epic] .bf-light{background:repeating-linear-gradient(116deg,transparent 0 3px,#fff8 3px 3.5px,transparent 3.5px 7px);mix-blend-mode:color-dodge;opacity:calc(var(--power)*.4);mask-image:radial-gradient(ellipse at var(--fx) var(--fy),#000,#000a 20%,transparent 65%),linear-gradient(#000 0 56%,transparent 72%);mask-composite:intersect}
.bara-finish[data-bara-finish=epic] .bf-glint{background:linear-gradient(116deg,transparent calc(var(--fx) - 14%),#b3faff33 calc(var(--fx) - 7%),#ffeaffcc var(--fx),#a3dfff44 calc(var(--fx) + 5%),transparent calc(var(--fx) + 13%));mix-blend-mode:screen;opacity:calc(var(--power)*.65)}
.shop-preview-art .bara-finish,.sim-cosmetic-picture .bara-finish{--power:.65}
@media(prefers-reduced-motion:reduce){.bara-finish{--fx:50%!important;--fy:40%!important}}
