.img-wrap[data-v-293c11d9]{--border:3px;--color1:#372316;--color2:#eaa643;--color3:#f4f4f8;--from:40deg;--distance:10%;height:120px;padding:10px;position:relative;transition:all 3s ease;width:120px}.img-wrap.visible[data-v-293c11d9]{--distance:45%}.img-wrap-right[data-v-293c11d9]{--from:130deg}.img-wrap[data-v-293c11d9]:after{background:conic-gradient(from var(--from),var(--color1),var(--color2),var(--color3) var(--distance),transparent var(--distance));content:"";height:100%;left:0;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--border)),#fff calc(100% - var(--border) + 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--border)),#fff calc(100% - var(--border) + 1px));position:absolute;top:0;width:100%}.img-wrap[data-v-293c11d9]:after,img[data-v-293c11d9]{border-radius:999px;display:block}img[data-v-293c11d9]{height:100px;width:100px}@media(min-width:768px){.img-wrap[data-v-293c11d9]{height:160px;width:160px}img[data-v-293c11d9]{border-radius:999px;display:block;height:140px;width:140px}}