.dd0-quantity-gifts__title{display:flex;align-items:center;gap:1rem;text-align:center;font-size:var(--dd0-qg-title-size, 1.1rem);font-weight:700;letter-spacing:.05em;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}.dd0-quantity-gifts__title span:first-child,.dd0-quantity-gifts__title span:last-child{flex:1;height:1px;background:rgba(var(--color-foreground),.2)}.dd0-quantity-gifts{display:grid;grid-template-columns:repeat(var(--item-count, 2),1fr);justify-items:center;column-gap:.75rem}.dd0-quantity-gift{max-width:12rem;width:100%;position:relative}.dd0-quantity-gift__container{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(-45deg,rgba(var(--color-foreground),.1) 0px 6px,rgba(var(--color-foreground),.15) 6px 8px);border:solid 2px rgba(var(--color-foreground),.75);border-radius:1rem;padding:10% 0;aspect-ratio:1 / 1;position:relative;transition:all .3s;z-index:0;overflow:hidden}.dd0-quantity-gift--unlocked .dd0-quantity-gift__container{background:var(--dd0-qg-unlocked-bg, #fef8f8);border-color:var(--dd0-qg-unlocked-border, #eb7e7e);transition:all .3s .5s}.dd0-quantity-gift__title{text-align:center;font-size:1.1rem;margin:.75rem 0 0;opacity:.5}.dd0-quantity-gift--unlocked .dd0-quantity-gift__title{opacity:1;transition:all .3s .3s}.dd0-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}.dd0-quantity-gift--unlocked .dd0-quantity-gift__lock{opacity:0;pointer-events:none;transition:all .3s .2s}.dd0-quantity-gift__lock-top,.dd0-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}.dd0-quantity-gift .dd0-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}.dd0-quantity-gift .dd0-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}.dd0-quantity-gift .dd0-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}.dd0-quantity-gift--unlocked .dd0-lock{transform:rotate(10deg)}.dd0-quantity-gift--unlocked .dd0-lock:before{bottom:130%;left:31%;margin-left:-1.15rem;transform:rotate(-45deg)}.dd0-quantity-gift__image{width:50%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-25%);z-index:1;opacity:0}.dd0-quantity-gift__image img{width:100%;height:100%;object-fit:contain;object-position:center center;vertical-align:bottom;border-radius:.35rem}.dd0-quantity-gift--unlocked .dd0-quantity-gift__image{animation:dd0-qg-image 2s 1.2s forwards ease-in-out;opacity:1;transition:all .5s .95s}.dd0-quantity-gift .dd0-gift-box{position:relative;width:50%;z-index:2;transform:translateY(25%);transform-origin:center bottom;opacity:0}.dd0-quantity-gift--unlocked .dd0-gift-box{animation:dd0-qg-box-disappear 1.5s 1.6s forwards ease-in-out;opacity:1;transition:all .5s .95s}.dd0-quantity-gift .dd0-gift-box-body{position:relative;z-index:0;width:100%;aspect-ratio:1 / 1;background:var(--dd0-qg-box-color, #ffffff);border-bottom-left-radius:5%;border-bottom-right-radius:5%;box-shadow:0 4px 8px #0000004d}.dd0-quantity-gift--unlocked .dd0-gift-box-body{animation:dd0-qg-box-body 1s 1.2s forwards ease-in-out}.dd0-quantity-gift .dd0-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}.dd0-quantity-gift .dd0-gift-box-body:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:20%;background:var(--dd0-qg-tie-color, #fae787);z-index:1}.dd0-quantity-gift .dd0-gift-box-lid{position:absolute;z-index:3;left:50%;transform:translate(-50%);bottom:90%;background:var(--dd0-qg-box-color, #ffffff);width:110%;aspect-ratio:11 / 2;border-radius:5%;box-shadow:0 8px 4px -4px #0000004d}.dd0-quantity-gift--unlocked .dd0-gift-box-body .dd0-gift-box-lid{animation:dd0-qg-box-lid 1s 1.2s forwards ease-in-out}.dd0-quantity-gift .dd0-gift-box-lid:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:20%;background:var(--dd0-qg-tie-color, #fae787)}.dd0-quantity-gift .dd0-gift-box-bowtie{z-index:1;height:100%;display:block}.dd0-quantity-gift .dd0-gift-box-bowtie:before,.dd0-quantity-gift .dd0-gift-box-bowtie:after{content:"";width:40%;aspect-ratio:1 / 1;border:.6rem solid var(--dd0-qg-tie-color, #fae787);border-radius:50% 50% 0;position:absolute;bottom:99%;z-index:-1}.dd0-quantity-gift .dd0-gift-box-bowtie:before{left:50%;transform:translate(-100%) skew(10deg,10deg)}.dd0-quantity-gift .dd0-gift-box-bowtie:after{left:50%;transform:translate(0) rotate(90deg) skew(10deg,10deg)}.dd0-quantity-gift--unlocked .dd0-gift-box-bowtie:before{animation:dd0-qg-bowtie-left 1.1s 1.2s forwards ease-in-out}.dd0-quantity-gift--unlocked .dd0-gift-box-bowtie:after{animation:dd0-qg-bowtie-right 1.1s 1.2s forwards ease-in-out}.dd0-quantity-gifts--4{column-gap:.6rem}.dd0-quantity-gifts--4 .dd0-lock{transform:scale(.7)}.dd0-quantity-gifts--4 .dd0-quantity-gift__lock-top,.dd0-quantity-gifts--4 .dd0-quantity-gift__lock-bottom{font-size:1rem}.dd0-quantity-gifts--4 .dd0-quantity-gift__title{font-size:.9rem;margin-top:.5rem}@keyframes dd0-qg-image{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 dd0-qg-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 dd0-qg-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 dd0-qg-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 dd0-qg-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)}}@keyframes dd0-qg-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}}@media(prefers-reduced-motion:reduce){.dd0-quantity-gift--unlocked .dd0-quantity-gift__image{animation:none;transform:translate(-50%,-50%) scale(1.75)}.dd0-quantity-gift--unlocked .dd0-gift-box{animation:none;opacity:0;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-quantity-gifts.css.map */