.blog-search__container{margin:0 auto;max-width:320px;padding:0;width:100%}.blog-search__title{border-bottom:1px solid #ddd;font-size:1.7em;font-weight:700;margin-bottom:16px;padding-bottom:8px;text-align:left}.blog-search__filter{margin-bottom:16px}.blog-search-filter{border-bottom:1px solid #ddd;margin-bottom:16px}.blog-search-heading{align-items:flex-end;display:flex;gap:10px}.blog-search-filter__title{font-size:1em;font-weight:700;margin-bottom:8px}.blog-search-filter__option{display:block;font-size:.8em;margin-bottom:8px;vertical-align:middle}.blog-search-filter label{align-items:center;display:flex;margin-bottom:8px}.blog-search-filter__item{appearance:none;background-color:#fff;border:2px solid silver;border-radius:4px;cursor:pointer;height:24px;margin-right:8px;outline:none;position:relative;vertical-align:middle;width:24px}.blog-search-filter__item:checked{background-color:#fff;border-color:#00bfff}.blog-search-filter__item:checked:after{border:solid #00bfff;border-width:0 2px 2px 0;content:"";height:10px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.blog-search-filter__label{cursor:pointer;font-size:.9em;white-space:nowrap}.blog-search__keyword{margin-bottom:24px}.blog-search__keyword-input{position:relative}.blog-search-icon{left:12px;position:absolute;top:50%;transform:translateY(-40%)}.blog-search-icon svg{height:18px;width:18px;fill:#00bfff}.blog-search-input{border:1px solid silver;box-sizing:border-box;font-size:1em;outline:none;padding:8px 12px 8px 36px;width:100%}.blog-search-input::placeholder{font-size:.8em;position:absolute;top:50%;transform:translateY(-50%)}.blog-search-input:focus{border-color:#00bfff;box-shadow:0 0 4px rgba(0,191,255,.3)}.blog-search__submit{text-align:left}.blog-search-button{border:none;border-radius:24px;color:#000;cursor:pointer;display:inline-block;padding:16px;width:100%}.blog-search-button,.blog-search-button:active{background-color:#f0f0f0;font-size:1em;font-weight:700}.blog-search-button:hover{color:#00bfff}