.tlo-chips{font-family:var(--tlo-font);color:var(--tlo-color-ink)}.tlo-chips__list{display:flex;gap:1rem;margin:0 -2rem 0 0;padding:0 2rem 0 0;overflow-x:auto;list-style:none;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none}.tlo-chips__list::-webkit-scrollbar{display:none}.tlo-chips__list>li{flex:0 0 auto;scroll-snap-align:start}.tlo-chips__chip{--l-x: 0rem;--l-y: 8.6rem;--l-w: 12rem;--l-h: 2.2rem;--l-lh: 1.6rem;position:relative;display:block;width:12rem;height:12.6rem;box-sizing:border-box;border:1px solid var(--tlo-color-sand);border-radius:1rem;background:var(--tlo-color-bg);color:inherit;text-decoration:none;transition:background-color .2s ease}.tlo-chips__chip:hover,.tlo-chips__chip--active{background:var(--tlo-color-sand)}.tlo-chips__chip:focus-visible{outline:2px solid var(--tlo-color-ink);outline-offset:2px}.tlo-chips__graphic,.tlo-chips__graphic img{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:block;width:calc(100% + 2px);height:calc(100% + 2px)}.tlo-chips__media{position:absolute;top:1.2rem;left:50%;display:grid;place-items:center;width:7rem;height:6.6rem;transform:translate(-50%)}.tlo-chips__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.tlo-chips__label{position:absolute;top:calc(var(--l-y) - 1px);left:calc(var(--l-x) - 1px);display:flex;align-items:center;justify-content:center;width:var(--l-w);height:var(--l-h);font-size:1.4rem;font-weight:600;line-height:var(--l-lh);letter-spacing:0;text-align:center;text-wrap:balance}.tlo-chips__chip--all{--l-x: 2.3rem;--l-y: 8.52rem;--l-w: 7.14rem;--l-h: 2.1rem;--l-lh: 2.38rem}.tlo-chips__chip--coffee{--l-x: 1.8rem;--l-y: 8.6rem;--l-w: 8.7rem;--l-h: 2.2rem;--l-lh: 3.2rem}.tlo-chips__chip--bundles{--l-x: 1.1rem;--l-y: 8.7rem;--l-w: 9.9rem;--l-h: 2rem;--l-lh: 3.2rem}.tlo-chips__chip--whole-bean{--l-x: .1rem;--l-y: 7.25rem;--l-w: 12rem;--l-h: 5rem}.tlo-chips__chip--ground{--l-x: .3rem;--l-y: 7.92rem;--l-w: 11.6rem;--l-h: 4.1rem}.tlo-chips__chip--drip{--l-x: .1rem;--l-y: 7.9rem;--l-w: 12rem;--l-h: 4.1rem}@media screen and (min-width:750px){.tlo-chips__list{gap:2.4rem;margin-right:0;padding-right:0}.tlo-chips__list>li:nth-child(n+5){margin-left:.4rem}.tlo-chips__chip{--l-y: 9.4rem;--l-h: 4.7rem;--l-lh: 3.2rem;width:15.6rem;height:14.6rem}.tlo-chips__label{font-size:1.6rem;text-wrap:wrap}.tlo-chips__chip--all{--l-x: 4.8rem;--l-w: 6rem;--l-y: 9.4rem;--l-h: 4.7rem;--l-lh: 3.2rem}.tlo-chips__chip--coffee{--l-x: 2.4rem;--l-w: 11.5rem;--l-y: 9.4rem;--l-h: 4.7rem;--l-lh: 3.2rem}.tlo-chips__chip--bundles{--l-x: 1.2rem;--l-w: 13.2rem;--l-y: 9.4rem;--l-h: 4.7rem;--l-lh: 3.2rem}.tlo-chips__chip--whole-bean{--l-x: .4rem;--l-w: 15.2rem;--l-lh: 2rem}.tlo-chips__chip--ground{--l-x: 1.1rem;--l-w: 13.4rem;--l-lh: 2rem}.tlo-chips__chip--drip{--l-x: .4rem;--l-w: 15.2rem;--l-lh: 2rem}.tlo-chips__chip--none{--l-x: 0rem;--l-w: 15.6rem;--l-lh: 2rem}}.tlo-section--chips{margin-top:clamp(1.6rem,1.256rem + .8564vw,2.9rem)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/tlo-collection-chips.css.map */