@layer components{.pagination{--pagination-template-areas:"info - paging";--pagination-place-items:center end;grid-template-columns:repeat(3,1fr);grid-template-areas:var(--pagination-template-areas,"info paging -");place-items:var(--pagination-place-items,center);grid-gap:var(--s-spacing-3);gap:var(--s-spacing-3);width:100%;display:grid}.pagination__info{grid-area:info;justify-self:start}.pagination__paging{gap:var(--s-spacing-1);grid-area:paging;display:flex}}@layer components{.search-autocomplete{position:relative;& .search-autocomplete__listbox{z-index:10;background-color:var(--s-color-surface-default,#fff);border-radius:0 0 var(--s-radius-field,4px) var(--s-radius-field,4px);border:1px solid var(--s-color-border-default,#ccc);border-top:none;max-height:240px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000001f}& .search-autocomplete__option{padding:var(--s-spacing-2,8px) var(--s-spacing-3,12px);cursor:pointer;border-bottom:1px solid var(--s-color-border-subtle,#eee);flex-direction:column;gap:2px;display:flex;&:last-child{border-bottom:none}&.highlighted,&:hover{background-color:var(--s-color-surface-subtle,#f5f5f5)}}& .search-autocomplete__option-name{font-weight:var(--s-font-weight-semi-bold,600);font-size:var(--s-font-size-base,.875rem);color:var(--s-color-text-default,#1a1a1a)}& .search-autocomplete__option-commercial-name{color:var(--s-color-text-subtle,#666);font-size:.75rem}}}