@media not (min-width:48rem){.abv-sb-where--md{opacity:0;transition:grid-template-rows .2s var(--ease-out-soft), opacity .16s ease-out, overflow 0s linear 0s;transition-behavior:allow-discrete;grid-template-rows:0fr;display:grid;overflow:hidden}.abv-sb-where--md>*{min-height:0}.abv-sb[data-engaged] .abv-sb-where--md{opacity:1;transition:grid-template-rows .2s var(--ease-out-soft), opacity .2s ease-out, overflow 0s linear .2s;grid-template-rows:1fr;overflow:visible}.abv-sb:has(input:focus) .abv-sb-where--md{opacity:1;transition:grid-template-rows .2s var(--ease-out-soft), opacity .2s ease-out, overflow 0s linear .2s;grid-template-rows:1fr;overflow:visible}.abv-sb[data-engaged] .abv-sb-rest--md{display:none}.abv-sb:has(input:focus) .abv-sb-rest--md{display:none}}@media (min-width:48rem){.abv-sb .abv-sb-rest--md{display:none}}@media not (min-width:40rem){.abv-sb-where--sm{opacity:0;transition:grid-template-rows .2s var(--ease-out-soft), margin-top .2s var(--ease-out-soft), opacity .16s ease-out, overflow 0s linear 0s;transition-behavior:allow-discrete;grid-template-rows:0fr;margin-top:-.5rem;display:grid;overflow:hidden}.abv-sb-where--sm>*{min-height:0}.abv-sb[data-engaged] .abv-sb-where--sm{opacity:1;transition:grid-template-rows .2s var(--ease-out-soft), margin-top .2s var(--ease-out-soft), opacity .2s ease-out, overflow 0s linear .2s;grid-template-rows:1fr;margin-top:0;overflow:visible}.abv-sb:has(input:focus) .abv-sb-where--sm{opacity:1;transition:grid-template-rows .2s var(--ease-out-soft), margin-top .2s var(--ease-out-soft), opacity .2s ease-out, overflow 0s linear .2s;grid-template-rows:1fr;margin-top:0;overflow:visible}.abv-sb[data-engaged] .abv-sb-rest--sm{display:none}.abv-sb:has(input:focus) .abv-sb-rest--sm{display:none}}@media (min-width:40rem){.abv-sb .abv-sb-rest--sm{display:none}}@media (prefers-reduced-motion:reduce){.abv-sb-where--md,.abv-sb-where--sm,.abv-sb[data-engaged] .abv-sb-where--md,.abv-sb[data-engaged] .abv-sb-where--sm{transition:none}.abv-sb:has(input:focus) .abv-sb-where--md{transition:none}.abv-sb:has(input:focus) .abv-sb-where--sm{transition:none}}@layer components{.abv-sb-understood{background-image:linear-gradient(in oklch 90deg, color-mix(in oklab, var(--color-primary-soft) 70%, transparent) 0%, color-mix(in oklab, var(--color-primary-soft) 32%, transparent) 55%, transparent 100%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 16%, transparent)}.abv-sb-understood-icon{background-color:var(--color-card);color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 22%, transparent)}}
