:root{--quickadd-trigger-width: 34px;--quickadd-trigger-height: 42px;--quickadd-option-min-width: 40px;--quickadd-option-height: 32px}@media(max-width:767px){:root{--quickadd-trigger-width: 28px;--quickadd-trigger-height: 34px;--quickadd-option-min-width: 36px;--quickadd-option-height: 28px}}.quickadd-trigger{width:var(--quickadd-trigger-width);min-width:var(--quickadd-trigger-width);height:var(--quickadd-trigger-height);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 125ms ease-in-out,color 125ms ease-in-out}.quickadd-pdp,.quickadd-single{color:var(--color-2)}.quickadd-options{display:none}quick-add.is-active .quickadd-options{display:flex}quick-add.is-active .hide-on-quickadd{display:none}quick-add.is-opening .hide-on-quickadd{animation:quickadd-fade-out .1s ease-in forwards}quick-add.is-active:not(.is-closing) .quickadd-options{animation:quickadd-options-in .15s ease-out both}quick-add.is-active:not(.is-closing) .quickadd-option{animation:quickadd-option-in .12s ease both;animation-delay:calc(var(--quickadd-option-index, 0) * 12ms)}quick-add.is-active:not(.is-closing) .quickadd-option.quickadd-soldout{animation-name:quickadd-soldout-option-in}quick-add.is-closing .quickadd-options{animation:quickadd-fade-out .1s ease-in forwards}quick-add.is-returning .hide-on-quickadd{animation:quickadd-info-in .15s ease-out both}@keyframes quickadd-fade-out{to{opacity:0}}@keyframes quickadd-options-in{0%{opacity:0}to{opacity:1}}@keyframes quickadd-option-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes quickadd-soldout-option-in{0%{opacity:0;transform:translate(-6px)}to{opacity:.4;transform:translate(0)}}@keyframes quickadd-info-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){quick-add .hide-on-quickadd,quick-add .quickadd-options,quick-add .quickadd-option{animation:none}}.quickadd-option{flex:0 0 auto;min-width:var(--quickadd-option-min-width);height:var(--quickadd-option-height);padding-inline:var(--s-3);border-radius:3px;transition:background-color 125ms ease-in-out,color 125ms ease-in-out;cursor:pointer;white-space:nowrap}.quickadd-option-values{gap:var(--s-3)}.cart-upsell-item{--quickadd-trigger-width: 32px;--quickadd-trigger-height: 38px;--quickadd-option-min-width: 36px;--quickadd-option-height: 28px}.cart-upsell-item .quickadd-options{min-width:0}.cart-upsell-item .quickadd-option-values{display:grid;grid-template-columns:repeat(3,minmax(var(--quickadd-option-min-width),auto));justify-content:start;justify-items:start;max-height:calc(127.88px - (var(--s-2) * 2));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,#000000a6 0,#000 5px calc(100% - 5px),#000000a6);mask-image:linear-gradient(to bottom,#000000a6 0,#000 5px calc(100% - 5px),#000000a6)}.cart-upsell-item .quickadd-option-values::-webkit-scrollbar{display:none}.cart-upsell-item .quickadd-option-values[data-option-remainder="1"]>:first-child{grid-column:1 / -1}.cart-upsell-item .quickadd-option-values[data-option-remainder="2"]>:nth-child(2){grid-column:2 / -1}.cart-upsell-item .quickadd{align-items:flex-end}.cart-upsell-item .quickadd-controls{align-self:flex-end;margin-left:auto}.quickadd-option.is-selected,.quickadd-option:hover,.quickadd-option:focus{background-color:var(--color-2);color:var(--color-4)}.quickadd-soldout,.quickadd-soldout:hover,.quickadd-soldout:focus{color:var(--color-9);opacity:.4;cursor:pointer}.quickadd-soldout span{text-decoration:line-through}.quickadd-icon{position:relative;display:block;width:14px;height:14px}.quickadd-icon:before,.quickadd-icon:after{position:absolute;display:block;border-radius:999px;background-color:currentColor;content:""}.quickadd-icon:before{top:6.5px;left:0;width:14px;height:1px}.quickadd-icon:after{top:0;left:6.5px;width:1px;height:14px;transform:rotate(0);transform-origin:center;transition:transform .15s ease}quick-add.is-active .quickadd-icon:after{transform:rotate(90deg)}quick-add.is-active .quickadd-trigger{background-color:var(--color-3);color:var(--color-2)}.quickadd-pdp:hover,.quickadd-pdp:focus,.quickadd-single:not(.quickadd-soldout):hover,.quickadd-single:not(.quickadd-soldout):focus,.quickadd-single.state--loading{background-color:var(--color-2);color:var(--color-4)}.quickadd{align-items:flex-start}quick-add.is-active .quickadd{width:100%}.quickadd-controls{justify-content:flex-end;align-items:flex-start}.complementary-product .quickadd{margin-left:0;text-align:left}
/*# sourceMappingURL=/cdn/shop/t/170/assets/component-quickadd.css.map */