.anja-floating-bag{position:fixed;left:1.6rem;bottom:calc(1.6rem + var(--anja-sticky-atc-offset, 0px));z-index:500;transition:bottom .2s ease;display:flex;align-items:center;gap:1rem;width:26rem;max-width:calc(100vw - 3.2rem);padding:1rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--anja-radius-soft);box-shadow:0 .6rem 2.4rem rgba(var(--color-shadow),.18);opacity:0;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.anja-floating-bag.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.anja-floating-bag__close{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:rgba(var(--color-foreground),.5)}.anja-floating-bag__close svg{width:1rem;height:1rem}.anja-floating-bag__media{flex-shrink:0;display:block;width:6rem;height:6rem;border-radius:calc(var(--anja-radius-soft) * .7);overflow:hidden;background:rgba(var(--color-foreground),.04)}.anja-floating-bag__media img{width:100%;height:100%;object-fit:cover;display:block}.anja-floating-bag__info{flex:1;min-width:0}.anja-floating-bag__name{display:block;font-size:1.2rem;color:rgb(var(--color-foreground));text-decoration:none;margin-bottom:.2rem}.anja-floating-bag__name:hover{text-decoration:underline}.anja-floating-bag__price{font-size:1.2rem;color:rgba(var(--color-foreground),.7);margin:0 0 .6rem}.anja-floating-bag__add{width:100%;height:3rem;padding:0 .8rem;border:.1rem solid rgb(var(--color-foreground));border-radius:var(--anja-radius-soft);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.05rem;letter-spacing:.03em;cursor:pointer;transition:background .15s ease,color .15s ease}.anja-floating-bag__add:hover:not(:disabled){background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.anja-floating-bag__add:disabled{opacity:.6;cursor:default}@media screen and (max-width:480px){.anja-floating-bag{left:1.2rem;right:1.2rem;bottom:calc(1.2rem + var(--anja-sticky-atc-offset, 0px));width:auto;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/164/assets/component-floating-bag.css.map */