.coffee-glossary{--gl-espresso: #1b120d;--gl-cream: #f7f1ea;--gl-crema: #e8d7be;--gl-brass: #b88746;--gl-brass-ink: #8a6230;--gl-cocoa: #6e4528;--gl-sage: #55745a;--gl-wine: #7c2d3f;--gl-border: #e6e1da;--gl-muted: rgb(var(--color-foreground-rgb, 27 18 13) / .55);--gl-soft: rgb(var(--color-foreground-rgb, 27 18 13) / .72);--gl-radius: var(--style-border-radius-lg, 1rem);--gl-shadow: 0 1px 3px rgb(0 0 0 / .05);--gl-bg: var(--color-background, #fff);color:var(--color-foreground, #1b120d)}.coffee-glossary .lingo-gloss__tools{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem .9rem;margin-bottom:1.4rem}.coffee-glossary .lingo-gloss__search{flex:1 1 240px;max-width:340px;padding:.65rem 1rem;border:1.5px solid var(--gl-border);border-radius:999px;font:inherit;font-size:.95rem;background:var(--gl-bg);color:inherit}.coffee-glossary .lingo-gloss__search:focus{outline:2px solid var(--gl-brass);outline-offset:1px}.coffee-glossary .gl-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.coffee-glossary .gl-chip{border:1.5px solid var(--gl-border);background:var(--gl-bg);color:var(--gl-soft);border-radius:999px;padding:.4rem .85rem;font:inherit;font-size:.82rem;font-weight:650;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.coffee-glossary .gl-chip:hover{border-color:var(--gl-brass)}.coffee-glossary .gl-chip.is-active{background:var(--gl-espresso);color:var(--gl-cream);border-color:var(--gl-espresso)}.coffee-glossary .gl-chip--group{font-size:.88rem;padding:.45rem 1rem}.coffee-glossary .gl-group__head{margin:1.8rem 0 .9rem;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.coffee-glossary .gl-group__head:first-of-type{margin-top:.4rem}.coffee-glossary .gl-group__title{font-size:clamp(1.15rem,3vw,1.5rem);margin:0;color:var(--gl-espresso)}.coffee-glossary .gl-group__sub{font-size:.85rem;color:var(--gl-muted)}.coffee-glossary .gl-group[hidden]{display:none}.coffee-glossary .lingo-gloss{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.coffee-glossary .lingo-gcard[hidden]{display:none}.coffee-glossary .lingo-gcard__btn{display:block;width:100%;border:0;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;perspective:900px;min-height:200px}.coffee-glossary .lingo-gcard__inner{position:relative;display:block;width:100%;height:100%;min-height:200px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.9,.4,1)}.coffee-glossary .lingo-gcard__btn[aria-expanded=true] .lingo-gcard__inner{transform:rotateY(180deg)}.coffee-glossary .lingo-gcard__btn:hover .lingo-gcard__inner{transform:rotateY(16deg)}.coffee-glossary .lingo-gcard__btn[aria-expanded=true]:hover .lingo-gcard__inner{transform:rotateY(164deg)}.coffee-glossary .lingo-gcard__front,.coffee-glossary .lingo-gcard__back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:1.1rem 1.2rem;border-radius:var(--gl-radius);border:1px solid var(--gl-border);backface-visibility:hidden;-webkit-backface-visibility:hidden}.coffee-glossary .lingo-gcard__front{background:var(--gl-bg);box-shadow:var(--gl-shadow);align-items:flex-start;border-top:3px solid var(--cat-colour, var(--gl-brass))}.coffee-glossary .lingo-gcard__front b{font-size:1.12rem}.coffee-glossary .lingo-gcard__front i{font-style:normal;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cat-colour, var(--gl-brass-ink));font-weight:700}.coffee-glossary .lingo-gcard__front:after{content:"tap to flip";font-size:.68rem;color:var(--gl-muted);margin-top:auto}.coffee-glossary .lingo-gcard[data-cat=tasting]{--cat-colour: var(--gl-sage)}.coffee-glossary .lingo-gcard[data-cat=brewing]{--cat-colour: var(--gl-brass-ink)}.coffee-glossary .lingo-gcard[data-cat=espresso]{--cat-colour: var(--gl-cocoa)}.coffee-glossary .lingo-gcard[data-cat=roasting]{--cat-colour: var(--gl-wine)}.coffee-glossary .lingo-gcard[data-cat=origin]{--cat-colour: #5d7a4c}.coffee-glossary .lingo-gcard[data-cat=milk]{--cat-colour: #b06a4f}.coffee-glossary .lingo-gcard__back{background:var(--gl-espresso);color:var(--gl-cream);border-color:var(--gl-espresso);transform:rotateY(180deg);justify-content:center}.coffee-glossary .lingo-gcard__back span{font-size:.83rem;line-height:1.45}.coffee-glossary .lingo-gcard__back em{font-size:.78rem;color:var(--gl-crema)}.coffee-glossary .lingo-gloss__empty{text-align:center;color:var(--gl-muted);padding:2rem 0}.coffee-glossary .gl-count{font-size:.82rem;color:var(--gl-muted);margin:0 0 1.2rem}@media(prefers-reduced-motion:reduce){.coffee-glossary .lingo-gcard__inner{transition:none!important;transform:none!important;min-height:0!important}.coffee-glossary .lingo-gcard__btn:hover .lingo-gcard__inner,.coffee-glossary .lingo-gcard__btn[aria-expanded=true] .lingo-gcard__inner{transform:none!important}.coffee-glossary .lingo-gcard__front,.coffee-glossary .lingo-gcard__back{position:static!important;transform:none!important}.coffee-glossary .lingo-gcard__front:after{content:none!important}.coffee-glossary .lingo-gcard__back{margin-top:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/coffee-glossary.css.map */