:root{scroll-behavior:auto}html{overflow-x:hidden}body{padding:22px 0 44px;background:#fff}#demo-content{min-height:calc(100vh + 130px)}.shelf{padding-top:34px;padding-bottom:100px}.tea-detail{padding-top:25px}.tea-gallery{position:relative;top:auto}.brewing-guide{padding-top:24px;padding-bottom:90px}.products article{transition:transform .35s,background .35s}.products article:hover,.products article.is-demo-hover{transform:translateY(-7px)}.products article.is-demo-hover .product-image img{transform:rotate(-4deg) scale(1.07)}.tea-photo>img{transition:opacity .2s}.demo-cart{max-width:1000px;margin:auto;padding:36px 6% 80px}.demo-cart>h1{font:64px var(--hand);color:var(--olive);margin:14px 0}.demo-bag-item{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:45px 0;padding-bottom:38px;border-bottom:1px solid #deded2}.demo-bag-item img{height:350px;width:100%;object-fit:contain;background:#f6f3e9}.demo-bag-item h2{text-align:left;font:42px var(--hand);color:var(--olive)}.demo-bag-item .quantity{width:110px;margin:24px 0}.demo-total{display:flex;justify-content:space-between;font-size:25px;margin:26px 0}.demo-cart>.shop-primary{margin:24px 0 12px;width:100%;max-width:440px}.demo-cart-note{font-size:12px;color:#67715d}.demo-cart>a{display:block;margin-top:28px;color:var(--blue)}.demo-cart>p{line-height:1.6}.demo-cart .shop-primary:focus-visible{outline-offset:3px}@media(max-width:700px){body{padding-top:8px}.shelf{padding-top:20px}.tea-detail{padding-top:10px}.tea-photo>img{height:300px}.demo-cart>h1{font-size:48px}.demo-bag-item{gap:20px;margin:25px 0;grid-template-columns:1fr}.demo-bag-item img{height:280px}.demo-bag-item h2{font-size:35px}.demo-cart{padding-top:10px}.demo-cart .demo-total{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.demo-paused *,.demo-paused *::before,.demo-paused *::after{animation-play-state:paused!important}

/* The demo uses the same visible feedback as a real hover or press. */
.products article .paper-button{transition:background-color .25s,color .25s,transform .25s}
.products article.is-demo-hover .paper-button,.products article .paper-button:hover{background:#285334;color:#fff}
.tea-buy>.shop-primary{transition:background-color .25s,transform .2s}
.tea-buy>.shop-primary.is-demo-press{background:#193d25;transform:scale(.98)}