.quantity-gifts{display:grid;grid-template-columns:repeat(var(--item-count),1fr);justify-items:center;column-gap:calc(4rem / var(--item-count));max-width:calc(var(--item-count)* 25%);margin:0 auto}.quantity-gift{max-width:9.25rem;width:100%;position:relative}.quantity-gift__container{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(-45deg,rgba(var(--color-base-text),.1) 0px 6px,rgba(var(--color-base-text),.15) 6px 8px);border:solid 2px rgba(var(--color-base-text),.75);border-radius:1rem;padding:10% 0;aspect-ratio:1 / 1;position:relative;transition:all .3s;z-index:0}.quantity-gift--unlocked .quantity-gift__container{transition:none}.quantity-gift__title{text-align:center;font-size:1.1rem;margin-bottom:0;margin-top:.75rem;opacity:.5}.quantity-gift--unlocked .quantity-gift__title{opacity:1;transition:none}.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:none}.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-gift__image{width:50%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.75);z-index:1;opacity:0}.quantity-gifts-container .quantity-gift.quantity-gift--unlocked .quantity-gift__image{opacity:1}.quantity-gift__image img{width:100%;height:100%;object-fit:contain;object-position:center center;vertical-align:bottom;border-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:rgb(var(--color-background));border-bottom-left-radius:5%;border-bottom-right-radius:5%;box-shadow:0 4px 8px #0000004d}.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: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)}@keyframes box-disappear{0%{transform:translateY(25%);opacity:1}20%{transform:translateY(48%);opacity:1}80%{transform:translateY(48%);opacity:1}to{transform:translateY(48%) scale(.2);opacity:0}}@keyframes 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 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 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%{transform:translate(-50%,-100%)}85%{transform:translate(-50%,-100%)}92%{transform:translate(-50%,-50%) scale(1.75)}to{transform:translate(-50%,-50%) scale(1.75)}}@keyframes 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 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)}}@media screen and (max-width: 500px){.quantity-gifts-4{column-gap:.6rem}.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:.9rem;margin-top:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/quantity-gifts.css.map */