.notConnectedWrapper{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.notConnectedModal{background-color:var(--body_background);background-image:var(--gradient-base);z-index:1;border:1px groove #a9a9a933;border-radius:5px;grid-template-rows:auto 1fr auto;width:50%;min-width:400px;max-width:600px;height:auto;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 6px -6px #0006}.notConnectedModal:before{content:"";background-color:var(--body_background);background-image:var(--gradient-base);z-index:-1;opacity:1;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.notConnectedHeader{text-align:center;grid-row:1;margin-bottom:20px}.notConnectedHeader h2{font-size:var(--fs-xl);color:var(--primary_text_color);margin:0;font-weight:500}.notConnectedContent{flex-direction:column;grid-row:2;gap:20px;max-height:60vh;padding-right:10px;display:flex;overflow-y:auto}.explanationSection h3,.connectionDetails h3{font-size:var(--fs-lg);color:var(--primary_text_color);margin-bottom:10px;font-weight:500}.benefitsList{margin:0;padding:0;list-style:none}.benefitsList li{color:var(--sec_text_color);font-size:var(--fs-base);padding:8px 0;line-height:1.4}.benefitsList li strong{color:var(--primary_text_color)}.requirementBox{background-color:#a9a9a91a;border:1px solid #a9a9a933;border-radius:5px;margin:10px 0;padding:15px}.requirementBox p{font-size:var(--fs-base);color:var(--sec_text_color);margin:8px 0;line-height:1.4}.requirementBox p strong{color:var(--primary_text_color)}.safetyNote{background-color:#0076b61a;border:1px solid #0076b64d;border-radius:5px;margin-top:10px;padding:15px}.safetyNote p{font-size:var(--fs-base);color:var(--sec_text_color);margin:0;line-height:1.4}.safetyNote strong{color:var(--primary_text_color)}.notConnectedActions{flex-wrap:wrap;grid-row:3;justify-content:center;gap:15px;margin-top:20px;display:flex}.headerDivider{background-color:#a9a9a933;border:none;height:1px;margin:10px 0 0}@media (max-width:768px){.notConnectedModal{width:90%;min-width:300px;padding:15px}.notConnectedHeader h2{font-size:var(--fs-lg)}.notConnectedContent{max-height:50vh}.notConnectedActions{flex-direction:column;gap:10px}.notConnectedActions button{width:100%}}