quantity-gifts{display:block}.quantity-gifts{display:grid;grid-template-columns:repeat(var(--item-count),1fr);justify-items:center;column-gap:.75rem;padding-top:var(--badge-space, 0)}.quantity-gift{max-width:12rem;width:100%;position:relative}.quantity-gift__container{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.1);border:solid var(--border-width, 2px) rgba(var(--color-foreground),.75);border-style:var(--gift-border-style, solid);border-radius:var(--container-radius, 10px);padding:10% 0;aspect-ratio:1 / 1;position:relative;transition:all .3s;z-index:0}.quantity-gift__container--locked-bg-stripes{background:repeating-linear-gradient(-45deg,rgba(var(--color-foreground),.1) 0px 6px,rgba(var(--color-foreground),.15) 6px 8px)}.quantity-gift--unlocked .quantity-gift__container{background:var(--unlocked-bg-color);border-color:var(--unlocked-border-color);transition:all .3s .5s}.quantity-gift__title{text-align:center;font-size:var(--title-size, 1.1rem);color:var(--title-color, inherit);margin-bottom:0;margin-top:.75rem;opacity:.5}.quantity-gift--unlocked .quantity-gift__title{opacity:1;transition:all .3s .3s}.quantity-gift__lock{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:5;background:none}.quantity-gift--unlocked .quantity-gift__lock{opacity:0;transition:all .3s .2s}.quantity-gift__lock__top,.quantity-gift__lock__bottom{margin:0;font-size:1.2rem;text-align:center;display:block;line-height:1;color:rgb(var(--color-foreground));min-height:1.2rem}.lock{--lock-color: rgba(var(--color-foreground), .75);width:2.4rem;height:2.1rem;border:.3rem solid var(--lock-color);border-radius:.5rem;transition:all .1s ease-in-out;position:relative;margin-top:.6rem}.lock:after{content:"";display:block;background:var(--lock-color);width:.3rem;height:.7rem;position:absolute;top:50%;left:50%;margin:-.35rem 0 0 -.2rem;transition:all .1s ease-in-out}.lock:before{content:"";display:block;width:1.4rem;height:1.2rem;bottom:100%;position:absolute;left:50%;transform:translate(-50%);border:.3rem solid var(--lock-color);border-top-right-radius:50%;border-top-left-radius:50%;border-bottom:0;transition:all .1s ease-in-out}.quantity-gift--unlocked .lock{transform:rotate(10deg)}.quantity-gift--unlocked .lock:before{bottom:130%;left:31%;margin-left:-1.15rem;transform:rotate(-45deg)}.quantity-gifts--image-fill{--gift-image-size: 100%;--gift-image-scale: 1;--gift-image-object-fit: cover;--gift-image-radius: max(0px, calc(var(--container-radius, 10px) - var(--border-width, 2px)))}.quantity-gift__image{width:var(--gift-image-size, 50%);height:var(--gift-image-size, 50%);position:absolute;top:50%;left:50%;z-index:1;overflow:hidden;border-radius:var(--gift-image-radius, 0);opacity:var(--locked-image-opacity, 0);filter:blur(var(--locked-image-blur, 0px));transform:translate(-50%,-50%) scale(var(--gift-image-scale, 1.75))}.quantity-gift__image img{width:100%;height:100%;object-fit:var(--gift-image-object-fit, contain);object-position:center center;vertical-align:bottom;border-radius:var(--gift-image-radius, .35rem)}.quantity-gift .gift-box{position:relative;width:50%;z-index:2;transform:translateY(25%);transform-origin:center bottom;opacity:0}.quantity-gift .gift-box-body{position:relative;z-index:0;width:100%;aspect-ratio:1 / 1;background:var(--gift-box-color, rgb(var(--color-background)));border-bottom-left-radius:5%;border-bottom-right-radius:5%;box-shadow:0 4px 8px #0000004d}.quantity-gift--animation.quantity-gift--unlocked .quantity-gift__image img{animation:quantity-gift-image-2 1.4s forwards ease-in-out}@keyframes quantity-gift-image-2{0%,30%,99%{opacity:0}to{opacity:1}}.quantity-gift--unlocked .quantity-gift__image{animation:quantity-gift-image-1 2s 1.2s forwards ease-in-out;opacity:1;filter:blur(0px);transition:all .5s .95s}.quantity-gift--unlocked .gift-box{animation:quantity-gift-box-disappear 1.5s 1.6s forwards ease-in-out;opacity:1;transition:all .5s .95s}.quantity-gift--unlocked .gift-box-body{animation:quantity-gift-box-body 1s 1.2s forwards ease-in-out}.quantity-gift--unlocked .gift-box-body .gift-box-lid{animation:quantity-gift-box-lid 1s 1.2s forwards ease-in-out}.quantity-gift--unlocked .gift-box-body .gift-box-bowtie:before{animation:quantity-gift-box-bowtie-left 1.1s 1.2s forwards ease-in-out}.quantity-gift--unlocked .gift-box-body .gift-box-bowtie:after{animation:quantity-gift-box-bowtie-right 1.1s 1.2s forwards ease-in-out}.quantity-gift .gift-box-body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0000 50%,#0000001a);z-index:2}.quantity-gift .gift-box-body:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:20%;background:var(--gift-box-tie-color);z-index:1}.quantity-gift .gift-box-lid{position:absolute;z-index:3;left:50%;transform:translate(-50%);bottom:90%;background:var(--gift-box-color, rgb(var(--color-background)));width:110%;aspect-ratio:11 / 2;border-radius:5%;box-shadow:0 8px 4px -4px #0000004d}.quantity-gift .gift-box-lid:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:20%;background:var(--gift-box-tie-color)}.quantity-gift .gift-box-bowtie{z-index:1;height:100%;display:block}.quantity-gift .gift-box-bowtie:before,.quantity-gift .gift-box-bowtie:after{content:"";width:40%;aspect-ratio:1 / 1;border:.6rem solid var(--gift-box-tie-color);border-radius:50% 50% 0;position:absolute;bottom:99%;z-index:-1}.quantity-gift .gift-box-bowtie:before{left:50%;transform:translate(-100%) skew(10deg,10deg)}.quantity-gift .gift-box-bowtie:after{left:50%;transform:translate(0) rotate(90deg) skew(10deg,10deg)}.quantity-gift--no-animation .gift-box{display:none}.quantity-gift--no-animation.quantity-gift--unlocked .quantity-gift__image{animation:none;transition-delay:.5s}.quantity-gift__badge{display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;font-size:1rem;line-height:1;padding:.45rem .65em;background:var(--badge-bg-color);color:var(--badge-text-color);border-radius:var(--badge-radius);position:absolute;left:50%;top:calc(var(--border-width, 2px) / -2);transform:translate(-50%,-50%);transition:all .3s .5s;z-index:6}.quantity-gift:not(.quantity-gift--unlocked) .quantity-gift__badge{background:var(--locked-badge-bg-color, var(--badge-bg-color));color:var(--locked-badge-text-color, var(--badge-text-color))}.quantity-gift__badge--style-2{transform:translate(-50%,-100%);border-bottom-right-radius:0;border-bottom-left-radius:0}.quantity-gift__badge--width-full{width:calc(100% - (var(--container-radius, 10px) * 2))}@keyframes quantity-gift-box-disappear{0%{transform:translateY(25%);opacity:1}20%,80%{transform:translateY(48%);opacity:1}to{transform:translateY(48%) scale(.2);opacity:0}}@keyframes quantity-gift-box-lid{0%,42%{transform:translate3d(-50%,0,0) rotate(0)}60%{transform:translate3d(-85%,-230%,0) rotate(-25deg)}90%,to{transform:translate3d(-119%,225%,0) rotate(-70deg)}}@keyframes quantity-gift-box-body{0%{transform:translateZ(0) rotate(0)}25%{transform:translate3d(0,25%,0) rotate(20deg)}50%{transform:translate3d(0,-15%,0) rotate(0)}70%{transform:translateZ(0) rotate(0)}}@keyframes quantity-gift-image-1{0%{transform:translate(-50%,-25%) translateZ(0) rotate(0)}12.5%{transform:translate(-50%,-25%) translate3d(0,25%,0) rotate(20deg)}25%{transform:translate(-50%,-25%) translate3d(0,-15%,0) rotate(0)}35%{transform:translate(-50%,-25%) translateZ(0) rotate(0)}45%,85%{transform:translate(-50%,-100%)}92%,to{transform:translate(-50%,-50%) scale(var(--gift-image-scale, 1.75))}}@keyframes quantity-gift-box-bowtie-right{0%,50%,75%{transform:translate(0) rotate(90deg) skew(10deg,10deg)}90%,to{transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg);box-shadow:0 4px 8px -4px #0000004d}}@keyframes quantity-gift-box-bowtie-left{0%{transform:translate(-100%) rotate(0) skew(10deg,10deg)}50%,75%{transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg)}90%,to{transform:translate(-100%) rotate(0) skew(10deg,10deg)}}.quantity-gifts__empty{text-align:center}@media screen and (max-width:749px){.quantity-gift__title{font-size:var(--title-size-mobile, var(--title-size, 1.1rem))}}@media screen and (max-width:500px){.quantity-gifts-4{column-gap:.6rem}.quantity-gifts-4 .quantity-gift__badge{font-size:.9rem}.quantity-gifts-4 .quantity-gift__lock .lock{transform:scale(.7)}.quantity-gifts-4 .quantity-gift__lock__top{font-size:1rem;margin-top:.4rem}.quantity-gifts-4 .quantity-gift__lock__bottom{font-size:1rem;margin-bottom:.4rem}.quantity-gifts-4 .quantity-gift__title{font-size:var(--title-size-mobile, .9rem);margin-top:.5rem}}.desktop-hidden{display:block}.mobile-hidden{display:none}@media screen and (min-width:750px){.desktop-hidden{display:none}.mobile-hidden{display:block}}@media(prefers-reduced-motion:reduce){.quantity-gift__container,.quantity-gift--unlocked .quantity-gift__container,.quantity-gift__title,.quantity-gift__lock,.quantity-gift__image,.quantity-gift__badge,.quantity-gift .gift-box,.quantity-gift .gift-box-body,.quantity-gift .gift-box-lid,.quantity-gift .gift-box-bowtie:before,.quantity-gift .gift-box-bowtie:after{animation:none!important;transition:none!important}.quantity-gift--unlocked .gift-box{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-quantity-gifts.css.map */