.rangePips{--pip:var(--range-pip,var(--slider-base));--pip-text:var(--range-pip-text,var(--pip));--pip-active:var(--range-pip-active,var(--slider-fg));--pip-active-text:var(--range-pip-active-text,var(--pip-active));--pip-hover:var(--range-pip-hover,var(--slider-fg));--pip-hover-text:var(--range-pip-hover-text,var(--pip-hover));--pip-in-range:var(--range-pip-in-range,var(--pip-active));--pip-in-range-text:var(--range-pip-in-range-text,var(--pip-active-text));--pip-out-of-limit:var(--range-pip-out-of-limit,var(--slider-base-100));--pip-out-of-limit-text:var(--range-pip-out-of-limit-text,var(--pip-out-of-limit));font-variant-numeric:tabular-nums;height:1em;position:absolute;bottom:-1em;left:0;right:0;transform:translateZ(.001px)}.rangePips.rsVertical{width:1em;height:auto;inset:0 auto 0 100%}.rangePips .rsPip{white-space:nowrap;width:1px;height:.4em;position:absolute;top:.25em;transform:translateZ(.001px)}.rangePips.rsVertical .rsPip{width:.4em;height:1px;top:auto;bottom:auto;left:.25em}.rangePips .rsPipVal{display:inline-flex;position:absolute;top:.4em;transform:translate(-50%,25%)}.rangePips.rsVertical .rsPipVal{position:absolute;top:0;left:.4em;transform:translate(25%,-50%)}.rangePips .rsPip{transition:all .15s}.rangePips .rsPipVal{transition:all .15s,font-weight linear}.rangePips .rsPip{color:var(--pip-text);background-color:var(--pip)}.rangePips .rsPip.rsSelected{color:var(--pip-active-text);background-color:var(--pip-active)}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsOutOfLimit):hover{color:var(--pip-hover-text);background-color:var(--pip-hover)}.rangePips .rsPip.rsInRange{color:var(--pip-in-range-text);background-color:var(--pip-in-range)}.rangePips .rsPip.rsOutOfLimit{color:var(--pip-out-of-limit-text);background-color:var(--pip-out-of-limit)}.rangePips .rsPip.rsSelected{height:.75em}.rangePips.rsVertical .rsPip.rsSelected{width:.75em;height:1px}.rangePips .rsPip.rsSelected .rsPipVal{font-weight:700;top:.75em}.rangePips.rsVertical .rsPip.rsSelected .rsPipVal{top:0;left:.75em}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsSelected):not(.rsOutOfLimit):hover{transition:none}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsSelected):not(.rsOutOfLimit):hover .rsPipVal{font-weight:700;transition:none}@layer base{.rangeSlider{--slider-light-accent:#4a40d4;--slider-light-accent-100:#838de7;--slider-light-accent-text:#fff;--slider-light-base:#99a2a2;--slider-light-base-100:#b9c2c2;--slider-light-bg:#d7dada;--slider-light-fg:#3f3e4f;--slider-dark-accent:#6070fc;--slider-dark-accent-100:#7a7fab;--slider-dark-accent-text:#fff;--slider-dark-base:#82809f;--slider-dark-base-100:#595868;--slider-dark-bg:#3f3e4f;--slider-dark-fg:#d7dada;--slider-accent:var(--slider-light-accent);--slider-accent-100:var(--slider-light-accent-100);--slider-accent-text:var(--slider-light-accent-text);--slider-base:var(--slider-light-base);--slider-base-100:var(--slider-light-base-100);--slider-bg:var(--slider-light-bg);--slider-fg:var(--slider-light-fg);--slider:var(--range-slider,var(--slider-bg));--handle-inactive:var(--range-handle-inactive,var(--slider-base));--handle:var(--range-handle,var(--slider-accent-100));--handle-focus:var(--range-handle-focus,var(--slider-accent));--handle-border:var(--range-handle-border,var(--handle));--range-inactive:var(--range-range-inactive,var(--handle-inactive));--range:var(--range-range,var(--handle-focus));--range-limit:var(--range-range-limit,var(--slider-base-100));--range-hover:var(--range-range-hover,var(--handle-border));--range-press:var(--range-range-press,var(--handle-border));--float-inactive:var(--range-float-inactive,var(--handle-inactive));--float:var(--range-float,var(--handle-focus));--float-text:var(--range-float-text,var(--slider-accent-text))}.rangeSlider.rsDark{--slider-accent:var(--slider-dark-accent);--slider-accent-100:var(--slider-dark-accent-100);--slider-accent-text:var(--slider-dark-accent-text);--slider-base:var(--slider-dark-base);--slider-base-100:var(--slider-dark-base-100);--slider-bg:var(--slider-dark-bg);--slider-fg:var(--slider-dark-fg)}@media (prefers-color-scheme:dark){.rangeSlider.rsAutoDark{--slider-accent:var(--slider-dark-accent);--slider-accent-100:var(--slider-dark-accent-100);--slider-accent-text:var(--slider-dark-accent-text);--slider-base:var(--slider-dark-base);--slider-base-100:var(--slider-dark-base-100);--slider-bg:var(--slider-dark-bg);--slider-fg:var(--slider-dark-fg)}}}.rangeSlider{user-select:none;border-radius:100px;height:.5em;margin:1em;transition:opacity .2s;position:relative;overflow:visible}.rangeSlider *{user-select:none}.rangeSlider.rsPips{margin-bottom:1.8em}.rangeSlider.rsPipLabels{margin-bottom:2.8em}.rangeSlider.rsVertical{border-radius:100px;width:.5em;min-height:200px;display:inline-block}.rangeSlider.rsVertical.rsPips{margin-bottom:1em;margin-right:1.8em}.rangeSlider.rsVertical.rsPipLabels{margin-bottom:1em;margin-right:2.8em}.rangeSlider .rangeHandle{width:1.4em;height:1.4em;transform:translateY(-50%)translate(-50%);translate:calc(var(--slider-length) * (var(--handle-pos) / 100) * 1px) 0;z-index:2;display:block;position:absolute;top:.25em;bottom:auto}.rangeSlider.rsReversed .rangeHandle{transform:translateY(-50%)translate(-50%);translate:calc((var(--slider-length) * 1px) - (var(--slider-length) * (var(--handle-pos) / 100) * 1px)) 0}.rangeSlider.rsVertical .rangeHandle{transform:translateY(-50%)translate(-50%);translate:0 calc(var(--slider-length) * (1 - var(--handle-pos) / 100) * 1px);top:auto;left:.25em}.rangeSlider.rsVertical.rsReversed .rangeHandle{transform:translateY(-50%)translate(-50%);translate:0 calc((var(--slider-length) * 1px) - (var(--slider-length) * (1 - var(--handle-pos) / 100) * 1px))}.rangeSlider .rangeNub,.rangeSlider .rangeHandle:before{border-radius:10em;width:100%;height:100%;transition:background .2s,box-shadow .2s;display:block;position:absolute;top:0;left:0}.rangeSlider .rangeHandle:before{content:"";width:auto;height:auto;-webkit-box-shadow:0 0 0 0px var(--handle-border);box-shadow:0 0 0 0px var(--handle-border);opacity:0;transition:opacity .2s,box-shadow .2s;inset:1px}.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle:hover:before{-webkit-box-shadow:0 0 0 8px var(--handle-border);box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle.rsPress:before,.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle.rsPress:hover:before{-webkit-box-shadow:0 0 0 12px var(--handle-border);box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.rsRange:not(.rsMin):not(.rsMax) .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.rsRange .rangeHandle:first-of-type .rangeNub{transform:rotate(-135deg)}.rangeSlider.rsRange .rangeHandle:nth-of-type(2) .rangeNub,.rangeSlider.rsRange.rsReversed .rangeHandle:first-of-type .rangeNub{transform:rotate(45deg)}.rangeSlider.rsRange.rsReversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.rsRange.rsVertical .rangeHandle:first-of-type .rangeNub{transform:rotate(135deg)}.rangeSlider.rsRange.rsVertical .rangeHandle:nth-of-type(2) .rangeNub,.rangeSlider.rsRange.rsVertical.rsReversed .rangeHandle:first-of-type .rangeNub{transform:rotate(-45deg)}.rangeSlider.rsRange.rsVertical.rsReversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{text-align:center;pointer-events:none;white-space:nowrap;z-index:3;opacity:0;transform-origin:50%;border-radius:.5em;padding:.33em .5em .5em;font-size:.9em;line-height:1;transition:all .22s cubic-bezier(.33,1,.68,1);display:block;position:absolute;bottom:1.75em;left:50%;translate:-50% -50% .01px;scale:1}.rangeSlider .rangeHandle.rsActive .rangeFloat,.rangeSlider.rsHoverable .rangeHandle:hover .rangeFloat,.rangeSlider.rsHoverable .rangeBar:hover .rangeFloat,.rangeSlider.rsFocus .rangeBar .rangeFloat{opacity:1;translate:-50% 0% .01px;scale:1}.rangeSlider .rangeBar .rangeFloat{z-index:2;bottom:.875em}.rangeSlider.rsVertical .rangeFloat{inset:50% 1.75em auto auto;translate:-50% -50% .01px}.rangeSlider.rsVertical .rangeHandle.rsActive .rangeFloat,.rangeSlider.rsVertical.rsHoverable .rangeHandle:hover .rangeFloat,.rangeSlider.rsVertical.rsHoverable .rangeBar:hover .rangeFloat,.rangeSlider.rsVertical.rsFocus .rangeBar .rangeFloat{translate:0% -50% .01px}.rangeSlider.rsVertical .rangeBar .rangeFloat{right:.875em}.rangeSlider .rangeBar,.rangeSlider .rangeLimit,.rangeSlider.rsDrag .rangeBar:before{user-select:none;z-index:1;border-radius:1em;height:.5em;transition:background .2s;display:block;position:absolute;top:0}.rangeSlider.rsVertical .rangeBar,.rangeSlider.rsVertical .rangeLimit,.rangeSlider.rsVertical.rsDrag .rangeBar:before{width:.5em;height:auto}.rangeSlider .rangeBar{translate:calc((var(--slider-length) * (var(--range-start) / 100) * 1px)) 0;width:calc(var(--slider-length) * (var(--range-size) / 100 * 1px))}.rangeSlider.rsReversed .rangeBar{translate:calc((var(--slider-length) * 1px) - (var(--slider-length) * (var(--range-end) / 100) * 1px)) 0}.rangeSlider.rsVertical .rangeBar{translate:0 calc((var(--slider-length) * 1px) - (var(--slider-length) * (var(--range-end) / 100) * 1px));height:calc(var(--slider-length) * (var(--range-size) / 100 * 1px))}.rangeSlider.rsVertical.rsReversed .rangeBar{translate:0 calc((var(--slider-length) * (var(--range-start) / 100) * 1px))}.rangeSlider.rsDrag .rangeBar:before{content:"";background-color:var(--range-hover);opacity:0;height:auto;transition:opacity .2s,scale .2s;inset:-.5em 0;scale:1 .5}.rangeSlider.rsVertical.rsDrag .rangeBar:before{width:auto;inset:0 -.5em}.rangeSlider.rsHoverable:not(.rsDisabled).rsDrag .rangeBar:hover:before{opacity:.2;scale:1}.rangeSlider.rsHoverable:not(.rsDisabled).rsDrag .rangeBar.rsPress:before{opacity:.4;scale:1 1.25}.rangeSlider.rsVertical.rsHoverable:not(.rsDisabled).rsDrag .rangeBar.rsPress:before{scale:1.25 1}.rangeSlider{background-color:var(--slider)}.rangeSlider .rangeBar{background-color:var(--range-inactive)}.rangeSlider.rsFocus .rangeBar{background-color:var(--range)}.rangeSlider .rangeLimit{background-color:var(--range-limit)}.rangeSlider .rangeNub{background-color:var(--handle-inactive)}.rangeSlider.rsFocus .rangeNub{background-color:var(--handle)}.rangeSlider .rangeHandle.rsActive .rangeNub{background-color:var(--handle-focus)}.rangeSlider .rangeFloat{color:var(--float-text);background-color:var(--float-inactive)}.rangeSlider.rsFocus .rangeFloat{background-color:var(--float)}.rangeSlider.rsDisabled{opacity:.5}.rangeSlider.rsDisabled .rangeNub{background-color:var(--handle-inactive)}.rangeSlider .rangeBar,.rangeSlider .rangeHandle{transition:opacity .2s}.filter.svelte-1uengi8{margin:0 0 var(--section-margin-s);padding:0}.filter.svelte-1uengi8>summary:where(.svelte-1uengi8){max-width:440px;padding:20px var(--space-wrap-gap);border:3px solid var(--color-border);-webkit-box-shadow:var(--shadow-link-box);box-shadow:var(--shadow-link-box);-webkit-text-stroke:3px #fff;text-stroke:3px #fff;paint-order:stroke;background:#fff;margin:0 auto;font-weight:700;position:relative}.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):after,.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):before{content:"";background:var(--color-main);right:var(--space-wrap-gap);width:22px;height:3px;position:absolute;top:50%}.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):after{transition:all .3s;rotate:90deg}.filter[open].svelte-1uengi8>summary:where(.svelte-1uengi8):before{opacity:0}.filter[open].svelte-1uengi8>summary:where(.svelte-1uengi8):after{rotate:0deg}.filter-group.svelte-1uengi8{box-sizing:border-box;z-index:9;width:38vw;height:100svh;padding:20px var(--space-wrap-gap) 20px;border-left:3px solid var(--color-border);background:#ffffffd9;margin-top:0;position:fixed;top:0;right:0;overflow:auto}.filter-close.svelte-1uengi8{background:#fff;border:0;border-radius:0;margin:0;padding:0;display:block;position:fixed;top:10px;right:20px}.filter-reset.svelte-1uengi8{z-index:9;border:2px solid var(--color-border);font-size:var(--fz-s);color:var(--color-text);background:#fff;margin:0;padding:2px 10px;font-weight:700;line-height:1.2;display:block;position:fixed;top:13px;right:70px}.filter__body.svelte-1uengi8{padding-top:30px}.filter-item.svelte-1uengi8{border-top:1px dashed var(--color-border);flex-direction:column;align-items:flex-start;margin-top:10px;padding-top:9px}.filter-item.svelte-1uengi8:last-child{border-bottom:1px dashed var(--color-border);padding-bottom:9px}.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8){width:100%;font-size:var(--fz-m);color:var(--color-accent);margin:0;padding:0;position:relative}.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8):after,.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8):before{content:"";background:var(--color-main);width:14px;height:2px;position:absolute;top:50%;right:0}.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8):after{transition:all .3s;rotate:90deg}.filter-item[open].svelte-1uengi8>summary:where(.svelte-1uengi8):before{opacity:0}.filter-item[open].svelte-1uengi8>summary:where(.svelte-1uengi8):after{rotate:0deg}.filter-item__body.svelte-1uengi8{gap:4px var(--space-wrap-gap);font-size:var(--fz-m);flex-wrap:wrap;flex:1;margin:0;padding-top:5px;font-weight:600;display:flex}.filter-item__body.svelte-1uengi8:has(>.beer-style-category:where(.svelte-1uengi8)){gap:15px var(--space-wrap-gap)}.filter-item__body.-ibu-range.svelte-1uengi8{display:block}.filter-item__body.-ibu-range.svelte-1uengi8 .ibu-slider-labels:where(.svelte-1uengi8){text-align:center}.beer-style-category.svelte-1uengi8{border:1px solid var(--color-border)}.beer-style-category-children.svelte-1uengi8{gap:4px var(--space-wrap-gap);flex-wrap:wrap;display:flex}.end-of-list.svelte-1uengi8,.search-no-hit.svelte-1uengi8{text-align:center;font-weight:700;font-size:var(--fz-xl);padding:2rem 0}.end-of-list.svelte-1uengi8{margin-top:var(--section-margin-s)}@media screen and (width<=1024px){.filter.svelte-1uengi8{box-sizing:border-box;z-index:99;background:#ffffffe6;border-width:3px 0 0;width:100%;margin:0;position:fixed;bottom:0;left:0}.filter.svelte-1uengi8>summary:where(.svelte-1uengi8){max-width:none;-webkit-box-shadow:none;box-shadow:none;border-width:3px 0 0;padding-block:15px}.filter-group.svelte-1uengi8{border-left:0;width:auto;max-height:45svh;padding-top:2px;padding-bottom:30px;position:static}.filter-close.svelte-1uengi8{display:none}.filter-reset.svelte-1uengi8{margin:0 0 15px auto;position:static}.filter__body.svelte-1uengi8{padding-top:0}}@media screen and (width<=768px){.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):after,.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):before{width:20px}.filter-item.svelte-1uengi8{flex-direction:column;align-items:flex-start}.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8):after,.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8):before{width:12px}}@media screen and (width>=1441px){#dynamic-beer-list.svelte-1uengi8{margin:0 calc(50% - 50svw + 50px)}}@media (any-hover:hover){.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):hover{color:var(--color-accent)}.filter-reset.svelte-1uengi8:hover{background-color:var(--color-link_hover)}}@media screen and (width>=1441px){#static-beer-list[data-astro-cid-ocduvox5]{margin:0 calc(50% - 50vw + 50px)}}@media (scripting:none){.beer-filter-wrap[data-astro-cid-ocduvox5]{display:none}}