.card__footer--open .card__btn-select{visibility:hidden;pointer-events:none}.card__btn-quick-add,.card__btn-select{position:relative;overflow:hidden;min-width:16rem;justify-content:center}.card__variant-panel{display:none}.card__variant-panel:not([hidden]){display:flex;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;padding-top:14px;padding-right:2.4rem;z-index:3;background:rgb(var(--color-background));animation:tlab-variant-up .22s cubic-bezier(.22,1,.36,1) both}.card__variant-panel--closing{animation:tlab-variant-down .18s cubic-bezier(.55,0,.55,.2) both!important}@keyframes tlab-variant-up{0%{transform:translateY(102%)}to{transform:translateY(0)}}@keyframes tlab-variant-down{0%{transform:translateY(0)}to{transform:translateY(102%)}}.card__btn-select:active{transform:scale(.97);transition:transform .08s ease}.card__variant-track{display:flex;align-items:center;gap:6px;overflow-x:auto;cursor:grab;flex:1;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}.card__variant-track::-webkit-scrollbar{display:none}.card__variant-track[data-dragging]{cursor:grabbing}.card__variant-opt{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;min-width:2.6rem;border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--variant-pills-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.2rem;letter-spacing:.08rem;line-height:1;white-space:nowrap;cursor:pointer;transition:border var(--duration-short) ease;overflow:hidden}.card__variant-opt:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}.card__variant-opt:hover:not(.is-unavailable):not([disabled]){background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.card__variant-opt.is-unavailable{border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.35);cursor:grab;text-decoration:line-through;pointer-events:none}[data-qa-state=loading] .card__qa-text{visibility:hidden}.card__variant-opt[data-qa-state=loading]{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card__qa-spinner{display:none;width:1.4rem;height:1.4rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;position:absolute;top:50%;left:50%;margin-top:-.7rem;margin-left:-.7rem;pointer-events:none}[data-qa-state=loading] .card__qa-spinner{display:block;animation:tlab-spin .6s linear infinite}@keyframes tlab-spin{to{transform:rotate(360deg)}}.card__variant-close{position:absolute;top:2px;right:2px;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(var(--color-foreground),.5);padding:.4rem;box-sizing:border-box;z-index:5;transition:background var(--duration-short) ease,border-color var(--duration-short) ease,color var(--duration-short) ease}.card__variant-close:hover{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card__variant-close svg{width:100%;height:100%;display:block}@media screen and (max-width:749px){.card-wrapper{min-width:0;overflow:hidden}.card__btn-quick-add,.card__btn-select{width:100%;max-width:100%;min-width:0;font-size:1rem;overflow:hidden}.card__variant-panel:not([hidden]),.card__variant-panel--closing{top:auto;height:auto}.card__variant-close:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/thelab-quick-add.css.map */