.hp-product-card__quick-add-anchor{--hp-quick-action-size: 36px;--hp-quick-action-icon: 19px;--hp-quick-size-row: 36px;position:absolute;inset-block-end:8px;inset-inline-end:8px;z-index:3;pointer-events:none}.hp-product-card__quick-add-trigger,.hp-product-card__quick-variant-selector{pointer-events:auto}.hp-product-card__quick-add-trigger{position:relative;display:flex;flex-direction:column;align-items:flex-end;width:var(--hp-quick-action-size);max-width:var(--hp-quick-action-size)}.hp-square-button{--hp-square-button-size: var(--hp-quick-action-size);display:inline-grid;place-items:center;flex:0 0 auto;width:var(--hp-square-button-size);height:var(--hp-square-button-size);max-width:var(--hp-square-button-size);padding:0;border:1px solid rgb(17 17 17 / .12);border-radius:50%;background:#fff;color:#111;box-shadow:0 4px 14px #0000001f;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease}.hp-square-button--sm{--hp-square-button-size: var(--hp-quick-action-size)}.hp-square-button svg{width:var(--hp-quick-action-icon);height:var(--hp-quick-action-icon)}.hp-product-card__quick-add-button--toggle svg.hp-cart-outline-icon{width:17px;height:17px}.hp-product-card__quick-add-button{opacity:1;transform:translateY(0)}@media screen and (min-width:750px)and (pointer:fine){.xo-product-card .hp-product-card__quick-add-anchor{opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.xo-product-card:hover .hp-product-card__quick-add-anchor,.xo-product-card:focus-within .hp-product-card__quick-add-anchor,.hp-product-card__quick-add-anchor:has(.hp-product-card__quick-variant-selector.is-open){opacity:1;transform:translateY(0);pointer-events:none}.hp-square-button:hover{background:#111;color:#fff;border-color:#111}}.hp-product-card__quick-variant-selector{--hp-variant-bg: rgb(255 255 255);--hp-variant-text: rgb(17 17 17);--hp-variant-border: rgb(17 17 17 / .12);--hp-variant-divider: rgb(17 17 17 / .1);position:relative;display:flex;flex-direction:column;align-items:flex-end;width:var(--hp-quick-action-size);max-width:var(--hp-quick-action-size);gap:0}.hp-product-card__quick-variant-panel{width:100%;margin-block-end:6px}.hp-product-card__quick-variant-selector.is-open .hp-product-card__quick-variant-panel{animation:hp-variant-panel-in .2s ease}@keyframes hp-variant-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hp-product-card__quick-variant-bar{display:flex;flex-direction:column;align-items:stretch;width:100%;overflow:hidden;background:var(--hp-variant-bg, rgb(255 255 255));border:1px solid var(--hp-variant-border, rgb(17 17 17 / .12));border-radius:999px;box-shadow:0 4px 14px #0000001f}.hp-product-card__quick-variant-viewport{flex:0 1 auto;width:100%;min-height:0}.hp-product-card__quick-variant-selector.is-scrollable .hp-product-card__quick-variant-viewport{max-height:calc(4 * var(--hp-quick-size-row));overflow:hidden}.hp-product-card__quick-variant-list{display:flex;flex-direction:column;align-items:stretch;transition:transform .25s ease}.hp-product-card__quick-variant-button{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:100%;height:var(--hp-quick-size-row);padding:0;border:0;border-block-end:1px solid var(--hp-variant-divider, rgb(17 17 17 / .1));border-radius:0;background:transparent;color:var(--hp-variant-text, rgb(17 17 17));font:inherit;font-size:10px;font-weight:400;line-height:1;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:opacity .2s ease,background-color .18s ease,color .18s ease}.hp-product-card__quick-variant-list .hp-product-card__quick-variant-button:last-child{border-block-end:0}.hp-product-card__quick-variant-button:not(.is-disabled):hover,.hp-product-card__quick-variant-button:not(.is-disabled):focus-visible{background:#111;color:#fff}.hp-product-card__quick-variant-button.is-disabled{color:#11111147;cursor:not-allowed}.hp-product-card__quick-variant-button.is-disabled:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:linear-gradient(to top right,transparent calc(50% - .5px),rgb(17 17 17 / .25) calc(50% - .5px),rgb(17 17 17 / .25) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.hp-product-card__quick-variant-selector.is-adding .hp-product-card__quick-variant-button:not([aria-busy=true]){opacity:.4}.hp-product-card__quick-variant-button[aria-busy=true] .hp-product-card__quick-variant-button-label{opacity:0}.hp-product-card__quick-variant-button-loader{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;border:2px solid rgb(17 17 17 / .15);border-top-color:#111;border-radius:50%;opacity:0;animation:none;transition:border-color .18s ease}.hp-product-card__quick-variant-button[aria-busy=true] .hp-product-card__quick-variant-button-loader{opacity:1;animation:hp-quick-variant-spin .7s linear infinite}.hp-product-card__quick-variant-button[aria-busy=true]:not(.is-disabled):hover .hp-product-card__quick-variant-button-loader,.hp-product-card__quick-variant-button[aria-busy=true]:not(.is-disabled):focus-visible .hp-product-card__quick-variant-button-loader{border-color:#ffffff40;border-top-color:#fff}@keyframes hp-quick-variant-spin{to{transform:rotate(360deg)}}.hp-product-card__quick-variant-nav{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:100%;height:26px;padding:0;border:0;border-block-end:1px solid var(--hp-variant-divider, rgb(17 17 17 / .1));border-radius:0;background:transparent;color:#111111a6;cursor:pointer;transition:background-color .18s ease,color .18s ease}.hp-product-card__quick-variant-nav--down{border-block-end:0}.hp-product-card__quick-variant-nav svg{width:12px;height:12px}.hp-product-card__quick-variant-nav:hover,.hp-product-card__quick-variant-nav:focus-visible{background:#1111110f;color:#111}.hp-product-card__quick-variant-nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.hp-product-card__quick-variant-trigger{display:grid;place-items:center;width:var(--hp-quick-action-size);max-width:var(--hp-quick-action-size)}.hp-product-card__quick-variant-trigger>.hp-product-card__quick-add-button{grid-area:1 / 1;position:relative;inset:auto;padding:0;width:var(--hp-quick-action-size);height:var(--hp-quick-action-size);max-width:var(--hp-quick-action-size)}.hp-product-card__quick-add-button--close,.hp-product-card__quick-variant-selector.is-open .hp-product-card__quick-add-button--toggle{visibility:hidden;pointer-events:none}.hp-product-card__quick-variant-selector.is-open .hp-product-card__quick-add-button--close{visibility:visible;pointer-events:auto}.hp-product-card__quick-add-form{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.hp-product-card__quick-add-trigger .hp-product-card__quick-add-button:focus-visible,.hp-product-card__quick-variant-selector .hp-product-card__quick-add-button:focus-visible,.hp-product-card__quick-variant-button:focus-visible,.hp-product-card__quick-variant-nav:focus-visible{outline:2px solid rgb(17 17 17 / .35);outline-offset:-2px}@media screen and (max-width:749px){.hp-product-card__quick-add-anchor{--hp-quick-action-size: 28px;--hp-quick-action-icon: 14px;--hp-quick-size-row: 28px;inset-block-end:6px;inset-inline-end:6px}.hp-product-card__quick-add-button--toggle svg.hp-cart-outline-icon{width:13px;height:13px}.hp-product-card__quick-variant-panel{margin-block-end:4px}.hp-product-card__quick-variant-bar{box-shadow:0 2px 10px #0000002e}.hp-product-card__quick-variant-button{font-size:8px;letter-spacing:.04em}.hp-product-card__quick-variant-button.is-disabled:after{top:5px;right:5px;bottom:5px;left:5px}.hp-product-card__quick-variant-button-loader{width:12px;height:12px;border-width:1.5px}.hp-product-card__quick-variant-nav{height:20px}.hp-product-card__quick-variant-nav svg{width:10px;height:10px}}@media screen and (min-width:750px){.hp-product-card__quick-add-anchor{--hp-quick-action-size: 38px;--hp-quick-size-row: 38px;inset-block-end:10px;inset-inline-end:10px}}@media(prefers-reduced-motion:reduce){.hp-product-card__quick-add-button,.hp-product-card__quick-add-anchor,.hp-square-button svg,.hp-product-card__quick-variant-list,.hp-product-card__quick-variant-button-loader,.hp-product-card__quick-variant-selector.is-open .hp-product-card__quick-variant-panel{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-card-quick-add.css.map */