#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-card{position:relative;display:block;height:auto;border-radius:16px;overflow:hidden;isolation:isolate;background:color-mix(in srgb,var(--product-accent,#E1DCCF) 76%,#F8F6F0);border:1px solid rgba(18,22,21,.07)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list){--tile-total:226px;--bar-h:40px;--copy-w:59%;--copy-t:35px;--bag-h:210px;--bag-r:-19%;--bag-t:1px;--bar-blur:12px;--bar-a:.2;--frost-rise:52px;--frost-ramp:66%;--bar-line:transparent;--lip-h:20px;--m-bar:50px;--m-bag-h:150px;--m-bag-r:-30%;--m-bag-t:12px;--m-copy-w:54%;--m-copy-t:24px;--m-title:13px;--m-roaster:10.5px;--m-notes:11px;--m-roast:9.5px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-stage{position:static;background:none;border:0;height:calc(var(--tile-total) - var(--bar-h,40px) - var(--lip-h,20px) - 2px)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo{container-type:inline-size;height:var(--tile-total);overflow:hidden}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-stage:before{right:-26px;bottom:-40px;width:118px;height:118px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .stage-open{position:absolute;inset:auto;right:var(--bag-r,-19%);top:var(--bag-t,1px);width:auto;height:var(--bag-h,210px);padding:0;display:block;background:none}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .stage-open img{width:auto;height:100%;object-fit:contain}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .origin-stamp{top:12px;left:12px;right:auto;max-width:60%}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-info{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:auto;min-height:0;padding:var(--copy-t,35px) 0 0 12px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-info>*{max-width:calc(var(--copy-w,59%) - 22px)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .card-title{height:35px;overflow:hidden;margin:0 0 3px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .taste-notes{height:44px;overflow:hidden;margin:0 0 7px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-price-row{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;height:var(--bar-h,40px);min-height:0;padding:0 92px 0 12px;background:none;border-top:1px solid var(--bar-line,rgba(255,255,255,.55))}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-price-row:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;bottom:0;top:calc(-1 * var(--frost-rise,52px));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,var(--bar-a,.2)) var(--frost-ramp,66%));-webkit-backdrop-filter:blur(var(--bar-blur,12px)) saturate(140%);backdrop-filter:blur(var(--bar-blur,12px)) saturate(140%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--frost-ramp,66%));mask-image:linear-gradient(to bottom,transparent 0,#000 var(--frost-ramp,66%))}@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-price-row:before{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.93) var(--frost-ramp,66%))}}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-price-row{margin-block-end:var(--lip-h,20px)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-info .roast-line{position:absolute;z-index:4;left:5px;right:5px;bottom:0;max-width:none;width:auto;height:calc(var(--lip-h,20px) - 2px);display:flex;align-items:center;gap:5px;padding:0 11px;margin:0;overflow:hidden;white-space:nowrap;font-size:10px;letter-spacing:.01em;color:var(--r-ink,#121615);background:color-mix(in srgb,var(--product-accent,#E1DCCF) 72%,#8a7a66 28%);border-radius:0 0 11px 11px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-info .roast-line .roast-dots{display:inline-flex;gap:2px;flex:0 0 auto;margin-inline-end:2px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-info .roast-line:empty{display:none}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .weight{margin:0;font-size:10px;line-height:1.1;color:var(--r-slate,#686E6A)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .details-arrow{display:none}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .stage-actions{position:absolute;inset:auto 9px calc(var(--lip-h,20px) + 7px) auto;height:auto;z-index:5;flex-direction:row;gap:8px;justify-content:flex-end}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .save-button,#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .tile-add{width:34px;height:34px;border-radius:10px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo--discovery{background:linear-gradient(160deg,#f6efe2,#fbf7f0 62%);color:var(--r-ink,#121615);border:1px solid rgba(18,22,21,.07)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo--discovery .promo-eyebrow{color:var(--r-cocoa,#76533D)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo--discovery p{color:var(--r-slate,#686E6A)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo--discovery .promo-cta{background:var(--r-pine-950,#103B31);color:#fff}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo--discovery .promo-cta:hover{background:var(--r-pine-800,#164D3E)}@media(min-width:1600px){#bbc-app .bbc-grid.bbc-grid--v11:not(.bbc-grid--list){grid-template-columns:repeat(4,minmax(0,1fr))}}@container (max-width: 319.98px){#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-info>*{max-width:calc(50% - 22px)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .stage-open{right:-27%}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .card-title{font-size:15px}}@container (max-width: 249.98px){#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-stage{height:calc(var(--tile-total) - var(--m-bar,50px) - var(--lip-h,20px) - 2px)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .stage-open{right:var(--m-bag-r,-30%);left:auto;top:var(--m-bag-t,12px);height:var(--m-bag-h,150px);transform:none}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-info{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--m-copy-t,28px) 0 0 11px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-info>*{max-width:calc(var(--m-copy-w,54%) - 11px)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .card-title{height:auto;max-height:calc(var(--m-title,13px) * 2.5);font-size:var(--m-title,13px);line-height:1.2;margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .roaster-name{font-size:var(--m-roaster,10.5px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .taste-notes{height:auto;max-height:calc(var(--m-notes,11px) * 1.42 * 5);margin:0 0 4px;font-size:var(--m-notes,11px);line-height:1.42}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .taste-notes li{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;margin:0;line-height:inherit}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .taste-notes li .flavor-dot{display:inline-block;vertical-align:middle;margin-inline-end:6px;flex:none}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .product-price-row{height:var(--m-bar,50px)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .stage-actions{bottom:calc(var(--lip-h,20px) + 8px)}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo>p:not(.promo-eyebrow){display:none}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo h3{font-size:15px;line-height:1.2;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo .promo-eyebrow{margin-top:2px;font-size:9.5px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo .promo-link{display:none}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo .promo-art{margin-top:8px}#bbc-app .bbc-grid--v11:not(.bbc-grid--list) .promo .promo-foot{margin-top:auto}}#bbc-app.compare-mode .bbc-grid--v11:not(.bbc-grid--list) .product-info{position:relative;inset:auto;padding:0 10px 8px 12px}#bbc-app.compare-mode .bbc-grid--v11:not(.bbc-grid--list) .product-price-row{--frost-rise:0px;--frost-ramp:0%;background:#ffffffeb;border-top-color:#12161512}#bbc-app.compare-mode .bbc-grid--v11:not(.bbc-grid--list) .stage-actions{inset:auto 9px auto auto;top:var(--copy-t,35px)}#bbc-app.compare-mode .bbc-grid--v11:not(.bbc-grid--list) .product-info .roast-line{position:static;height:auto;padding:0;background:none;border-radius:0;font-size:11px;margin:0 0 4px}#bbc-app.compare-mode .bbc-grid--v11:not(.bbc-grid--list) .product-price-row{margin-block-end:0}
/*# sourceMappingURL=/cdn/shop/t/201/assets/bb-compact-tile.css.map */