.ofb{box-sizing:border-box;max-width:600px;margin:0 auto;padding:0 4px 5px;container-type:inline-size}.ofb .ofb-list{list-style:none;margin:0;padding:0}.ofb .ofb-card{margin:0;padding:.75em 1em;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgb(0 0 0 / .15);line-height:1.3}.ofb .ofb-card+.ofb-card{margin-top:.75em}.ofb .ofb-card p{margin:0}.ofb-card__title{overflow-wrap:anywhere}.ofb-card__name{font-weight:700}.ofb-card__style,.ofb-card__title .ofb-card__sep{opacity:.75}.ofb-card__brewer,.ofb-card__location{display:block}.ofb-card__sep--brewery{display:none}.ofb-card__slots{display:grid;grid-template-columns:12ch 16ch;grid-template-areas:"abv     size" "ibu     srm" "untappd ba";column-gap:.75em;font-variant-numeric:tabular-nums}.ofb-slot{white-space:nowrap}.ofb-slot--abv{grid-area:abv}.ofb-slot--size{grid-area:size}.ofb-slot--ibu{grid-area:ibu}.ofb-slot--srm{grid-area:srm}.ofb-slot--untappd{grid-area:untappd}.ofb-slot--ba{grid-area:ba}.ofb-slot__label--short{display:none}@container (max-width:359.98px){.ofb-card__slots{grid-template-columns:11ch 9ch;column-gap:.5em}.ofb-slot__label--full{display:none}.ofb-slot__label--short{display:inline}}@container (min-width:560px){.ofb-card__brewer,.ofb-card__location,.ofb-card__sep--brewery{display:inline}.ofb-card__slots{grid-template-columns:12ch 16ch 7ch 7ch;grid-template-areas:"abv     size ibu srm" "untappd ba   .   ."}}.ofb-pager{display:flex;flex-wrap:wrap;align-items:center;gap:.5em 1.5em}.ofb-controls{display:flex;flex-direction:column;align-items:flex-start;gap:.5em;margin-bottom:.75em}.ofb-controls .ofb-search{align-self:stretch}@container (min-width:560px){.ofb-controls{flex-direction:row;align-items:center;gap:1.5em}.ofb-controls .ofb-search{flex:1;min-width:0}.ofb-controls>.ofb-field{flex:none}}.ofb .ofb-field{display:inline-flex;align-items:center;gap:.25em}.ofb .ofb-sort,.ofb .ofb-per-page,.ofb .ofb-search__input{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:auto;height:2.25em;margin:0;font-family:inherit;font-size:inherit;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:none}.ofb .ofb-sort,.ofb .ofb-per-page{padding:0 2em 0 .6em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23333' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6em center;background-size:.7em auto}.ofb .ofb-search__input{flex:1;min-width:0;padding:0 2.75em 0 .6em}.ofb-search{position:relative;display:flex;align-items:center}.ofb .ofb-search .ofb-field{flex:1;min-width:0}.ofb-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.ofb .ofb-search__clear{position:absolute;top:50%;right:0;transform:translateY(-50%);min-width:2.75em;min-height:2.75em;margin:0;padding:0;font-family:inherit;font-size:1.25em;line-height:1;color:#333;background:none;border:0;box-shadow:none;cursor:pointer}.ofb .ofb-sort:focus-visible,.ofb .ofb-per-page:focus-visible,.ofb .ofb-search__input:focus-visible,.ofb .ofb-search__clear:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.ofb .ofb-search__clear[hidden],.ofb-list[hidden],.ofb-pager[hidden]{display:none}.ofb-pager{justify-content:space-between;margin:.5em 0}.ofb-pager .ofb-count{margin:0}.ofb-arrows{display:flex;gap:.5em}.ofb-arrow{min-width:2.75em;min-height:2.75em;line-height:1}.ofb-arrow:disabled{opacity:.4;cursor:default}.ofb .ofb-footer{margin-top:1.5em;font-size:.875em;line-height:1.4}.ofb .ofb-footer p{margin:0}.ofb .ofb-footer p+p{margin-top:.75em}