ts-quick-add{display:block}.ts-quick-add{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ts-quick-add__toggle{display:flex;cursor:pointer;width:32px;height:32px;align-items:center;justify-content:center;border-radius:6px;background-color:#fff;color:#000;position:absolute;bottom:10px;right:10px;z-index:1;pointer-events:all;transition:transform .3s,opacity .3s}.ts-quick-add.active[data-default=false] .ts-quick-add__toggle{transform:translate(70px)}.ts-quick-add__toggle svg{pointer-events:none}.ts-quick-add.loading .ts-quick-add__toggle{opacity:.5}.ts-quick-add__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s}.ts-quick-add.active .ts-quick-add__overlay{pointer-events:all;opacity:1}.ts-quick-add__close,.ts-quick-add__label,.ts-quick-add__product,.ts-quick-add__button-wrapper{display:none}.ts-quick-add__options{z-index:1;display:block;width:calc(100% - 40px);position:absolute;bottom:20px;left:20px;background:#fff;border-radius:6px;padding:10px;pointer-events:all;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;transition:transform .3s;transform:translateY(calc(100% + 20px))}.ts-quick-add.active .ts-quick-add__options{transform:translateY(0)}.ts-quick-add__option{border:1px solid #DDDDDD;padding:10px;color:#333;text-align:center;border-radius:6px;cursor:pointer;transition:opacity .3s;display:flex;align-items:center;justify-content:center}.ts-quick-add__option.disabled{cursor:no-drop;color:#a3a3a3;border-color:#a3a3a3;overflow:hidden;position:relative}.ts-quick-add.loading .ts-quick-add__option{cursor:no-drop;opacity:.5}.ts-quick-add__option.disabled:after{content:"";width:110%;height:1px;background-color:#a3a3a3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(17deg)}.ts-quick-add__option.selected{color:#50b5ba;font-weight:900;border-color:#50b5ba;box-shadow:0 0 0 1px #50b5ba}@media screen and (max-width: 749px){.ts-quick-add.active[data-default=false] .ts-quick-add__toggle{transform:translate(0)}.ts-quick-add__content{position:fixed;height:fit-content;width:100%;max-width:500px;left:50%;bottom:20px;z-index:5;transform:translate(-50%) translateY(calc(100% + 20px));transition:transform .3s;background-color:#fff;padding:20px;border-radius:16px}.ts-quick-add.active .ts-quick-add__content{transform:translate(-50%) translateY(0);pointer-events:all}.ts-quick-add__overlay{position:fixed;z-index:4;background:#0006}.ts-quick-add__label{color:#000;margin:0 0 20px;display:block}.ts-quick-add__product{display:flex;padding-right:20px;gap:8px;margin:0 0 20px}.ts-quick-add__product-media{display:flex;min-width:64px;width:64px;height:64px}.ts-quick-add__product-media img{width:100%;height:auto}.ts-quick-add__product-info-wrapper{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;height:fit-content}.ts-quick-add__title{color:#000;margin:0 0 4px}.ts-quick-add__preorder-label{color:#f05d23;text-align:center;display:flex;align-items:center;gap:10px;margin:4px 0 0}.ts-quick-add__quantity{display:flex;align-items:center}.ts-quick-add__quantity-toggle{display:flex;align-items:center;justify-content:center;background:#f7f8fb;width:24px;height:24px;border-radius:4px;-webkit-user-select:none;user-select:none}.ts-quick-add__quantity-toggle svg{pointer-events:none}.ts-quick-add__quantity input{border:none;box-shadow:none;outline:none;width:20px;min-width:20px;height:24px;text-align:center;color:#000;padding:0;margin:0}.ts-quick-add__quantity input::-webkit-outer-spin-button,.ts-quick-add__quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ts-quick-add__quantity input:focus-visible{border:none;box-shadow:none;outline:none}.ts-quick-add__options{position:unset;width:100%;padding:0;gap:20px;margin:0 0 20px}.ts-quick-add__button-wrapper{width:100%}.ts-quick-add__button-wrapper{display:block}.ts-quick-add__button{width:100%}.ts-quick-add__close{display:flex;width:64px;height:64px;align-items:center;justify-content:center;pointer-events:none;background:#f7f8fb;border-radius:100px;position:absolute;left:calc(50% - 32px);top:0;transform:translateY(0);color:#333;transition:transform .3s}.ts-quick-add.active .ts-quick-add__close{transform:translateY(calc(-100% - 20px))}}@media screen and (max-width: 550px){.ts-quick-add__content{max-width:unset;left:0;bottom:0;transform:translate(0) translateY(100%);border-radius:0}.ts-quick-add.active .ts-quick-add__content{transform:translateY(0)}}