quick-add{position:absolute;z-index:4;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(100%);transition:all .3s ease-in-out}.grid__item:hover quick-add{pointer-events:all;opacity:1;transform:translateY(0)}.quick-add{width:100%;height:100%;text-align:center;background:#f9f9f9e2}.quick-add__title{text-transform:uppercase}.quick-add__main-btn{all:unset;width:100%;text-align:center;display:flex;align-items:center;border:none;justify-content:center;cursor:pointer;transition:all .3s ease-in-out;text-transform:uppercase;color:#000;background:#fff;padding:8px;font-size:13px;line-height:38px;margin-left:auto}.quick-add__main-btn span{height:40%;width:40%;display:flex;align-items:center;justify-content:center}.quick-add__main-btn svg{height:100%;width:100%}.quick-add__main-btn:hover{filter:invert(1)}.quick-add__btn{all:unset;font-size:12px;height:52px;min-width:52px;width:fit-content;flex-shrink:0;transition:all .3s ease-in-out;cursor:pointer;padding:0;text-align:center;color:#000;border:1px solid black;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.quick-add__main-btn .hidden-desktop{line-height:10px;margin-top:-1px}.quick-add__btn.disabled{position:relative;opacity:.6;cursor:not-allowed;pointer-events:none;background:#fff9;border-color:#0009;overflow:hidden}.quick-add__btn.disabled:after{content:"";position:absolute;top:50%;left:50%;height:45px;width:1px;background:#0009;transform:translate(-50%,-50%) rotate(45deg)}.quick-add__btn.disabled:before{content:"";position:absolute;top:50%;left:50%;height:45px;width:1px;background:#0009;transform:translate(-50%,-50%) rotate(-45deg)}.quick-add__btns-wrapper{display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;gap:5px;padding-bottom:5px}.quick-add__btns-wrapper::-webkit-scrollbar{height:2px}.quick-add__btns-wrapper::-webkit-scrollbar-track{background:#0003}.quick-add__btns-wrapper::-webkit-scrollbar-thumb{background:#000}.quick-add__btn:hover{background-color:#000;color:#fff}.quick-add__main-btn *{pointer-events:none}@media(max-width:768px){quick-add{opacity:1;pointer-events:all;border:none;z-index:unset}.quick-add__btns-wrapper{width:80%;margin:0 auto}.quick-add__main-btn{height:30px;width:30px;padding:0;border-radius:100%;align-self:flex-end;z-index:10;margin:0 10px 10px 0}.quick-add{position:fixed;z-index:100;bottom:0;top:unset;left:0;right:0;height:fit-content;background:#fff}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-quick-add.css.map */