.components-connect-info{height:24px}.components-connect-info .connect-info-address{color:var(--white-100);text-overflow:ellipsis;white-space:nowrap;font-weight:500;position:relative;overflow:hidden}@media screen and (max-width:1199px){.components-connect-info .connect-info-address{max-width:240px}}.components-connect-info .dattooltipcontents{padding:24px 32px 22px!important}.components-connect-info .dattooltipcontents .how-to-connect{color:var(--secondary-500);background:0 0;border:0;font-size:14px;font-weight:500}.components-connect-info .dattooltipcontents .how-to-connect:hover{color:var(--secondary-400)}.components-connect-info .dattooltipcontents .port-row{justify-content:space-between;gap:16px;margin-top:12px;display:flex}.components-connect-info .dattooltipcontents .port-row:first-of-type{margin-top:0}.components-connect-info .dattooltipcontents .port-title{color:var(--white-50);font-size:14px;font-weight:400}.components-connect-info .dattooltipcontents .port-title.section{margin-top:20px;margin-bottom:6px}.components-connect-info .dattooltipcontents .port-value{color:var(--white-100);white-space:nowrap;font-size:15px;font-weight:500}.components-connect-info .dattooltipcontents .phpmyadmin-login{border-radius:100px;margin-top:20px;padding:11px 0;width:100%!important;font-weight:600!important}@media screen and (min-width:769px){.components-connect-info .tooltip-contents{min-width:336px}}.components-connect-info.primary-copy-button{text-align:right;flex-grow:1;display:none}.components-connect-info.primary-copy-button svg{fill:var(--secondary-500)!important}
.components-connect-command{margin-top:8px;display:flex}.components-connect-command .input-connect-command{background-color:var(--primary-900);border-radius:3px 0 0 3px;height:46px;margin-top:0;margin-bottom:19px;font-size:14px;font-weight:500;border-color:transparent!important}.components-connect-command .input-connect-command:focus{border-color:transparent!important}.components-connect-command .click-to-copy{cursor:pointer;background-color:var(--secondary-500);border:0;border-top-right-radius:3px;border-bottom-right-radius:3px;height:46px;padding:10px;display:block}.components-connect-command .click-to-copy .icon-wrapper{justify-content:center;align-items:center;width:26px;height:26px;display:flex}.components-connect-command .click-to-copy .icon-wrapper svg{fill:var(--primary-1000);width:26px}.components-connect-command .click-to-copy:hover{background-color:var(--secondary-400)}