.hostsdepot-ds{box-sizing:border-box;max-width:820px;padding:24px;border:1px solid #d9e2ef;border-radius:14px;background:#f5f8fc;color:#172c45;font-family:inherit}
.hostsdepot-ds *{box-sizing:border-box}
.hostsdepot-ds-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.hostsdepot-ds-name{flex:1 1 210px;min-width:0}
.hostsdepot-ds-tld{flex:0 1 145px}
.hostsdepot-ds label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}
.hostsdepot-ds input[type=text],.hostsdepot-ds select{display:block;width:100%;height:48px;padding:10px 12px;border:1px solid #b8c9db;border-radius:7px;background:#fff;color:#172c45;font:inherit;margin:0}
.hostsdepot-ds button{min-height:48px;padding:10px 22px;border:0;border-radius:7px;background:#1265ba;color:#fff;font:inherit;font-weight:600;cursor:pointer;margin:0}
.hostsdepot-ds button:hover{background:#0b4c90}
.hostsdepot-ds input:focus-visible,.hostsdepot-ds select:focus-visible,.hostsdepot-ds button:focus-visible{outline:3px solid #257cca;outline-offset:3px}
.hostsdepot-ds p{font-size:13px;line-height:1.6;color:#4d6177;margin:14px 0 0}
@media(max-width:480px){.hostsdepot-ds{padding:16px}.hostsdepot-ds-name{flex-basis:100%}.hostsdepot-ds-tld{flex:1}.hostsdepot-ds button{flex:1}}