@layer standard-components{.XppHardwareAccessory.recommended.svelte-ippaa2{background:var(--color-accent)}.XppHardwareAccessory.recommended.svelte-ippaa2 .Badge{background-color:var(--color-gray-55)}.row.svelte-ippaa2{display:flex;flex-direction:column;border-bottom:1px solid var(--color-gray-15);background:var(--color-white);overflow:hidden}.row-top.svelte-ippaa2{display:grid;grid-template-columns:2.5fr 3fr 2fr 2fr;align-items:center;gap:16px;font-size:var(--font-size-16);padding:var(--space-10) var(--space-20);cursor:pointer}.row-top[data-state=open].svelte-ippaa2{border-bottom:1px solid var(--color-gray-15)}.cell.svelte-ippaa2{display:flex;align-items:center;min-width:0}.brand.svelte-ippaa2{gap:8px}.brand-text.svelte-ippaa2{font-weight:var(--font-weight-medium)}.model-text.svelte-ippaa2{color:var(--color-gray-90);font-weight:var(--font-weight-medium);line-height:1.2}.connection.svelte-ippaa2{color:var(--color-gray-75);font-weight:var(--font-weight-normal)}.connection.svelte-ippaa2 .Badge{display:none}.actions.svelte-ippaa2{display:flex;justify-content:flex-end;align-items:center;gap:14px;white-space:nowrap}.chevron.svelte-ippaa2{min-width:16px;transition:transform .2s ease;display:inline-flex}.row-top[data-state=open].svelte-ippaa2 .chevron:where(.svelte-ippaa2){transform:rotate(180deg);position:relative;top:3px}.row-bottom.svelte-ippaa2{overflow:hidden;transition:max-height .26s ease,opacity .18s ease}.images.svelte-ippaa2{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;align-items:stretch;padding:var(--space-20)}.device.svelte-ippaa2{display:flex;justify-content:center;align-items:center}.XppHardwareDevice{width:100%;height:100%;box-sizing:border-box}.buy-button{margin-right:auto}@media (max-width: 739px){.buy-button{display:none}}@media (max-width: 1023px){.Action__content-wrapper{min-width:calc(var(--action-variant-button-size-small-min-width) * .7)}.row-top.svelte-ippaa2{grid-template-columns:1.2fr 2fr 1.8fr;grid-template-areas:"brand model actions" "brand connection actions";align-items:center;row-gap:0}.brand.svelte-ippaa2{grid-area:brand;flex-direction:column;align-items:flex-start;gap:4px}.brand.svelte-ippaa2 .Badge{margin-left:0}.model.svelte-ippaa2{grid-area:model}.connection.svelte-ippaa2{grid-area:connection}.images.svelte-ippaa2{display:flex;flex-direction:column;gap:10px;padding:var(--space-10)}.device.svelte-ippaa2{display:block}.XppHardwareDevice__title{text-align:left}}@media (max-width: 739px){.row-top.svelte-ippaa2{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "model actions" "connection actions";align-items:center;row-gap:4px}.brand.svelte-ippaa2 .Badge{display:none}.connection.svelte-ippaa2{flex-direction:column;align-items:flex-start;gap:4px}.connection.svelte-ippaa2 .Badge{margin-left:0;display:inline-block}.actions.svelte-ippaa2{grid-area:actions;align-self:center}}@media (prefers-reduced-motion: reduce){.chevron.svelte-ippaa2,.row-bottom.svelte-ippaa2{transition:none}}}