.button,.button-secondary,button.shopify-payment-button__button--unbranded{padding-block:var(--hp-btn-pad-y, 12px);padding-inline:var(--hp-btn-pad-x, 28px)}[data-hp-card-hover] product-card .product-card__content{transition:transform .4s cubic-bezier(.25,.1,.25,1),box-shadow .4s ease}[data-hp-card-hover=lift] product-card:hover .product-card__content{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f,0 8px 16px #0000000f}[data-hp-card-hover=shimmer] product-card .card-gallery{position:relative;overflow:hidden}[data-hp-card-hover=shimmer] product-card .card-gallery:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 55%,transparent 60%);transform:translate(-120%);transition:none;pointer-events:none}[data-hp-card-hover=shimmer] product-card:hover .card-gallery:before{animation:hp-shimmer-sweep .8s ease-out forwards}@keyframes hp-shimmer-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}[data-hp-card-hover=tilt] product-card{perspective:800px}[data-hp-card-hover=tilt] product-card .product-card__content{transition:transform .3s ease;transform-style:preserve-3d}[data-hp-card-hover=tilt] product-card:hover .product-card__content{transform:rotateY(-3deg) rotateX(2deg) scale(1.02);box-shadow:8px 12px 30px #0000001a}[data-hp-card-hover=reveal-border] product-card .card-gallery{position:relative;overflow:visible}[data-hp-card-hover=reveal-border] product-card .card-gallery:before,[data-hp-card-hover=reveal-border] product-card .card-gallery:after{content:"";position:absolute;pointer-events:none;z-index:2;transition:transform .4s cubic-bezier(.4,0,.2,1)}[data-hp-card-hover=reveal-border] product-card .card-gallery:before{top:-3px;left:-3px;right:-3px;height:2px;background:var(--color-foreground, #000);transform:scaleX(0);transform-origin:left}[data-hp-card-hover=reveal-border] product-card .card-gallery:after{bottom:-3px;left:-3px;right:-3px;height:2px;background:var(--color-foreground, #000);transform:scaleX(0);transform-origin:right}[data-hp-card-hover=reveal-border] product-card:hover .card-gallery:before{transform:scaleX(1)}[data-hp-card-hover=reveal-border] product-card:hover .card-gallery:after{transform:scaleX(1);transition-delay:.1s}[data-hp-card-hover=blur-unblur] product-card .card-gallery img{filter:blur(2px) brightness(.95);transition:filter .5s ease,transform .5s ease}[data-hp-card-hover=blur-unblur] product-card:hover .card-gallery img{filter:blur(0px) brightness(1);transform:scale(1.02)}[data-hp-card-hover=color-pop] product-card .card-gallery img{filter:grayscale(80%) brightness(.95);transition:filter .5s ease}[data-hp-card-hover=color-pop] product-card:hover .card-gallery img{filter:grayscale(0%) brightness(1)}[data-hp-card-hover=shake] product-card:hover .card-gallery{animation:hp-card-shake .4s ease-in-out}@keyframes hp-card-shake{0%{transform:translate(0)}15%{transform:translate(-3px) rotate(-.5deg)}30%{transform:translate(3px) rotate(.5deg)}45%{transform:translate(-2px) rotate(-.3deg)}60%{transform:translate(2px) rotate(.3deg)}75%{transform:translate(-1px)}to{transform:translate(0)}}[data-hp-card-hover=slide-up-info] product-card .product-card__content{position:relative}[data-hp-card-hover=slide-up-info] product-card .card-gallery{overflow:hidden}[data-hp-card-hover=slide-up-info] product-card .card-gallery:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);opacity:0;transition:opacity .35s ease;z-index:1;pointer-events:none}[data-hp-card-hover=slide-up-info] product-card:hover .card-gallery:after{opacity:1}[data-hp-card-hover=slide-up-info] product-card:hover .card-gallery img{transform:scale(1.05);transition:transform .5s ease}[data-hp-card-zoom=subtle] product-card:hover .card-gallery img{transform:scale(1.03)}[data-hp-card-zoom=medium] product-card:hover .card-gallery img{transform:scale(1.06)}[data-hp-card-zoom=full] product-card:hover .card-gallery img{transform:scale(1.1)}[data-hp-card-zoom] product-card .card-gallery img{transition:transform .5s cubic-bezier(.25,.1,.25,1)}[data-hp-card-zoom] product-card .card-gallery{overflow:hidden;border-radius:var(--card-corner-radius, 0px)}[data-hp-card-align=center] product-card .product-card__content{text-align:center}[data-hp-card-align=center] product-card .product-card__content .price{justify-content:center}[data-hp-card-align=center] product-card .product-card__content .swatches{justify-content:center}[data-hp-card-title=small] product-card .product-card__title{font-size:.8rem}[data-hp-card-title=medium] product-card .product-card__title{font-size:.95rem}[data-hp-card-title=large] product-card .product-card__title{font-size:1.1rem;font-weight:600}[data-hp-qa-style=pill] .quick-add__button{grid-template-columns:auto 1fr!important;padding-inline:12px!important;border-radius:100px!important;gap:6px}[data-hp-qa-style=pill] .quick-add__button .quick-add__label{max-width:none!important;opacity:1!important;filter:none!important;transform:none!important}[data-hp-qa-style=full] .quick-add{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:0!important}[data-hp-qa-style=full] .quick-add__button{width:100%!important;border-radius:0!important;height:40px;justify-content:center;grid-template-columns:auto 1fr!important;gap:6px;padding-inline:16px!important}[data-hp-qa-style=full] .quick-add__button .quick-add__label{max-width:none!important;opacity:1!important;filter:none!important;transform:none!important}[data-hp-qa-style=full] product-card:not(:hover) .quick-add{opacity:0;transform:translateY(100%)}[data-hp-qa-style=full] .quick-add{transition:opacity .3s ease,transform .3s ease}[data-hp-qa-style=full] product-card:hover .quick-add{opacity:1;transform:translateY(0)}.hp-stock-counter{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:var(--font-body--family);padding:2px 0}.hp-stock-counter__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hp-stock-counter--low .hp-stock-counter__dot{background:#e53e3e;animation:hp-stock-pulse 1.5s ease-in-out infinite}.hp-stock-counter--in-stock .hp-stock-counter__dot{background:#38a169}.hp-stock-counter--low .hp-stock-counter__text{color:#e53e3e;font-weight:600}.hp-stock-counter--in-stock .hp-stock-counter__text{opacity:.6}@keyframes hp-stock-pulse{0%,to{opacity:1}50%{opacity:.4}}.hp-card-variants{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.hp-card-variants__option{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-size:.72rem;font-family:var(--font-body--family);border:1px solid rgba(0,0,0,.15);border-radius:4px;background:transparent;cursor:pointer;transition:border-color .2s ease,background .2s ease;text-transform:uppercase;letter-spacing:.02em}.hp-card-variants__option:hover{border-color:var(--color-foreground, #000)}.hp-card-variants__option--selected{border-color:var(--color-foreground, #000);background:var(--color-foreground, #000);color:var(--color-background, #fff)}.hp-card-variants__option--unavailable{opacity:.35;text-decoration:line-through;cursor:not-allowed}.hp-card-variants__color{width:22px;height:22px;min-width:22px;padding:0;border-radius:50%;border:2px solid transparent;outline:1px solid rgba(0,0,0,.1);outline-offset:1px}.hp-card-variants__color:hover,.hp-card-variants__color--selected{border-color:var(--color-foreground, #000);outline-color:transparent}.hp-card-variants__overflow{font-size:.7rem;opacity:.5;padding:0 4px;align-self:center}[data-hp-card-align=center] .hp-card-variants{justify-content:center}@media(prefers-reduced-motion:reduce){[data-hp-card-hover] product-card .product-card__content,[data-hp-card-zoom] product-card .card-gallery img,[data-hp-qa-style=full] .quick-add,.hp-stock-counter__dot,[data-hp-card-hover=shimmer] product-card:hover .card-gallery:before,[data-hp-card-hover=shake] product-card:hover .card-gallery,[data-hp-card-hover=blur-unblur] product-card .card-gallery img,[data-hp-card-hover=color-pop] product-card .card-gallery img{transition:none!important;animation:none!important;filter:none!important;transform:none!important}}.button.button--glass{background:linear-gradient(135deg,#fff3,#ffffff0d,#ffffff26);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.3);border-top-color:#ffffff80;border-left-color:#fff6;color:inherit;box-shadow:0 4px 24px #00000014,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a;transition:all .3s ease;position:relative;overflow:hidden}.button.button--glass:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff3,#fff0);border-radius:inherit;pointer-events:none}.button.button--glass:hover{background:linear-gradient(135deg,#ffffff4d,#ffffff1a,#ffffff40);border-color:#ffffff80;box-shadow:0 8px 32px #0000001f,inset 0 1px #fff6,inset 0 -1px #ffffff26;transform:translateY(-1px)}.button.button--shine{position:relative;overflow:hidden}.button.button--shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:none;pointer-events:none}.button.button--shine:hover:before{animation:hp-btn-shine .6s ease-out forwards}@keyframes hp-btn-shine{0%{left:-100%}to{left:100%}}.button.button--outline-fill{background:transparent;color:var(--color-primary-button-background, var(--color-foreground));border:2px solid var(--color-primary-button-background, var(--color-foreground));transition:background .3s ease,color .3s ease}.button.button--outline-fill:hover{background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background))}[data-hp-btn-effect=glass] .button:not([class*=button--]){background:linear-gradient(135deg,#fff3,#ffffff0d,#ffffff26);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.3);border-top-color:#ffffff80;box-shadow:0 4px 24px #00000014,inset 0 1px #ffffff4d;color:inherit}[data-hp-btn-effect=gradient] .button:not([class*=button--]){position:relative;overflow:hidden}[data-hp-btn-effect=outline-fill] .button:not([class*=button--]){background:transparent;color:var(--color-primary-button-background, var(--color-foreground));border:2px solid var(--color-primary-button-background, var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hp-product-card.css.map */