.bfly{position:fixed;inset:0;pointer-events:none;overflow:hidden;perspective:var(--bfly-persp,900px);perspective-origin:50% 50%;transform-style:preserve-3d;contain:strict}.bfly--back{z-index:-1}.bfly--front{z-index:90}.bfly__b{--h:100px;--w:69px;--a:0deg;--s:0deg;--t:0deg;position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.bfly__w{position:absolute;left:calc(-1 * var(--w));top:calc(-.5 * var(--h));width:var(--w);height:var(--h);transform-origin:100% 50%;transform-style:preserve-3d;will-change:transform}.bfly__w--l{transform:rotateY(var(--a))rotateX(var(--t))rotateZ(var(--s))}.bfly__w--r{transform:rotateY(calc(-1 * var(--a)))rotateX(var(--t))rotateZ(calc(-1 * var(--s)))scaleX(-1)}.bfly__f,.bfly__v{position:absolute;inset:0;width:100%;height:100%;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;user-select:none;-webkit-user-drag:none}.bfly__v{transform:rotateY(180deg)scaleX(-1)}.bfly__body{position:absolute;display:block;user-select:none;-webkit-user-drag:none}.bfly__body--top{transform:translateZ(1px)}.bfly__body--side{transform:rotateY(90deg)}