.one-img-frame{--radius:22px;--stroke:4px;--skew:-8deg;--overscan:1.12;--ghost-offset-x:18px;--ghost-offset-y:10px;--ghost-opacity:0;--rainbow:linear-gradient(90deg,#009de0,#9f519b 20%,#da1484 40%,#f8ae48 60%,#faea00 80%,#0da13a);backface-visibility:hidden;border-radius:var(--radius);display:inline-block;isolation:isolate;overflow:hidden;position:relative;transform:skewX(var(--skew));-webkit-font-smoothing:antialiased}.one-img-frame>img{backface-visibility:hidden;border-radius:calc(var(--radius) - 1px);display:block;height:100%;object-fit:cover;object-position:50% 50%;transform:skewX(calc(var(--skew)*-1)) scale(var(--overscan));transform-origin:50% 50%;width:100%}.one-img-frame:before{z-index:2}.one-img-frame:after,.one-img-frame:before{background:var(--rainbow);border-radius:var(--radius);content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--stroke);pointer-events:none;position:absolute}.one-img-frame:after{filter:saturate(110%);opacity:var(--ghost-opacity);transform:translate(var(--ghost-offset-x),var(--ghost-offset-y));z-index:1}.one-img-wrap{aspect-ratio:1/1;position:relative;width:min(320px,50vw)}.one-img-frame.tilt-none{transform:none}.one-img-frame.tilt-none>img{transform:scale(var(--overscan))}.one-img-frame:hover:before{filter:drop-shadow(0 0 10px rgba(255,255,255,.08))}