.jb-atc{--jb-glass: #121212;--jb-amber-top: #f7b733;--jb-amber-mid: #e8931f;--jb-amber-deep: #c96a12;--jb-foam: #fff6e1;--jb-ink: #2a1604;--jb-fill-rest: 24%;--jb-fill-full: calc(100% - .7rem) ;position:relative;overflow:hidden;isolation:isolate;min-height:calc(5.6rem + var(--buttons-border-width) * 2);padding-top:.2rem;padding-bottom:.9rem;background:var(--jb-glass);color:#fff;letter-spacing:.14em;text-transform:uppercase;font-weight:700;transition:color .45s ease .15s,transform .2s ease}.jb-atc:after{z-index:3}.jb-atc>span:first-child{position:relative;z-index:4;font-size:1.5rem;line-height:1;display:inline-flex;align-items:center;gap:.7rem}.jb-atc .jb-atc__pint{width:1.4em;height:1.4em;flex:0 0 auto;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.jb-atc:before{content:"";position:absolute;top:.3rem;bottom:.3rem;left:.6rem;width:.25rem;border-radius:1rem;background:linear-gradient(180deg,#ffffff59,#ffffff0d);z-index:3;pointer-events:none}.jb-atc__beer{position:absolute;left:0;right:0;bottom:0;height:var(--jb-fill-rest);z-index:1;background:linear-gradient(180deg,var(--jb-amber-top) 0%,var(--jb-amber-mid) 45%,var(--jb-amber-deep) 100%);transition:height .75s cubic-bezier(.22,1,.36,1);pointer-events:none}.jb-atc__beer:before{content:"";position:absolute;left:-4%;right:-4%;top:-.45rem;height:.9rem;background-color:var(--jb-foam);background-image:radial-gradient(circle at 10% 100%,var(--jb-foam) 0 .5rem,transparent .55rem),radial-gradient(circle at 35% 100%,var(--jb-foam) 0 .65rem,transparent .7rem),radial-gradient(circle at 62% 100%,var(--jb-foam) 0 .5rem,transparent .55rem),radial-gradient(circle at 88% 100%,var(--jb-foam) 0 .6rem,transparent .65rem);background-repeat:no-repeat;border-radius:0 0 40% 40%/0 0 100% 100%;box-shadow:0 .15rem #ffffff59 inset}.jb-atc__beer:after{content:"";position:absolute;left:0;right:0;top:0;height:.35rem;background:linear-gradient(180deg,rgba(255,246,225,.55),transparent)}.jb-atc__bubble{position:absolute;bottom:-.6rem;width:.4rem;height:.4rem;border-radius:50%;background:#fffaebd9;box-shadow:0 0 0 1px #ffffff40 inset;opacity:0;z-index:2;pointer-events:none}.jb-atc__bubble:nth-child(1){left:12%;width:.3rem;height:.3rem;animation-duration:2.6s;animation-delay:0s}.jb-atc__bubble:nth-child(2){left:28%;width:.45rem;height:.45rem;animation-duration:3.1s;animation-delay:.6s}.jb-atc__bubble:nth-child(3){left:47%;width:.28rem;height:.28rem;animation-duration:2.3s;animation-delay:1.1s}.jb-atc__bubble:nth-child(4){left:63%;width:.5rem;height:.5rem;animation-duration:3.4s;animation-delay:.3s}.jb-atc__bubble:nth-child(5){left:79%;width:.32rem;height:.32rem;animation-duration:2.8s;animation-delay:1.5s}.jb-atc__bubble:nth-child(6){left:91%;width:.4rem;height:.4rem;animation-duration:3s;animation-delay:.9s}@keyframes jb-rise{0%{transform:translateY(0) translate(0) scale(.6);opacity:0}12%{opacity:.9}60%{transform:translateY(-3.2rem) translate(.25rem) scale(1);opacity:.8}to{transform:translateY(-5.2rem) translate(-.2rem) scale(1.15);opacity:0}}.jb-atc:not([disabled]) .jb-atc__bubble{animation-name:jb-rise;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-play-state:running}.jb-atc:not([disabled]):hover,.jb-atc:not([disabled]):focus-visible,.jb-atc:not([disabled]):active,.jb-atc.loading{color:var(--jb-ink)}.jb-atc:not([disabled]):hover .jb-atc__beer,.jb-atc:not([disabled]):focus-visible .jb-atc__beer,.jb-atc:not([disabled]):active .jb-atc__beer,.jb-atc.loading .jb-atc__beer{height:var(--jb-fill-full)}.jb-atc:not([disabled]):hover .jb-atc__pint,.jb-atc:not([disabled]):focus-visible .jb-atc__pint{transform:rotate(-14deg) translateY(-.1rem)}.jb-atc:not([disabled]):hover .jb-atc__bubble,.jb-atc:not([disabled]):focus-visible .jb-atc__bubble,.jb-atc:not([disabled]):active .jb-atc__bubble{animation-duration:1.4s}.jb-atc:not([disabled]):active{transform:translateY(1px)}.jb-atc.loading>.loading__spinner{z-index:5}.jb-atc.loading>.loading__spinner .path{stroke:var(--jb-ink)}.jb-atc[disabled]{color:#ffffff8c;cursor:not-allowed}.jb-atc[disabled] .jb-atc__beer{height:0}.jb-atc[disabled] .jb-atc__beer:before,.jb-atc[disabled] .jb-atc__bubble{display:none}.jb-atc.button--secondary{background:var(--jb-glass)}.jb-atc.button--secondary:after{box-shadow:0 0 0 var(--buttons-border-width) var(--jb-glass)}@media(prefers-reduced-motion:reduce){.jb-atc,.jb-atc__beer,.jb-atc .jb-atc__pint{transition:none}.jb-atc .jb-atc__bubble{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/jackalope-atc.css.map */