.bl-domain-suffix-wrap{position:relative}
.bl-domain-page .bl-domain-search-suffix{display:flex;align-items:center;justify-content:center;gap:15px;flex:none;min-width:118px;max-width:180px;align-self:center;height:26px;margin:0;padding:0 19px;border:0;border-left:1px solid #bbc8da;background:transparent;color:#1d2736;white-space:nowrap;font-size:14px;line-height:24px;border-radius:0}
.bl-domain-search-suffix>svg{display:block;flex:none;width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .15s}
.bl-domain-search-suffix[aria-expanded=true]>svg{transform:rotate(180deg)}
.bl-domain-search-suffix:hover:not(:disabled),.bl-domain-search-suffix[aria-expanded=true]{color:#0052d9}
.bl-domain-search-suffix:disabled{color:#93a0b3;cursor:default}
.bl-domain-page.suffix-open .bl-domain-home-hero-wrap{z-index:30}
.bl-domain-page.has-searched.suffix-open .bl-domain-results-main{position:relative;z-index:30}
.bl-domain-suffix-panel{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:35;max-height:min(480px,62vh);padding:20px 26px 0;border:1px solid #e6ecf5;border-radius:4px;background:#fff;box-shadow:0 12px 35px #234a7a18;color:#1d2736}
.bl-domain-suffix-toolbar{display:flex;align-items:center;gap:18px;min-height:38px;border-bottom:1px solid #edf0f5;margin-bottom:18px}
.bl-domain-suffix-tabs{display:flex;align-items:stretch;gap:27px;flex:none;align-self:stretch}
.bl-domain-suffix-tabs>button{position:relative;padding:0 0 13px;border:0;background:none;font-size:14px;line-height:22px;color:#323b48;white-space:nowrap}
.bl-domain-suffix-tabs>button[aria-selected=true]{color:#0052d9;font-weight:500}
.bl-domain-suffix-tabs>button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#0052d9}
.bl-domain-suffix-filter{display:flex;margin:0 0 10px auto;min-width:0;width:170px}
.bl-domain-page .bl-domain-suffix-filter>input{width:100%;min-width:0;height:29px;padding:3px 9px;border:1px solid #e2e8f1;background:#fff;font-size:12px;line-height:21px;color:#344055;outline:none}
.bl-domain-suffix-filter>input::placeholder{color:#9aa4b2}
.bl-domain-page .bl-domain-suffix-close{flex:none;align-self:flex-start;width:22px;height:28px;padding:0;border:0;background:none;color:#8b96a7;font-size:25px;line-height:24px;margin:-3px -13px 0 -6px}
.bl-domain-suffix-close:hover{color:#0052d9}
.bl-domain-suffix-options{max-height:min(310px,calc(62vh - 132px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2dce9 transparent;padding:0 1px 3px}
.bl-domain-suffix-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px 16px}
.bl-domain-page .bl-domain-suffix-choice{height:39px;min-width:0;padding:0 7px;border:1px solid #eef1f6;background:#fff;color:#1d2736;font-size:14px;line-height:24px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-domain-suffix-choice:hover{border-color:#92b5ed;color:#0052d9;background:#f8fbff}
.bl-domain-page .bl-domain-suffix-choice[aria-pressed=true]{border-color:#e8eef9;background:#f1f5fc;color:#0052d9;font-weight:600}
.bl-domain-suffix-empty{margin:0;padding:28px 15px 34px;color:#8a95a5;font-size:13px;text-align:center}
.bl-domain-suffix-footer{display:flex;align-items:center;gap:18px;margin-top:18px;border-top:1px solid #edf0f5;min-height:58px;padding:10px 0}
.bl-domain-page .bl-domain-suffix-all{flex:none;min-height:30px;padding:3px 11px;border:1px solid #dbe4f0;background:#fff;color:#52667f;font-size:12px;line-height:21px}
.bl-domain-page .bl-domain-suffix-all[aria-pressed=true]{color:#0052d9;border-color:#9cbbec;background:#f2f7ff}
.bl-domain-suffix-footer>p{margin:0;color:#8591a1;font-size:12px;line-height:1.7}
.has-searched .bl-domain-suffix-panel{padding:17px 18px 0}
.has-searched .bl-domain-suffix-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.has-searched .bl-domain-suffix-tabs{gap:18px}
.has-searched .bl-domain-suffix-tabs>button{font-size:13px}
.has-searched .bl-domain-suffix-filter{width:145px}
@media(max-width:1000px){.bl-domain-suffix-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.bl-domain-suffix-toolbar{gap:12px}.bl-domain-suffix-tabs{gap:20px}.bl-domain-suffix-panel{padding-left:21px;padding-right:21px}}
@media(max-width:600px){
 .bl-domain-page .bl-domain-search-suffix{min-width:76px;max-width:106px;height:22px;padding:0 10px;gap:8px;font-size:12px;line-height:20px}
 .bl-domain-search-suffix>svg{width:8px;height:6px}
 .bl-domain-page .bl-domain-suffix-panel{top:calc(100% + 10px);max-height:55vh;padding:15px 13px 0;box-shadow:0 8px 25px #234a7a20}
 .bl-domain-suffix-toolbar{position:relative;flex-wrap:wrap;gap:10px;margin-bottom:13px;padding-right:0}
 .bl-domain-page .bl-domain-suffix-tabs{width:100%;gap:22px;padding-right:23px}
 .bl-domain-page .bl-domain-suffix-tabs>button{font-size:12px;padding-bottom:10px;line-height:20px}
 .bl-domain-page .bl-domain-suffix-filter{width:100%;margin:0 0 11px}
 .bl-domain-page .bl-domain-suffix-filter>input{height:32px;font-size:16px;padding-left:9px}
 .bl-domain-page .bl-domain-suffix-close{position:absolute;right:-5px;top:0;margin:-4px 0 0}
 .bl-domain-suffix-options{max-height:calc(55vh - 190px)}
 .bl-domain-page .bl-domain-suffix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .bl-domain-page .bl-domain-suffix-choice{height:35px;padding:0 4px;font-size:12px;line-height:22px}
 .bl-domain-suffix-footer{gap:9px;min-height:61px;margin-top:13px;padding:10px 0;align-items:center}
 .bl-domain-page .bl-domain-suffix-all{font-size:11px;padding:3px 7px}
 .bl-domain-suffix-footer>p{font-size:10px;line-height:1.6;min-width:0}
}
@media(prefers-reduced-motion:reduce){.bl-domain-search-suffix>svg{transition:none}}