.search-form__tabs{display:flex}.search-form__tab{flex:1;padding:8px 0;border:none;border-radius:0 10px 0 0;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;background:var(--border);color:var(--text-2)}.search-form__tab:first-child{border-radius:10px 0 0}.search-form__tab.is-active{background:var(--accent);color:var(--white);font-weight:700;box-shadow:0 -2px}.search-form__tab:not(.is-active):hover{background:#e2e9f5}.search-form__panel{background:var(--white);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px;border:1px solid var(--border);border-top:none}.search-form__panel--size{display:none}.search-form__panel--size.visible{display:block}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-form__input-wrap,.filter-item__input-wrap{position:relative}.search-form__input,.filter-item__input{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:8px 36px 8px 11px;font-size:13px;font-family:Noto Sans JP,sans-serif;color:var(--text);background:#fafbfe;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}.search-form__input:focus,.filter-item__input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b7dd81f;background:var(--white)}.search-form__input::placeholder,.filter-item__input::placeholder{color:var(--text-3)}.search-form__input-icon,.filter-item__input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:15px;pointer-events:none}.search-form__suggest{position:absolute;top:calc(100% - 2px);left:0;right:0;display:none;max-height:240px;overflow-y:auto;border:1.5px solid var(--blue);border-top:none;border-radius:0 0 8px 8px;background:var(--white);box-shadow:var(--shadow-lg);overflow:hidden;z-index:20}.suggest-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f3f9;transition:background .1s}.suggest-row:last-child{border-bottom:none}.suggest-row:hover,.suggest-row.is-active,.suggest-row:focus-visible{background:var(--blue-lt);outline:none}.suggest-text{flex:1;min-width:0}.suggest-model{font-size:13px;font-weight:600;color:var(--navy)}.suggest-model mark{background:none;color:var(--blue);font-weight:700}.suggest-year,.suggest-inch{font-size:11px;color:var(--text-3);font-family:DM Mono,monospace}.suggest-inch{white-space:nowrap}.filter-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:end;gap:6px;margin-bottom:14px}.filter-item{min-width:0}.filter-grid__arrow{font-size:18px;color:var(--border-2);padding-bottom:8px;-webkit-user-select:none;user-select:none;line-height:1}.filter-item__input{cursor:pointer}.filter-item__input::-ms-expand{display:none}.filter-grid select.filter-item__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.dd-select{position:relative}.dd-select__trigger{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:8px 36px 8px 11px;font-size:13px;font-family:Noto Sans JP,sans-serif;color:var(--text);background:#fafbfe;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.dd-select__trigger:hover{background:var(--white)}.dd-select.is-open .dd-select__trigger,.dd-select__trigger:focus-visible{border-color:var(--blue);border-radius:8px 8px 0 0;box-shadow:0 0 0 3px #3b7dd81f;background:var(--white);outline:none}.dd-select__trigger.is-placeholder{color:var(--text-3)}.dd-select__icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:15px;pointer-events:none;transition:transform .15s ease}.dd-select.is-open .dd-select__icon{transform:translateY(-50%) rotate(180deg)}.dd-select__menu{position:absolute;top:calc(100% - 2px);left:0;right:0;display:none;max-height:240px;overflow-y:auto;border:1.5px solid var(--blue);border-top:none;border-radius:0 0 8px 8px;background:var(--white);box-shadow:var(--shadow-lg);z-index:20}.dd-select.is-open .dd-select__menu{display:block}.dd-select__option{width:100%;border:none;border-bottom:1px solid #f0f3f9;background:var(--white);color:var(--text);padding:8px 12px;font-size:13px;font-family:Noto Sans JP,sans-serif;text-align:left;cursor:pointer;transition:background .1s}.dd-select__option:last-child{border-bottom:none}.dd-select__option:hover,.dd-select__option.is-selected,.dd-select__option:focus-visible{background:var(--blue-lt);outline:none}.dd-select__option.is-placeholder{color:var(--text-3)}.range-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.range-sep{font-size:12px;color:var(--text-3);text-align:center;font-family:DM Mono,monospace}.divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:var(--text-3);font-size:11px;font-family:DM Mono,monospace}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.steps-bar{display:flex;align-items:center;margin-bottom:14px}.step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-num{width:22px;height:22px;border-radius:50%;background:var(--border);color:var(--text-3);font-size:12px;font-family:DM Mono,monospace;font-weight:500;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.step-text{font-size:10px;color:var(--text-3);font-weight:500;transition:color .2s;white-space:nowrap}.step.active .step-num{background:var(--navy);color:#fff}.step.active .step-text{color:var(--navy);font-weight:700}.step.done .step-num{background:var(--ok);color:#fff}.step.done .step-text{color:var(--ok)}.step-line{flex:1;height:2px;background:var(--border);margin:0 6px 16px;transition:background .2s}.step-line.done{background:var(--ok)}@media(max-width:749px){.field-row,.filter-grid{grid-template-columns:1fr}.filter-grid__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/archisite-search-form.css.map */