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(--qg-badge-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(--qg-badge-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}.quantity-gift__lock__top{color:var(--qg-top-color, rgb(var(--color-foreground)))}.quantity-gift__lock__bottom{color:var(--qg-bottom-color, rgb(var(--color-foreground)))}.quantity-gifts--style-2{--qg-heading-size: var(--qg-heading-size-desktop, 1em);display:block;padding-block-start:0;container:quantity-gifts / inline-size}.quantity-gifts__panel{padding:var(--qg-panel-padding, 16px);border:var(--border-width, 2px) var(--gift-border-style, solid) var(--qg-panel-border-color, rgb(var(--color-foreground)));border-radius:var(--container-radius, 10px);background:var(--qg-panel-background, rgb(var(--color-background)))}.quantity-gifts__panel--heading{margin-block-start:calc(var(--qg-heading-size) * .75);padding-block-start:0}.quantity-gifts__heading{position:relative;width:fit-content;max-width:100%;margin-block:-.75em var(--qg-panel-padding, 16px);padding:.15em .5em;border:var(--border-width, 2px) var(--gift-border-style, solid) var(--qg-panel-border-color, rgb(var(--color-foreground)));border-radius:var(--container-radius, 10px);font-size:var(--qg-heading-size);line-height:1.2;color:var(--qg-panel-heading-color, rgb(var(--color-foreground)));background:var(--qg-panel-heading-background, var(--qg-panel-background, rgb(var(--color-background))));overflow-wrap:anywhere}.quantity-gifts__list{display:grid;grid-template-columns:repeat(var(--item-count),minmax(0,1fr));gap:var(--qg-panel-gap, 12px);margin:0;padding:0;list-style:none}.quantity-gifts__list--separators{column-gap:max(var(--qg-panel-gap, 12px),calc(var(--qg-separator-size, 16px) + 4px))}.quantity-gift--panel{display:grid;align-items:center;min-width:0;max-width:none}.quantity-gift__content,.quantity-gift__overlay{grid-area:1 / 1;min-width:0;text-align:center;overflow-wrap:anywhere}.quantity-gift__content{align-self:start;opacity:var(--qg-panel-locked-opacity, .4);filter:blur(var(--qg-panel-locked-blur, 3px));transition:opacity .2s}.quantity-gift--unlocked .quantity-gift__content{opacity:1;filter:none}.quantity-gift__media{width:min(100%,var(--qg-panel-image-size, 64px));aspect-ratio:1;margin-inline:auto;overflow:hidden}.quantity-gift__media img{display:block;width:100%;height:100%;object-fit:var(--gift-image-object-fit, contain)}.quantity-gift__value{margin-block-start:.35em;color:var(--qg-value-color, rgba(var(--color-foreground), .8))}.quantity-gifts--style-2 .quantity-gift__title{margin-block-start:.35em;opacity:1;transition:none;overflow-wrap:anywhere}.quantity-gift__overlay{display:flex;flex-direction:column;align-items:center;gap:.3em;z-index:1;color:var(--qg-locked-color, rgb(var(--color-foreground)))}.quantity-gift__overlay[hidden]{display:none}.quantity-gift__padlock{width:var(--qg-panel-lock-size, 20px);max-width:100%;height:auto;flex-shrink:0}.quantity-gift__separator{position:absolute;inset-inline-start:calc((max(var(--qg-panel-gap, 12px),calc(var(--qg-separator-size, 16px) + 4px)) + var(--qg-separator-size, 16px)) / -2);inset-block-start:calc(min(var(--qg-panel-image-size, 64px),20cqi)/2);display:grid;place-items:center;width:var(--qg-separator-size, 16px);height:var(--qg-separator-size, 16px);border:1px solid currentColor;border-radius:50%;font-size:calc(var(--qg-separator-size, 16px) * .85);line-height:1;color:var(--qg-separator-color, rgba(var(--color-foreground), .7));transform:translateY(-50%)}.quantity-gift--panel:first-child .quantity-gift__separator{display:none}@container quantity-gifts (max-width: 420px){.quantity-gifts-4 .quantity-gifts__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--qg-panel-gap, 12px)}.quantity-gifts-4 .quantity-gift__separator{display:none}}@container quantity-gifts (max-width: 230px){.quantity-gifts__list,.quantity-gifts-4 .quantity-gifts__list{grid-template-columns:minmax(0,1fr)}.quantity-gift__separator{display:none}}@media(max-width:749px){.quantity-gifts--style-2{--qg-heading-size: var(--qg-heading-size-mobile, 1em)}}@media(prefers-reduced-motion:reduce){.quantity-gift__content{transition:none}}@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--style-1.quantity-gifts-4{column-gap:.6rem}.quantity-gifts--style-1.quantity-gifts-4 .quantity-gift__badge{font-size:.9rem}.quantity-gifts--style-1.quantity-gifts-4 .quantity-gift__lock .lock{transform:scale(.7)}.quantity-gifts--style-1.quantity-gifts-4 .quantity-gift__lock__top{font-size:1rem;margin-top:.4rem}.quantity-gifts--style-1.quantity-gifts-4 .quantity-gift__lock__bottom{font-size:1rem;margin-bottom:.4rem}.quantity-gifts--style-1.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/2/assets/component-quantity-gifts.css.map */