body{background-color:#eee}.btn-panel{position:absolute;top:2px;right:.5rem;display:flex;gap:.5rem;background-color:transparent;opacity:0;transition:opacity .3s ease}.btn-panel svg{position:absolute;transform:translate(-50%,-50%);width:1.5rem}.edit-btn{background-color:#f8ca56;width:2.5rem;height:2.5rem;padding:.5rem;border:none;border-radius:1rem;font-family:inherit;font-size:inherit;font-weight:inherit;color:#333;fill:#333;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease}.edit-btn:hover,.edit-btn:focus-visible{background-color:#333;color:#f8ca56;fill:#f8ca56;outline:none}.edit-btn:active{background-color:#777;color:#f8ca56;fill:#f8ca56;outline:none}.remove-btn{background-color:#ff3030;width:2.5rem;height:2.5rem;padding:.5rem;border:none;border-radius:1rem;font-family:inherit;font-size:inherit;font-weight:inherit;color:#333;fill:#333;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease}.remove-btn:hover,.remove-btn:focus-visible{background-color:#333;color:#ff3030;fill:#ff3030;outline:none}.remove-btn:active{background-color:#777;color:#ff3030;fill:#ff3030;outline:none}.close-btn{background-color:#fff;width:3rem;height:3rem;padding:0;border:none;border-radius:20rem;font-family:inherit;font-size:1.8rem;font-weight:inherit;color:#333;fill:#333;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease}.close-btn:hover,.close-btn:focus-visible{background-color:#333;color:#fff;fill:#fff;outline:none}.close-btn:active{background-color:#333;color:#fff;fill:#fff;outline:none}.close-btn{position:absolute;top:1rem;right:1rem;text-shadow:1px 1px,0 1px,1px 0,-1px -1px,0 -1px,-1px 0,-1px 1px,1px -1px}.animation-appear{animation:appear 1s}.animation-appear-fast{animation:appear .5s}@keyframes appear{0%{opacity:0}to{opacity:1}}@media(any-pointer:coarse){.btn-panel{opacity:1}}@media(max-width:75em){html{font-size:56.5%}}@media(max-width:59em){html{font-size:50%}}