body{--primary: hsl(196, 100%, 44%);--primary-hover: hsl(196, 100%, 34%);--primary-focus: rgba(0, 165, 223, .125) --muted-border-color: hsl(205deg, 10%, 20%);--card-border-color: var(--muted-border-color)}@media (min-width: 992px){body>footer,body>header,body>main{--block-spacing-vertical: calc(var(--spacing) * 2)}}@media (min-width: 768px){body>footer,body>header,body>main{--block-spacing-vertical: calc(var(--spacing) * 1.5)}}@media (min-width: 576px){body>footer,body>header,body>main{--block-spacing-vertical: calc(var(--spacing) * 1)}}body>header>hgroup{margin-bottom:0}a.github-repo{margin-left:.35rem}a.github-repo svg{fill:var(--contrast);height:1.25rem;width:1.25rem;vertical-align:text-bottom}a.github-repo svg:hover{fill:var(--contrast-hover)}app-nav nav ul ul:first-of-type{margin-left:var(--nav-element-spacing-horizontal)}app-nav a[aria-current]{color:var(--primary)}@media (min-width: 992px){main>.grid{grid-column-gap:2rem;grid-template-columns:25% auto}app-nav{position:-webkit-sticky;position:sticky;top:0}}.rating{position:relative;width:5rem;height:1rem}.rating progress{--progress-background-color: gray;--progress-color: orange;appearance:none;border-radius:0;height:100%;width:100%}.rating svg{fill:var(--background-color);position:absolute;top:0;left:0;width:100%;height:100%}.search-results{padding-left:0}.search-results li{list-style:none}.search-results section{--typography-spacing-vertical: .75rem;border-radius:var(--border-radius);background:var(--background-color);box-shadow:var(--card-box-shadow);margin:var(--block-spacing-horizontal) 0;padding:var(--block-spacing-horizontal) var(--block-spacing-horizontal)}.search-results li section{--background-color: var(--card-background-color);border:.2rem solid var(--card-border-color)}.search-results li.sponsored section,.search-results li.placeholder section{border:.2rem solid var(--primary)}.search-results h3{--font-size: 1.25rem;--typography-spacing-vertical: .25rem}.search-results .price{margin:var(--typography-spacing-vertical) 0}.search-results p{margin:var(--typography-spacing-vertical) 0 0}.search-results div.sponsored{font-size:calc(var(--font-size) * .8)}.search-results li.placeholder h3,.search-results li.placeholder .price,.search-results li.placeholder p{--color: var(--card-border-color);color:var(--color);background:var(--color)}