body{overflow:hidden}*,*:after,*:before{box-sizing:border-box;outline-color:red}:root{--size: 300px;accent-color:red}body{display:grid;place-items:center;min-height:100vh;scale:1}[type=range]{width:100%}[type=range]:hover~.trombone-bear{opacity:.25}.bear{position:relative;transition:margin .5s}.bear:hover{margin-block:10vh}[popover]::backdrop{background:#1a1a1a80}svg{overflow:visible!important}.trombone-bear{transition:opacity .25s;position:absolute;top:50%;left:50%;translate:-50% -60%;pointer-events:none;width:var(--size);opacity:0}.trombone-bear__cap{scale:1.025;transform-box:fill-box;transform-origin:center;translate:0 -4%}.trombone-bear__dummy-torso{display:none}.trombone-bear__eyes{transform-box:fill-box;transform-origin:50% 50%;animation:blink 6s -2s infinite}@keyframes blink{0%,46%,48%,50%,to{scale:1 1}47%,49%{scale:1 .01}}.container{position:relative;display:grid;gap:1rem}