#cart-toggle{--circle-size:26px;--icon-width:3px;--transition-total-duration:.5s;--transition-duration:var(--transition-total-duration);z-index:1300;cursor:pointer;perspective:100px;width:var(--circle-size);height:var(--circle-size);position:fixed;top:28px;right:24px;transform:translate(50%,-50%)}#cart-toggle[data-expanded="1"]{z-index:1500}#cart-toggle .cart-icon{transform-style:preserve-3d}.cart-icon{--transition-delay:calc(var(--transition-duration) / 2);pointer-events:none;transition-property:opacity,transform;transition-duration:0s, calc(var(--transition-duration) / 2);transition-delay:var(--transition-delay), 0s;position:absolute;top:0;left:0}.cart-icon[data-button-action=open] .circle{background-color:var(--pink)}#cart-toggle[data-style="1"] .cart-icon[data-button-action=open] .circle,#cart-toggle[data-style="2"] .cart-icon[data-button-action=open] .circle{background-image:url(/assets/basket.svg);background-position:50%;background-repeat:no-repeat;background-size:80%}.cart-icon[data-button-action=close] .circle{background-color:var(--blue)}#cart-toggle[data-style="2"] .cart-icon[data-button-action=open] .circle,#cart-toggle[data-style="2"] .cart-icon[data-button-action=close] .circle{background-color:var(--yellow)}#cart-toggle[data-expanded="0"] .cart-icon[data-button-action=close],#cart-toggle[data-expanded="1"] .cart-icon[data-button-action=open]{opacity:0;transform:rotateY(90deg)}#cart-toggle[data-expanded="1"].transitioning .cart-icon[data-button-action=close],#cart-toggle[data-expanded="0"].transitioning .cart-icon[data-button-action=open]{transition-delay:var(--transition-delay), var(--transition-delay)}.no-touchscreen #cart-toggle[data-expanded="0"]:not(.transitioning):hover .cart-icon[data-button-action=open],.no-touchscreen #cart-toggle[data-expanded="1"]:not(.transitioning):hover .cart-icon[data-button-action=close]{--transition-duration:calc(var(--transition-total-duration) / 2);transition-delay:var(--transition-delay), 0;transform:rotateY(60deg)}.cart-icon[data-button-action=close]:after,.cart-icon[data-button-action=close]:before{content:"";height:var(--icon-width);width:70%;transform:translate(-50%, -50%) rotate(var(--rotate));z-index:10;background-color:#000;transition:opacity 0s .125s;position:absolute;top:50%;left:50%}.cart-icon[data-button-action=close]:after{--rotate:-45deg}.cart-icon[data-button-action=close]:before{--rotate:45deg}[data-show-qty="0"] .cart-toggle-qty{display:none}[data-show-qty="1"] .cart-toggle-qty,[data-show-qty="2"] .cart-toggle-qty{justify-content:center;align-items:center;display:flex;position:absolute}[data-show-qty="1"] .cart-toggle-qty{--size:20px;width:var(--size);height:var(--size);color:#fff;top:calc(-1 * var(--size) / 2.5);right:calc(-1 * var(--size) / 2.5);background-color:red;border-radius:50%;font-size:10px}[data-show-qty="2"] .cart-toggle-qty{width:100%;height:100%;font-size:.7em;top:0;left:0}@media screen and (min-width:500px){#cart-toggle{top:30px;right:30px}}@media screen and (min-width:700px){#cart-toggle{--circle-size:30px;--icon-width:4px;top:40px;right:40px}}@media screen and (min-width:1024px){#cart-toggle{--circle-size:36px;top:4vw;right:4vw}}@media screen and (min-width:1500px){#cart-toggle{--circle-size:40px;top:60px;right:60px}}