.components-connect-info{height:24px}.components-connect-info.windrose-direct{height:auto}.components-connect-info .windrose-direct-fields{flex-direction:column;gap:12px;display:flex}.components-connect-info .windrose-direct-field .port-title{color:var(--white-50);margin-bottom:4px;font-size:14px;font-weight:400}.components-connect-info .windrose-direct-field .windrose-direct-field-value{align-items:center;gap:8px;display:flex}.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}.components-connect-info .dattooltipcontents .palworld-connect .join-block+.join-block{border-top:1px solid var(--white-5);margin-top:16px;padding-top:16px}.components-connect-info .dattooltipcontents .palworld-connect .join-eyebrow{color:var(--white-50);font-size:var(--font-size-text-xs);font-weight:var(--font-semibold);letter-spacing:1px;line-height:var(--line-height-text-xs);text-transform:uppercase;align-items:center;gap:6px;display:flex}.components-connect-info .dattooltipcontents .palworld-connect .join-eyebrow svg{fill:var(--white-50);width:14px}.components-connect-info .dattooltipcontents .palworld-connect .join-value{color:var(--white-100);font-size:15px;font-weight:var(--font-medium);overflow-wrap:anywhere;margin-top:8px}.components-connect-info .dattooltipcontents .palworld-connect .join-hint{color:var(--white-40);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);margin-top:4px}.components-connect-info .dattooltipcontents .palworld-connect .join-eyebrow+.join-hint{margin-top:8px}.components-connect-info .dattooltipcontents .palworld-connect .ports{border-top:1px solid var(--white-5);margin-top:16px;padding-top:16px}.components-connect-info .dattooltipcontents .palworld-connect .guide-link{margin-top:14px}.components-connect-info .dattooltipcontents .palworld-connect .guide-link .how-to-connect{padding:0}@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:#0000!important}.components-connect-command .input-connect-command:focus{border-color:#0000!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)}