.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}.modal-description{flex-direction:column;display:flex}.modal-description hr{width:100%}.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 .gift-credits{margin:.5rem 0}.gift-modal-content .gift-credits .badge{margin-left:.5rem;display:inline-block}.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);gap:.5rem;padding:1rem;display:flex}.participants-modal-content .chord-diagram-section .chord-footer .team-badge{border:2px solid;border-radius:1rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700}#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}.application-modal-content{border:3px solid var(--shadow);max-width:1000px;box-shadow:6px 6px var(--accent-1)}.application-modal-content h2{align-items:center;margin:.25rem 0 .5rem;display:flex}.application-modal-content small{color:var(--faded-text)}.application-modal-content small a{color:var(--accent-1)}.application-modal-content small a:hover{color:var(--accent-2)}.application-modal-content h2 span{margin-left:1rem;font-size:1rem}.application-modal-content form{flex-direction:column;display:flex}.application-modal-content form .d-flex{gap:1rem;align-items:start!important}.application-modal-content form .d-flex.signup-footer{align-items:center!important}.application-modal-content form label{text-transform:uppercase;letter-spacing:3px}.application-modal-content form hr{width:100%}.application-modal-content form .request-section{flex-direction:column;flex:0 0 60%;justify-content:start;display:flex}.application-modal-content form .request-metadata{flex:0 0 40%;gap:.25rem}@media screen and (max-width:768px){.modal-content.application-modal-content{flex-direction:column;position:absolute;top:0}.application-modal-content form .d-flex{flex-direction:column}.application-modal-content form .request-section,.application-modal-content form .request-metadata{flex:1}}.mdxeditor{border:2px solid var(--shadow);border-radius:1rem;max-height:700px;margin:.5rem 0;overflow:auto}.mdxeditor .mdxeditor-toolbar{border-radius:0}.mdxeditor .mdxeditor-toolbar button:hover,.mdxeditor .mdxeditor-toolbar button[data-state=on]{background:var(--shadow)!important;border-color:var(--shadow)!important}.mdxeditor-toolbar [aria-label=Diff\ mode]{display:none}.application-modal-content form .d-flex{justify-content:space-between;align-items:center}.application-modal-content form .character-selector{gap:.5rem;margin:.25rem 0;display:flex}.application-modal-content form .character-selector .badge{cursor:pointer;transition:all .3s}.application-modal-content form .character-selector .badge:hover,.application-modal-content form .character-selector .badge.selected{border-color:var(--accent-1)}.application-modal-content form .tag-category{flex-wrap:wrap;align-items:center;gap:.25rem;margin:.25rem 0;display:flex}.application-modal-content form .tag-category>span:first-child{text-transform:uppercase;color:var(--faded-text)}.application-modal-content form .search-bar{max-width:none;margin:.5rem 0;position:relative}.application-modal-content form .search-bar input{margin:0}.application-modal-content form .search-bar .user-dropdown{background:var(--background);z-index:99;border:2px solid var(--shadow);border-radius:1rem;flex-direction:column;width:100%;display:flex;position:absolute;top:42px;left:0;overflow:hidden}.application-modal-content form .search-bar .user-dropdown .user-result{cursor:pointer;padding:.25rem 1rem}.application-modal-content form .search-bar .user-dropdown div.user-result:hover{background:var(--card-bg)}.application-modal-content form .blocklist{gap:.5rem;margin:.25rem 0;display:flex}.application-modal-content form .badge{gap:.5rem;display:flex}.application-modal-content form .badge .action{cursor:pointer}.application-modal-content form .badge .action:hover{color:var(--faded-text)}@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}}
