.transition{position:relative;overflow:hidden;width:100%;padding-bottom:450%;background:-webkit-linear-gradient(to bottom,rgba(128,21,20,0),rgb(128,21,20));background:linear-gradient(to bottom,#80151400,#801514)}.transition svg{position:absolute;top:0;left:0;width:auto;height:100%}@media screen and (min-width: 750px){.transition{padding-bottom:275%}}.matcha-bar{min-height:100vh;display:flex;flex-direction:column;align-items:center;border-top:1rem solid rgb(var(--color-red))}.matcha-bar-header{width:60rem;padding-bottom:var(--pp);max-width:100%}.matcha-bar-content-wrapper{flex-grow:1;padding:var(--pp);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.bar-header>*{margin:0}.bar-content{position:relative;margin-top:4rem;flex-grow:1}.bar-buttons{max-width:60rem;margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.bar-buttons>.button{filter:drop-shadow(0 0 4px rgb(var(--color-foreground)));transition:filter .4s}@media (hover: hover){.bar-buttons>.button:hover{filter:none}}.bar-video{width:25rem}.bar-video>*{object-fit:cover}.drink-me-button{position:absolute;top:0;left:0;padding:1.3rem 2rem;border-radius:100%;text-transform:uppercase;z-index:1;color:rgb(var(--color-red));background-color:rgb(var(--color-foreground));filter:drop-shadow(2px 4px 6px rgb(var(--color-foreground)));transform:rotate(-15deg);border:2px solid #92c692;transition:filter .4s;font-size:2rem;cursor:pointer;opacity:0;animation:fadeIn .25s ease forwards}@media (hover: hover){.drink-me-button:hover{filter:none}}@media screen and (min-width: 750px){.bar-content .body{font-size:2rem}}.fade-in{opacity:0;transition:opacity .5s ease}.fade-slide-in{opacity:0;transform:translateY(5px);transition:opacity .5s ease,transform .5s ease}.fade-in.active{opacity:1}.fade-slide-in.active{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-matcha-bar.css.map */