:root{--cart-width: min(440px, 100vw);--cart-spring: cubic-bezier(.25, 1.05, .4, 1);--panel-duration: .5s;--cart-shift: 0px;--panel-pad: 24px}.side-panel{position:fixed;inset:0 0 var(--preview-bar, 0px) auto;z-index:60;margin:0;width:var(--cart-width);max-width:100%;height:calc(100dvh - var(--preview-bar, 0px));max-height:calc(100% - var(--preview-bar, 0px));padding:calc(12px + env(safe-area-inset-top)) var(--panel-pad) calc(12px + env(safe-area-inset-bottom));border:0;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:none;--cart-gap: 16px}.side-panel:is([open],[data-closing]){display:flex;flex-direction:column}.side-panel[data-closing]{pointer-events:none}.side-panel::backdrop{background:transparent}.side-panel:before{content:"";position:absolute;inset:12px auto 12px 0;width:1px;background:var(--line)}html:has(.announcement) .side-panel:before{top:0}.drawer-heading{display:flex;justify-content:flex-end;flex:none;height:42px;margin-bottom:var(--cart-gap)}:root{--panel-title: 500 clamp(1.25rem, 1.7vw, 1.5rem)/1.25 var(--font-display)}.side-panel :is(.product-drawer-info,.trade-head,.tasting-head,.coffee-making,.producer-head,.glossary-head)>h2:first-of-type,.side-panel .catalog-sheet-head p{margin:0;font:var(--panel-title);letter-spacing:-.025em}.drawer-heading .icon-button{width:42px;min-width:42px;height:42px;min-height:42px;border-radius:var(--radius);background:var(--ink);color:var(--paper)}c4-navigation[data-ready] .navigation-shell{margin-left:var(--cart-shift)}@media(min-width:1024px){html[data-panel-push]{--cart-shift: calc(-1 * var(--cart-width))}#MainContent,.site-footer,.announcement,c4-navigation .brand,c4-navigation .header-actions{transform:translate(var(--cart-shift))}.side-panel{overflow:visible}.side-panel>:last-child{flex:1 1 auto;min-height:0;margin-inline:calc(-1 * var(--panel-pad));padding-inline:var(--panel-pad);overflow-y:auto;overscroll-behavior:contain}.drawer-heading{position:absolute;top:calc(25px + var(--announce, 0px));right:39px;margin:0;translate:calc(-1 * var(--cart-width))}.side-panel:not([open]) .drawer-heading{visibility:hidden}body:has(.side-panel[open]) .header-tools .bag-link{visibility:hidden}.drawer-heading .icon-button{position:relative;border-radius:6px;background:var(--bar, #eee);color:var(--bar-ink, #000);transition:background .55s var(--nav-ease),box-shadow .55s var(--nav-ease),color .18s var(--nav-ease)}.drawer-heading .icon-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#fff,#ffffff59 30%,#ffffff0d 60%,#ffffffb3);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}html:has(c4-navigation[data-condensed]) .drawer-heading .icon-button:after{opacity:1}@supports (backdrop-filter: blur(1px)){html:has(c4-navigation[data-condensed]) .drawer-heading .icon-button{background:var(--nav-light);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000000f,0 8px 24px #00000014}}.drawer-heading.drawer-heading .icon-button:is(:hover,:focus-visible){background:var(--bar-ink, #252726);color:var(--bar, #fff);transition-duration:.18s}}@media(max-width:767px){:root{--cart-width: 100vw}.side-panel{width:100%}.side-panel.side-panel:before{content:none}}@media(max-width:1023px){:root{--panel-pad: 16px}.side-panel{padding:max(12px,env(safe-area-inset-top)) var(--panel-pad) max(12px,env(safe-area-inset-bottom))}}@media(max-width:479px){.side-panel{padding:12px var(--panel-pad)}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.side-panel{background:#f5f5f5;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){.side-panel{background:Canvas;color:CanvasText;border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/side-panel.css.map */