cocktail-filter{display:block}.cocktail-filter{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:var(--cocktail-group-spacing)}.cocktail-filter__bar{display:flex;align-items:stretch;gap:1rem}.cocktail-filter__search{flex:1 1 auto;max-width:48rem}.cocktail-filter__search .field__button{pointer-events:none}.cocktail-filter__toggle{display:inline-flex;flex:none;align-items:center;gap:.8rem;min-height:4.5rem;padding:0 1.6rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius, 0);background:transparent;color:rgb(var(--color-foreground));font-family:inherit;font-size:var(--cocktail-pill-size, 1.3rem);letter-spacing:.02em;cursor:pointer}.cocktail-filter__toggle .svg-wrapper{width:1.6rem;height:1.6rem}.cocktail-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:1rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;line-height:1}.cocktail-filter__badge[hidden]{display:none}.cocktail-filter__group{display:flex;flex-direction:column;gap:1.2rem;min-width:0;margin:0;padding:0;border:0}.cocktail-filter__legend{float:left;padding:0}.cocktail-filter__pills{display:flex;flex-wrap:wrap;gap:.8rem}@media screen and (max-width:749px){.cocktail-filter__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;transition:visibility 0s linear .26s}.cocktail-filter__drawer.is-open{visibility:visible;transition-delay:0s}.cocktail-filter__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.2);opacity:0;transition:opacity .2s ease}.cocktail-filter__drawer.is-open .cocktail-filter__backdrop{opacity:1}.cocktail-filter__panel{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-height:85vh;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-top:.1rem solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));box-shadow:0 -.6rem 2.4rem rgba(var(--color-foreground),.08);outline:none;transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.7,.2,1)}.cocktail-filter__drawer.is-open .cocktail-filter__panel{transform:translateY(0)}.cocktail-filter__panel:before{content:"";flex:none;align-self:center;width:4rem;height:.4rem;margin-top:1rem;border-radius:.2rem;background:rgba(var(--color-foreground),.2)}.cocktail-filter__panel-header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.4rem .6rem .4rem 1.6rem}.cocktail-filter__panel-heading{margin:0}.cocktail-filter__close{display:flex;flex:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.cocktail-filter__close .svg-wrapper{width:1.8rem;height:1.8rem}.cocktail-filter__groups{flex:1 1 auto;min-height:0;padding:0 1.6rem;overflow-y:auto;overscroll-behavior:contain}.cocktail-filter__group{padding:1.6rem 0}.cocktail-filter__group+.cocktail-filter__group{border-top:.1rem solid rgba(var(--color-foreground),.1)}.cocktail-filter__panel-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 1.6rem;padding:1.6rem 0 2rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.cocktail-filter__clear{flex:none;padding:0;border:0;background:none;font-size:1.4rem;cursor:pointer}.cocktail-filter__clear:disabled{opacity:.4;cursor:not-allowed}.cocktail-filter__apply{flex:none;margin-left:auto}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){.cocktail-filter__drawer,.cocktail-filter__backdrop,.cocktail-filter__panel{transition:none}}@media screen and (min-width:750px){.cocktail-filter__toggle,.cocktail-filter__backdrop,.cocktail-filter__panel-header,.cocktail-filter__panel-footer{display:none}.cocktail-filter__groups{display:flex;flex-direction:column;gap:1.6rem}.cocktail-filter__group{flex-direction:row;align-items:center;gap:2rem}.cocktail-filter__legend{flex:0 0 14rem}}.cocktail-group+.cocktail-group{margin-top:var(--cocktail-group-spacing)}.cocktail-groups__all{margin-top:var(--cocktail-group-spacing)}.cocktail-back{margin-bottom:1.6rem}.cocktail-back[hidden]{display:none}.cocktail-results__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.6rem}.cocktail-results__count{margin:0;color:rgba(var(--color-foreground),.7)}.cocktail-results__empty{margin:2.4rem 0 0}.cocktail-results__more{margin-top:var(--cocktail-group-spacing)}.cocktail-results__more:not(:has(:not([hidden]))){display:none}
/*# sourceMappingURL=/cdn/shop/t/666/assets/section-main-cocktail-blog.css.map */