.plush{--frame-x: .5;--frame-y: .5;--frame-r: .5;--frame-top: 0;--frame-left: 0;--frame-right: 0;position:relative;width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;container-type:inline-size;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.plush-frame{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;background:#1b5448;box-shadow:inset 0 2px 8px #00000059,0 0 24px #1b544866;border:2px solid rgba(27,84,72,.85)}.plush[data-frame=circle]>:is(img,picture,.plush-hit){border-radius:50%;clip-path:circle(50% at 50% 50%)}.plush>img,.plush>picture,.plush>picture>img,.plush-hit{position:absolute;inset:0;width:100%;height:100%}.plush>img,.plush>picture>img{z-index:2;object-fit:cover;transition:opacity .2s ease}.plush.is-live>img,.plush.is-live>picture{opacity:0;pointer-events:none}.plush-hit{z-index:3;display:block;margin:0;padding:0;border:0;border-radius:0;appearance:none;-webkit-appearance:none;background:none;color:inherit;font:inherit;touch-action:pan-y pinch-zoom;outline:0;cursor:grab}.plush-hit:active{cursor:grabbing}.plush.is-stretched>.plush-hit{clip-path:none}.plush:has(.plush-hit:focus-visible) .plush-frame{outline:3px solid #0a0a0a;outline-offset:3px;box-shadow:0 0 0 9px #fff}.plush canvas{position:absolute;z-index:2;left:calc(var(--plush-pad, .3) * -100%);top:calc(var(--plush-pad, .3) * -100%);width:calc(100% + var(--plush-pad, .3) * 200%);height:calc(100% + var(--plush-pad, .3) * 200%);pointer-events:none}
