.sb-wrap{width:100%;max-width:580px;margin-top:2rem;font-family:Georgia,serif;position:relative}.sb-mode-pill{color:#fff;letter-spacing:.12em;text-transform:lowercase;background:#000;border:1px solid #2e2e2e;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:10px;font-weight:700;display:inline-flex}.sb-mode-pill--btn{cursor:pointer;vertical-align:middle;background:#000;border:1px solid #2e2e2e;transition:border-color .2s,background .2s}.sb-mode-pill--btn:hover{color:#000;background:#fffcfc;border-color:#555}.sb-shell{background:#908e8ec6;border:1.5px solid #494848;border-radius:3rem;align-items:center;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:visible}.sb-shell:focus-within{border-color:#fff;box-shadow:0 0 0 3px #ffffff14}.sb-city-badge{white-space:nowrap;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;margin-left:12px;padding:4px 10px 4px 8px;display:flex}.sb-city-badge-text{color:#fff;letter-spacing:.04em;text-transform:lowercase;font-size:12px;font-weight:700}.sb-city-badge-x{color:#555;cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;line-height:1;transition:color .2s}.sb-city-badge-x:hover{color:#fff}.sb-input{color:#000;letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:16px 18px;font-size:15px;font-weight:500}.sb-input::placeholder{color:#000;font-weight:400}.sb-search-btn{cursor:pointer;color:#000;background:#fff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-right:28px;transition:background .2s,transform .2s;display:flex}.sb-search-btn:hover{background:#e0e0e0;transform:scale(1.05)}.sb-dropdown{z-index:20;background:#111;border:1.5px solid #2a2a2a;border-radius:16px;max-height:36vh;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 24px 60px #000000b3}.sb-city-row{cursor:pointer;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;transition:background .15s;display:flex}.sb-city-row:last-child{border-bottom:none}.sb-city-row:hover{background:#181818}.sb-city-name{color:#fff;text-transform:lowercase;letter-spacing:.01em;font-size:14px;font-weight:700}.sb-city-count{color:#fff2d2da;letter-spacing:.03em;text-transform:lowercase;margin-top:3px;font-size:11px;font-weight:500}.sb-add-btn{color:#fff;letter-spacing:.06em;text-transform:lowercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2e2e2e;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.sb-add-btn:hover{color:#fff;background:#1e1e1e;border-color:#fff}.sb-barber-row{border-bottom:1px solid #1a1a1a;align-items:center;gap:14px;padding:14px 20px;text-decoration:none;transition:background .15s;display:flex}.sb-barber-row:last-child{border-bottom:none}.sb-barber-row:hover{background:#181818}.sb-avatar{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#1e1e1e;border:1px solid #2e2e2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.sb-barber-name{color:#fff;text-transform:lowercase;font-size:14px;font-weight:700}.sb-barber-store{color:#444;text-transform:lowercase;letter-spacing:.02em;margin-top:2px;font-size:11px;font-weight:500}.sb-empty{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.sb-empty-text{color:#3d3d3d;text-transform:lowercase;letter-spacing:.02em;font-size:13px}.sb-footer{color:#3a3a3a;letter-spacing:.03em;text-transform:lowercase;margin-top:14px;font-size:12px;font-weight:500}.sb-toggle-btn{color:#fff;letter-spacing:.04em;text-transform:lowercase;cursor:pointer;text-underline-offset:3px;opacity:.6;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:underline;transition:color .2s}.sb-toggle-btn:hover{opacity:1}@media (max-width:599px){.sb-wrap{width:calc(100% - 2rem);max-width:100%;margin:1rem auto 0}.sb-mode-pill{margin-bottom:8px;padding:4px 12px;font-size:9px}.sb-mode-pill-dot{width:5px;height:5px}.sb-shell{border-radius:12px}.sb-city-badge{margin-left:8px;padding:3px 8px 3px 6px}.sb-city-badge-text{font-size:11px}.sb-input{padding:13px 12px;font-size:14px}.sb-search-btn{border-radius:8px;width:34px;height:34px;margin-right:6px}.sb-search-btn svg{width:14px;height:14px}.sb-dropdown{border-radius:12px;top:calc(100% + 6px);box-shadow:0 16px 40px #000000b3}.sb-city-row{gap:10px;padding:13px 16px}.sb-city-name{font-size:13px}.sb-city-count{font-size:10px}.sb-add-btn{border-radius:6px;padding:5px 10px;font-size:10px}.sb-barber-row{gap:11px;padding:12px 16px}.sb-avatar{border-radius:8px;width:32px;height:32px;font-size:11px}.sb-barber-name{font-size:13px}.sb-barber-store{font-size:10px}.sb-empty{padding:14px 16px}.sb-empty-text{font-size:12px}.sb-footer{margin-top:10px;font-size:11px}.sb-toggle-btn{font-size:11px}}