.show-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.show-modal.is-open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(9,8,16,.78);backdrop-filter:blur(7px)}.modal-card{position:relative;z-index:1;width:min(480px,100%);background:var(--cream);padding:40px;box-shadow:13px 13px 0 var(--pink);transform:translateY(18px);transition:transform .25s}.show-modal.is-open .modal-card{transform:none}.modal-card>span{font:10px var(--mono);letter-spacing:.08em;color:var(--purple)}.modal-card h2{font:700 38px/.95 var(--display);letter-spacing:-.1em;margin:18px 0}.modal-card p{font-size:15px;line-height:1.6;margin:0 0 28px}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px}.contact-form label{display:block;font:11px var(--mono);letter-spacing:.05em;color:var(--purple);margin:0 0 14px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid rgba(16,16,24,.2);background:#fff;color:var(--ink);font-family:var(--body);font-size:14px;box-sizing:border-box;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--pink);border-color:transparent}.modal-listen{border:0;background:var(--ink);color:var(--cream);padding:15px 18px;font-weight:800}.modal-listen b{margin-left:16px;color:var(--lime)}.add-track.is-voted,.vote.is-voted{color:var(--lime)}.vote.is-voted{background:var(--pink)}@media(max-width:680px){.modal-card{padding:30px 24px}.modal-card h2{font-size:31px}}