awatt-device-search.awatt-device-search{display:block;margin:48px auto 64px;color:#232426;font-family:var(--font-body-family,inherit)}
.awatt-device-search__panel{max-width:1060px;margin:auto;padding:38px 42px;border:1px solid #414347;border-radius:24px;background:linear-gradient(135deg,#303234,#202122 60%,#18191a);color:#f5f5f7;box-shadow:inset 0 1px 0 #ffffff20,0 12px 32px #1617191a}
.awatt-device-search__intro{max-width:730px;margin-bottom:28px}
.awatt-device-search__eyebrow{margin:0 0 10px;color:#d2d3d6;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.awatt-device-search__intro h2{margin:0 0 12px;font-family:var(--font-heading-family,inherit);font-size:clamp(28px,3.3vw,40px);font-weight:650;letter-spacing:-.035em;line-height:1.15;color:#f5f5f7}
.awatt-device-search__intro>p:last-child{margin:0;font-size:16px;line-height:1.6;color:#c8c9cc}
.awatt-device-search__form{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:14px}
.awatt-device-search__form label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#e2e3e6}
.awatt-device-search__input-wrap{position:relative;display:flex;align-items:center;border:1px solid #d0d1d4;border-radius:12px;background:#fff;min-height:56px}
.awatt-device-search__input-wrap>svg{flex:none;margin-left:18px;color:#6c7077}
.awatt-device-search__input-wrap:focus-within{outline:2px solid #b9bcc3;outline-offset:2px}
.awatt-device-search__input-wrap input{width:100%;min-width:0;padding:15px 42px 15px 12px;border:0;background:transparent;color:#232426;font:inherit;font-size:16px;line-height:24px;box-shadow:none;outline:0;border-radius:12px}
.awatt-device-search__input-wrap input::-webkit-search-cancel-button{display:none}
.awatt-device-search__input-wrap input::placeholder{color:#72757b;opacity:1}
.awatt-device-search__category select{width:100%;min-height:56px;padding:13px 34px 13px 14px;border:1px solid #d0d1d4;border-radius:12px;background:#fff;color:#232426;font:inherit;font-size:14px}
.awatt-device-search__clear{position:absolute;right:5px;top:5px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:9px;background:transparent;color:#5b5e64;cursor:pointer}
.awatt-device-search__clear:hover{background:#f0f0f2}
.awatt-device-search__examples{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:14px 0 24px;font-size:12px;color:#b6b8bd}
.awatt-device-search__examples>span{margin-right:4px}
.awatt-device-search__chip{min-height:36px;padding:6px 12px;border:1px solid #d0d1d4;border-radius:999px;background:#fff;color:#34373d;font:inherit;font-size:12px;cursor:pointer}
.awatt-device-search__chip:hover{border-color:#a6a9af;background:#f0f0f2}
.awatt-device-search__results{min-height:42px}
.awatt-device-search__status{margin:0 0 12px;font-size:14px;line-height:1.6;color:#c8c9cc}
.awatt-device-search__status a{color:#f5f5f7;text-underline-offset:4px}
.awatt-device-search__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.awatt-device-search__result{min-width:0;padding:16px 18px;border:1px solid #dadddf;border-radius:13px;background:#fff;color:#232426}
.awatt-device-search__result-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.awatt-device-search__name{margin:0;color:#26282d;font-size:17px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.awatt-device-search__listed{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#62656b}
.awatt-device-search__listed svg{width:13px;height:13px}
.awatt-device-search__badges{display:flex;flex-wrap:wrap;gap:5px}
.awatt-device-search__badge{display:inline-block;padding:5px 8px;background:#eff0f2;border-radius:6px;color:#555960;font-size:11px;line-height:1.4}
.awatt-device-search__badge--trial{background:#f4efe4;color:#776440}
.awatt-device-search__result-note{margin:9px 0 0;color:#64676e;font-size:11px;line-height:1.55}
.awatt-device-search__more{margin:16px 0 4px;padding:10px 14px;border:1px solid #d0d1d4;border-radius:9px;background:#fff;color:#34373d;font:inherit;font-size:13px;cursor:pointer}
.awatt-device-search__note{max-width:890px;margin:20px 0 0;color:#b6b8bd;font-size:12px;line-height:1.7}
.awatt-device-search__footer{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff2b;font-size:12px;line-height:1.6;color:#b6b8bd}
.awatt-device-search__footer a{color:#f1f1f3;text-underline-offset:5px;white-space:normal}
.awatt-device-search__footer a span{margin-left:4px}
.awatt-device-search__announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
awatt-device-search [hidden]{display:none!important}
awatt-device-search button:focus-visible,awatt-device-search select:focus-visible,awatt-device-search a:focus-visible{outline:2px solid #b9bcc3;outline-offset:3px}
@media(max-width:749px){awatt-device-search.awatt-device-search{margin:32px auto 44px}.awatt-device-search__panel{padding:27px 22px;border-radius:18px}.awatt-device-search__intro{margin-bottom:24px}.awatt-device-search__intro>p:last-child{font-size:14px}.awatt-device-search__form{grid-template-columns:minmax(0,1fr);gap:12px}.awatt-device-search__category select{min-height:48px}.awatt-device-search__list{grid-template-columns:minmax(0,1fr)}.awatt-device-search__result-top{align-items:flex-start}.awatt-device-search__footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:no-preference){.awatt-device-search__chip,.awatt-device-search__clear,.awatt-device-search__more{transition:background-color .16s,border-color .16s}}