.qal{position:relative;z-index:2;height:0;margin:0}.qal__button{position:absolute;right:.05rem;bottom:.05rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;color:#000;background:transparent;border:0;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.qal__button:before{content:"";position:absolute;top:50%;left:50%;width:3.1rem;height:3.1rem;margin:-1.55rem 0 0 -1.55rem;border-radius:50%;background:#fff;box-shadow:0 .1rem .5rem #00000029,0 0 0 .05rem #0000000a;transition:transform .15s ease,box-shadow .15s ease}.qal__button:hover:before{transform:scale(1.06);box-shadow:0 .2rem .8rem #00000038,0 0 0 .05rem #0000000d}.qal__button:active:before{transform:scale(.94)}.qal__button:focus-visible{outline:none}.qal__button:focus-visible:before{outline:.2rem solid #000;outline-offset:.2rem}.qal__icon{position:relative;display:block;width:1.3rem;height:1.3rem}.qal__icon path{stroke-width:1.6}.qal__button.is-loading{pointer-events:none}.qal__button.is-loading .qal__icon{animation:qal-spin .8s linear infinite}@keyframes qal-spin{to{transform:rotate(360deg)}}html.qal-lock,html.qal-lock body{overflow:hidden}.qal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483600;background:#00000073;opacity:0;transition:opacity .2s ease}.qal-overlay.is-open{opacity:1}.qal-overlay:not([hidden]){display:block}.qal-sheet .qal-sheet__grip,.qal-sheet .qal-sheet__msg{display:block}.qal-sheet{position:fixed;z-index:2147483601;left:0;right:0;bottom:0;max-height:85vh;overflow-y:auto;padding:.8rem 2rem calc(2rem + env(safe-area-inset-bottom));background:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 18, 18, 18));font-family:var(--font-body-family);border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -.4rem 2.4rem #0000002e;transform:translateY(100%);transition:transform .22s ease}.qal-sheet.is-open{transform:translateY(0)}.qal-sheet__grip{width:4rem;height:.4rem;border-radius:.2rem;background:rgba(var(--color-foreground),.2);margin:0 auto 1.2rem}.qal-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem}.qal-sheet__eyebrow{margin:0;font-size:1.2rem;letter-spacing:.1rem;text-transform:uppercase;opacity:.7}.qal-sheet__title{margin:.2rem 0 0;font-family:var(--font-heading-family);font-size:1.8rem;line-height:1.3}.qal-sheet__close{flex:none;width:4.4rem;height:4.4rem;margin:-.6rem -1rem 0 0;border:0;background:none;font-size:3rem;line-height:1;color:inherit;cursor:pointer}.qal-sheet__option{margin:1.4rem 0 1rem;font-size:1.4rem;opacity:.8}.qal-sheet__sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.qal-size{min-height:5rem;padding:.6rem;font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground));background:rgb(var(--color-background, 255, 255, 255));border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--buttons-radius, .4rem);cursor:pointer;-webkit-tap-highlight-color:transparent}.qal-size:hover:not([disabled]),.qal-size:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground));outline:none}.qal-size[disabled]{cursor:not-allowed;opacity:.4;text-decoration:line-through}.qal-size.is-loading{color:rgb(var(--color-button-text, 255, 255, 255));background:rgb(var(--color-button, 18, 18, 18));border-color:transparent}.qal-sheet.is-busy .qal-size:not(.is-loading){pointer-events:none;opacity:.6}.qal-sheet__msg{min-height:1.8rem;margin:1rem 0 0;font-size:1.3rem}.qal-sheet__msg.is-error{color:#b00020}.qal-sheet__link{display:inline-block;padding:.6rem 0;font-size:1.3rem;color:inherit;text-underline-offset:.3rem}@media screen and (min-width:750px){.qal-sheet{left:50%;right:auto;bottom:auto;top:50%;width:42rem;max-width:calc(100vw - 4rem);border-radius:1.2rem;padding:2rem 2.4rem;transform:translate(-50%,-46%);opacity:0;transition:transform .2s ease,opacity .2s ease}.qal-sheet.is-open{transform:translate(-50%,-50%);opacity:1}.qal-sheet .qal-sheet__grip{display:none}.qal__button{right:.3rem;bottom:.3rem}.qal__button:before{width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem}.qal__icon{width:1.4rem;height:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/quick-add-lite.css.map */