.gamification-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;padding:3.625rem .625rem .6875rem;z-index:90002}.gamification-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;cursor:pointer}.gamification-popup__content{position:relative;background:rgb(var(--color-background));border-radius:var(--global-border-radius);border:1px solid rgb(var(--color-border));width:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1.125rem;padding:var(--spacing-xl) var(--spacing-l) 0 var(--spacing-l);height:100%}@media(min-width:750px){.gamification-popup__content{max-width:56.25rem;height:fit-content;padding:var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl)}}.gamification-popup__title{font-weight:600;color:rgb(var(--color-foreground));margin:0;flex:1;margin-top:1.125rem}.gamification-popup__close{background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));transition:background-color .2s ease;padding:0;position:absolute;top:1rem;right:1rem}@media(min-width:750px){.gamification-popup__close{right:1.5rem}}.gamification-popup__close svg{width:1rem;height:1rem}.gamification-popup__close.gamification-delete-popup__close svg{width:unset;height:unset}.gamification-popup__products{display:flex;flex-wrap:wrap;gap:1.125rem}@media(min-width:750px){.gamification-popup__products{column-gap:1.5rem;row-gap:1.125rem}}.gamification-popup__product{display:flex;align-items:center;padding:var(--spacing-m);border:1px solid var(--normal-product-card-border-color);border-radius:var(--global-border-radius);cursor:pointer;transition:all .2s ease;background:rgb(var(--color-background));flex-grow:1;flex-wrap:wrap}.gamification-popup__product.selected{border:.1875rem solid var(--selected-product-card-border-color)}@media(min-width:750px){.gamification-popup__product{width:calc(50% - .75rem);flex-grow:0}}.gamification-popup__product-image{width:100px;height:100px;flex-shrink:0;overflow:hidden;margin-right:1.125rem}.gamification-popup__product-image img{width:100%;height:100%;object-fit:contain}.gamification-popup__product-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.gamification-popup__product-title{font-weight:600;color:rgb(var(--color-foreground));margin:0 0 var(--spacing-2xs) 0}.gamification-popup__product-description{font-weight:400;color:rgb(var(--color-foreground));overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0}.gamification-popup__product-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;flex-shrink:0;align-self:flex-end;margin-left:var(--spacing-s)}.gamification-popup__compare-price{text-decoration:line-through;color:rgb(var(--color-foreground-disabled));font-size:.85em}.gamification-popup__free-label{font-weight:600;font-size:1em;color:rgb(var(--color-foreground-highlight))}.gamification-popup__footer{background:rgb(var(--color-background));margin-top:auto;position:sticky;bottom:0}.gamification-popup__confirm-btn{justify-content:center;margin-bottom:var(--spacing-xl)}@media(min-width:750px){.gamification-popup__confirm-btn{width:fit-content;min-width:18.75rem;margin:0 auto var(--spacing-xl) auto}}.gift-delete-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer}.gift-delete-button:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.gift-product--removable .gift-delete-button{position:absolute;top:-.125rem;right:-.125rem;width:2.5rem;height:2.5rem;z-index:2}.gift-product--removable .edit-icon{position:static;align-self:flex-end;margin-right:auto;margin-bottom:3px;margin-left:var(--spacing-2xs);flex-shrink:0}.mix-match-gift .gift-product--removable .edit-icon{margin-bottom:5.5px}.gamification-popup__delete{position:absolute;top:1rem;right:3rem;width:1.5rem;height:1.5rem}@media(min-width:750px){.gamification-popup__delete{right:3.5rem}}.gamification-delete-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:90003;display:flex;justify-content:center;align-items:flex-end}@media(min-width:750px){.gamification-delete-popup{align-items:center;padding:var(--spacing-l)}}.gamification-delete-popup__overlay{background-color:#23260d80}.gamification-delete-popup__close{position:static;align-self:flex-end}.gamification-delete-popup__close svg path{fill:var(--gift-delete-text-color)}.gamification-delete-popup__content{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--spacing-s);padding:var(--spacing-m) var(--spacing-l) var(--spacing-xl) var(--spacing-l);background:var(--gift-delete-bg-color);color:var(--gift-delete-text-color);border-radius:var(--global-border-radius)}@media(min-width:750px){.gamification-delete-popup__content{max-width:27.5rem;padding:var(--spacing-l) var(--spacing-l) var(--spacing-3xl) var(--spacing-l)}}.gamification-delete-popup__close:focus-visible,.gamification-delete-popup__keep:focus-visible,.gamification-delete-popup__confirm:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.gamification-delete-popup__title{margin:0;text-align:center;color:var(--gift-delete-text-color)}.gamification-delete-popup__body-wrapper{display:flex;flex-direction:column;gap:var(--spacing-l)}@media(min-width:750px){.gamification-delete-popup__body-wrapper{padding:0 var(--spacing-3xl)}}.gamification-delete-popup__body{display:flex;align-items:center;gap:var(--spacing-l);margin-top:var(--spacing-xs)}@media(min-width:750px){.gamification-delete-popup__body{margin-top:0}}.gamification-delete-popup__image{width:4.0625rem;height:4.0625rem;flex-shrink:0;object-fit:cover}.gamification-delete-popup__text{margin:0;color:var(--gift-delete-text-color)}.gamification-delete-popup__text strong,.gamification-delete-popup__keep{font-weight:500}.gamification-delete-popup__confirm{align-self:center;background:none;border:none;padding:var(--spacing-2xs) var(--spacing-s);color:var(--gift-delete-confirm-color);font-weight:500;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.gamification-delete-popup__confirm[disabled]{opacity:.6;cursor:progress}.gift-product__status--popup{background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-2xs);color:var(--gift-product-text-color);pointer-events:all;text-align:left;letter-spacing:.04em;line-height:1.4}.gift-product__status--popup span{text-decoration:underline;pointer-events:none}.gift-product__status--popup:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.edit-icon{cursor:pointer;position:absolute;top:var(--spacing-m);right:var(--spacing-m)}.gift-product.gift-product--selected .gift-product__info{margin-top:var(--spacing-m)}.gift-product.gift-product--selected .gift-product__status span{font-size:.875rem;font-weight:600;color:var(--gift-product-highlight-color)}.gift-product.gift-product--selected .gift-product__title{font-size:1.25rem;font-weight:500;color:rgb(var(--color-foreground));margin:0}.gift-product.gift-product--selected .gift-product__subtitle{color:rgb(var(--color-foreground-subtext));letter-spacing:.02em;margin:0;font-size:1rem;font-weight:400}.gift-product.gift-product__popup-select.gift-product--selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:rgba(var(--color-foreground),.05);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/358/assets/gamification-popup.css.map */