.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))}.rangePips{position:absolute;-webkit-transform:translate3d(0,0,.001px);transform:translateZ(.001px);height:1em;left:0;right:0;bottom:-1em;font-variant-numeric:tabular-nums}.rangePips.rsVertical{height:auto;width:1em;inset:0 auto 0 100%}.rangePips .rsPip{height:.4em;position:absolute;top:.25em;width:1px;white-space:nowrap;-webkit-transform:translate3d(0,0,.001px);transform:translateZ(.001px)}.rangePips.rsVertical .rsPip{height:1px;width:.4em;left:.25em;top:auto;bottom:auto}.rangePips .rsPipVal{position:absolute;top:.4em;-webkit-transform:translate(-50%,25%);transform:translate(-50%,25%);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.rangePips.rsVertical .rsPipVal{position:absolute;top:0;left:.4em;-webkit-transform:translate(25%,-50%);transform:translate(25%,-50%)}.rangePips .rsPip{-webkit-transition:all .15s ease;transition:all .15s ease}.rangePips .rsPipVal{-webkit-transition:all .15s ease,font-weight 0s linear;transition:all .15s ease,font-weight 0s 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{height:1px;width:.75em}.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{-webkit-transition:none;transition:none}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsSelected):not(.rsOutOfLimit):hover .rsPipVal{-webkit-transition:none;transition:none;font-weight:700}@layer base{.rangeSlider{--slider-light-accent: #4a40d4;--slider-light-accent-100: #838de7;--slider-light-accent-text: #ffffff;--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: #ffffff;--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)}}.rangeSlider{position:relative;border-radius:100px;height:.5em;margin:1em;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.rangeSlider *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rangeSlider.rsPips{margin-bottom:1.8em}.rangeSlider.rsPipLabels{margin-bottom:2.8em}.rangeSlider.rsVertical{display:inline-block;border-radius:100px;width:.5em;min-height:200px}.rangeSlider.rsVertical.rsPips{margin-right:1.8em;margin-bottom:1em}.rangeSlider.rsVertical.rsPipLabels{margin-right:2.8em;margin-bottom:1em}.rangeSlider .rangeHandle{position:absolute;display:block;height:1.4em;width:1.4em;top:.25em;bottom:auto;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translate(-50%);translate:calc(var(--slider-length) * (var(--handle-pos) / 100) * 1px) 0;z-index:2}.rangeSlider.rsReversed .rangeHandle{-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translate(-50%);translate:calc((var(--slider-length) * 1px) - (var(--slider-length) * (var(--handle-pos) / 100) * 1px)) 0}.rangeSlider.rsVertical .rangeHandle{left:.25em;top:auto;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translate(-50%);translate:0 calc(var(--slider-length) * (1 - var(--handle-pos) / 100) * 1px)}.rangeSlider.rsVertical.rsReversed .rangeHandle{-webkit-transform:translateY(-50%) translateX(-50%);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{position:absolute;left:0;top:0;display:block;border-radius:10em;height:100%;width:100%;-webkit-transition:background .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,box-shadow .2s ease;transition:background .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.rangeSlider .rangeHandle:before{content:"";inset:1px;height:auto;width:auto;-webkit-box-shadow:0 0 0 0px var(--handle-border);box-shadow:0 0 0 0 var(--handle-border);opacity:0;-webkit-transition:opacity .2s ease,-webkit-box-shadow .2s ease;transition:opacity .2s ease,-webkit-box-shadow .2s ease;transition:opacity .2s ease,box-shadow .2s ease;transition:opacity .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.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:nth-of-type(1) .rangeNub{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.rangeSlider.rsRange .rangeHandle:nth-of-type(2) .rangeNub{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rangeSlider.rsRange.rsReversed .rangeHandle:nth-of-type(1) .rangeNub{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rangeSlider.rsRange.rsReversed .rangeHandle:nth-of-type(2) .rangeNub{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.rangeSlider.rsRange.rsVertical .rangeHandle:nth-of-type(1) .rangeNub{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rangeSlider.rsRange.rsVertical .rangeHandle:nth-of-type(2) .rangeNub{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rangeSlider.rsRange.rsVertical.rsReversed .rangeHandle:nth-of-type(1) .rangeNub{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rangeSlider.rsRange.rsVertical.rsReversed .rangeHandle:nth-of-type(2) .rangeNub{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rangeSlider .rangeFloat{display:block;position:absolute;left:50%;bottom:1.75em;font-size:1em;text-align:center;pointer-events:none;white-space:nowrap;font-size:.9em;line-height:1;padding:.33em .5em .5em;border-radius:.5em;z-index:3;opacity:0;translate:-50% -50% .01px;scale:1;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .22s cubic-bezier(.33,1,.68,1);transition:all .22s cubic-bezier(.33,1,.68,1)}.rangeSlider .rangeHandle.rsActive .rangeFloat,.rangeSlider.rsHoverable .rangeHandle:hover .rangeFloat,.rangeSlider.rsHoverable .rangeBar:hover .rangeFloat,.rangeSlider.rsFocus .rangeBar .rangeFloat{opacity:1;scale:1;translate:-50% 0% .01px}.rangeSlider .rangeBar .rangeFloat{bottom:.875em;z-index:2}.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{position:absolute;display:block;-webkit-transition:background .2s ease;transition:background .2s ease;border-radius:1em;height:.5em;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.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:"";inset:-.5em 0;height:auto;background-color:var(--range-hover);opacity:0;scale:1 .5;-webkit-transition:opacity .2s ease,scale .2s ease;transition:opacity .2s ease,scale .2s ease}.rangeSlider.rsVertical.rsDrag .rangeBar:before{inset:0 -.5em;width:auto}.rangeSlider.rsHoverable:not(.rsDisabled).rsDrag .rangeBar:hover:before{opacity:.2;scale:1 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{-webkit-transition:opacity .2s ease;transition:opacity .2s ease}@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)}}.filter.svelte-1uengi8{margin:0 0 var(--section-margin-s);padding:0}.filter.svelte-1uengi8>summary:where(.svelte-1uengi8){margin:0 auto;max-width:440px;position:relative;padding:20px var(--space-wrap-gap);font-weight:700;background:#fff;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}.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):after,.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):before{content:"";position:absolute;background:var(--color-main);right:var(--space-wrap-gap);top:50%;width:22px;height:3px}.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):after{rotate:90deg;-webkit-transition:.3s;transition:.3s}.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{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:0;right:0;z-index:9;width:38vw;height:100svh;overflow:auto;margin-top:0;padding:20px var(--space-wrap-gap) 20px;background:#ffffffd9;border-left:3px solid var(--color-border)}.filter-close.svelte-1uengi8{position:fixed;top:10px;right:20px;display:block;margin:0;padding:0;background:#fff;border:0;border-radius:0}.filter-reset.svelte-1uengi8{position:fixed;top:13px;right:70px;z-index:9;display:block;margin:0;padding:2px 10px;background:#fff;border:2px solid var(--color-border);font-size:var(--fz-s);color:var(--color-text);font-weight:700;line-height:1.2}.filter__body.svelte-1uengi8{padding-top:30px}.filter-item.svelte-1uengi8{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;padding-top:9px;border-top:1px dashed var(--color-border);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.filter-item.svelte-1uengi8:last-child{border-bottom:1px dashed var(--color-border);padding-bottom:9px}.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8){position:relative;width:100%;margin:0;padding:0;font-size:var(--fz-m);color:var(--color-accent)}.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8):after,.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8):before{content:"";position:absolute;background:var(--color-main);right:0;top:50%;width:14px;height:2px}.filter-item.svelte-1uengi8 summary:where(.svelte-1uengi8):after{rotate:90deg;-webkit-transition:.3s;transition:.3s}.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{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;padding-top:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px var(--space-wrap-gap);font-size:var(--fz-m);font-weight:600}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px var(--space-wrap-gap)}.end-of-list.svelte-1uengi8,.search-no-hit.svelte-1uengi8{padding:2rem 0;text-align:center;font-weight:700;font-size:var(--fz-xl)}.end-of-list.svelte-1uengi8{margin-top:var(--section-margin-s)}@media screen and (max-width: 1024px){.filter.svelte-1uengi8{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;z-index:99;width:100%;margin:0;background:#ffffffe6;border-width:0;border-top-width:3px}.filter.svelte-1uengi8>summary:where(.svelte-1uengi8){max-width:none;padding-block:15px;border-width:0;border-top-width:3px;-webkit-box-shadow:none;box-shadow:none}.filter-group.svelte-1uengi8{position:static;width:auto;max-height:45svh;padding-top:2px;padding-bottom:30px;border-left:0}.filter-close.svelte-1uengi8{display:none}.filter-reset.svelte-1uengi8{position:static;margin:0 0 15px auto}.filter__body.svelte-1uengi8{padding-top:0}}@media screen and (max-width: 768px){.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):after,.filter.svelte-1uengi8>summary:where(.svelte-1uengi8):before{width:20px}.filter-item.svelte-1uengi8{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;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 (min-width: 1441px){#dynamic-beer-list.svelte-1uengi8{margin:0 calc(-50svw + 50% + 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 (min-width: 1441px){#static-beer-list[data-astro-cid-nns257vq]{margin:0 calc(-50vw + 50% + 50px)}}@media (scripting: none){.beer-filter-wrap[data-astro-cid-nns257vq]{display:none}}