.modal{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--card-bg);border-radius:1rem;padding:1rem;position:relative}.close-button{cursor:pointer;opacity:.7;background:var(--card-bg);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:.5rem;right:.5rem}.gift-modal-content{display:flex}.gift-modal-content.portrait .gift-users{padding-right:3rem}.gift-modal-content .gift-users .badge{transition:all .3s}.gift-modal-content .gift-users .badge:hover{border-color:var(--faded-text);background:var(--background)}.gift-modal-content .gift-users .badge:hover a{color:var(--faded-text)}.gift-modal-content.landscape{flex-direction:column}.gift-modal-content.portrait img{max-width:600px;max-height:80vh;margin-right:1rem}.gift-modal-content.landscape img{max-width:80vw;max-height:600px;margin-bottom:1rem}.participants-modal-content{overflow:hidden}.participants-modal-content h2{margin:0 0 1rem}.participants-modal-content .chord-diagram-section{border-top:3px solid var(--shadow);background:var(--background);margin:0 -1rem -1rem}.participants-modal-content .chord-diagram-section .chord-header{text-wrap:nowrap;border-bottom:3px solid var(--shadow);justify-content:space-between;align-items:center;padding:1rem;display:flex}.participants-modal-content .chord-diagram-section .chord-footer{border-top:3px solid var(--shadow);padding:1rem}#participantChart{width:600px;height:500px}.participant-tooltip{background:var(--card-bg);border:2px solid var(--shadow);border-radius:1rem;max-width:300px;padding:.5rem;position:fixed}.participant-tooltip h5{margin:0;padding-right:4rem;font-size:.9rem}.participant-tooltip strong{text-transform:uppercase;color:var(--faded-text);font-size:.7rem}.participant-tooltip .d-flex{gap:.25rem;margin-top:.5rem}@media screen and (max-width:768px){.modal{padding:0}.modal-content{display:flex;position:relative}.gift-modal-content.portrait{flex-direction:column;margin:1rem}.gift-modal-content.landscape img,.gift-modal-content.portrait img{width:100%}.gift-modal-content.portrait .gift-users{padding-top:1rem;padding-right:0}.gift-modal-content.landscape .gift-users{padding-top:1rem}}