.popupBackground{color:#fff;z-index:10000;width:100vw;height:100dvh;padding:16px;padding-top:max(16px,env(safe-area-inset-top,0));padding-bottom:max(16px,env(safe-area-inset-bottom,0));padding-left:max(16px,env(safe-area-inset-left,0));padding-right:max(16px,env(safe-area-inset-right,0));box-sizing:border-box;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:fixed;top:0;left:0}.popupBackground .container{background-color:#15202b;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:fit-content;max-width:100%;height:fit-content;max-height:100%;font-size:14px;transition:opacity .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000059}.popupBackground .container .header{z-index:1;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:12px 12px 12px 16px;display:flex;position:relative}.popupBackground .container .header>:first-child{letter-spacing:.01em;flex:1;margin:0;font-size:1rem;font-weight:600}.popupBackground .container .header .closeBtn{color:#ffffffa6;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:color .15s,background-color .15s;display:inline-flex}.popupBackground .container .header .closeBtn:hover{color:#e8eaed;background-color:#ffffff14}.popupBackground .container .header .closeBtn:focus-visible{outline-offset:2px;outline:2px solid #2ad395}.popupBackground .container>.body{scrollbar-width:thin;scrollbar-color:#ffffff26 #0000;overflow-y:auto}.popupBackground .container>.body::-webkit-scrollbar{width:6px}.popupBackground .container>.body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@media screen and (max-width:768px){.popupBackground{padding:8px;padding-top:max(8px,env(safe-area-inset-top,0));padding-bottom:max(8px,env(safe-area-inset-bottom,0));padding-left:max(8px,env(safe-area-inset-left,0));padding-right:max(8px,env(safe-area-inset-right,0));align-items:flex-start}.popupBackground .container{max-height:100%;width:100%!important;max-width:100%!important;position:relative!important;inset:0 0 auto!important;transform:none!important}.popupBackground .container .header{padding:10px 10px 10px 14px}.popupBackground .container .header>:first-child{word-break:break-word;font-size:.9rem;line-height:1.25}.popupBackground .container>.body{font-size:13px;overflow-x:hidden}.popupBackground .container>.body form,.popupBackground .container>.body .form-style,.popupBackground .container>.body .article-form,.popupBackground .container>.body .team-form,.popupBackground .container>.body .nmi-form,.popupBackground .container>.body .patchnote-form,.popupBackground .container>.body .custom-league-form,.popupBackground .container>.body .standings-form{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important}}.popup-confirm{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px 16px;font-family:Inter,sans-serif;display:flex}.popup-confirm h1{margin:0 0 8px;font-size:1.1rem}.popup-confirm p{margin:0}.popup-confirm .buttons{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:16px;display:flex}.popup-confirm .buttons button{cursor:pointer;border:none;border-radius:6px;flex:140px;max-width:240px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.popup-confirm .buttons button:active{transform:scale(.98)}.popup-confirm .buttons button:first-child{color:#fff;background-color:#2e7d32}.popup-confirm .buttons button:first-child:hover{background-color:#1b5e20}.popup-confirm .buttons button:last-child{color:#fff;background-color:#d32f2f}.popup-confirm .buttons button:last-child:hover{background-color:#b71c1c}.popup-confirm .buttons button:focus-visible{outline-offset:2px;outline:2px solid #fff9}