.gigi-keychain-promotion{--gigi-keychain-modal-open-duration: .25s;--gigi-keychain-modal-close-duration: .15s;--gigi-keychain-modal-scale: .96;--gigi-keychain-modal-ease: cubic-bezier(.22, 1, .36, 1)}.gigi-keychain-promotion__modal[hidden]{display:none}.gigi-keychain-promotion__modal{align-items:center;display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;padding:2rem;pointer-events:none;position:fixed;visibility:hidden;z-index:1200}.gigi-keychain-promotion__modal.is-open,.gigi-keychain-promotion__modal.is-closing{pointer-events:auto;visibility:visible}.gigi-keychain-promotion__modal.is-closing{pointer-events:none}.gigi-keychain-promotion__modal>.gigi-keychain-promotion__backdrop{display:block;background:#00000085;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity var(--gigi-keychain-modal-open-duration) var(--gigi-keychain-modal-ease)}.gigi-keychain-promotion__modal.is-open .gigi-keychain-promotion__backdrop{opacity:1}.gigi-keychain-promotion__modal.is-closing .gigi-keychain-promotion__backdrop{opacity:0;transition-duration:var(--gigi-keychain-modal-close-duration)}.gigi-keychain-promotion__dialog{background:var(--gigi-theme-surface, #ffffff);border:.1rem solid var(--gigi-theme-line, rgba(0, 0, 0, .16));border-radius:1.2rem;color:var(--gigi-theme-ink, #000000);max-height:calc(100dvh - 4rem);max-width:58rem;opacity:0;overflow-y:auto;padding:clamp(2.4rem,5vw,4.8rem);position:relative;transform:scale(var(--gigi-keychain-modal-scale));transition:opacity var(--gigi-keychain-modal-open-duration) var(--gigi-keychain-modal-ease),transform var(--gigi-keychain-modal-open-duration) var(--gigi-keychain-modal-ease);width:min(100%,58rem);will-change:opacity,transform;z-index:1}.gigi-keychain-promotion__modal.is-open .gigi-keychain-promotion__dialog{opacity:1;transform:scale(1)}.gigi-keychain-promotion__modal.is-closing .gigi-keychain-promotion__dialog{opacity:0;transform:scale(var(--gigi-keychain-modal-scale));transition-duration:var(--gigi-keychain-modal-close-duration)}.gigi-keychain-promotion__close{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;color:currentColor;cursor:pointer;display:inline-flex;justify-content:center;min-height:4.4rem;min-width:4.4rem;padding:0;position:absolute;right:1rem;top:1rem;transition:background-color .18s ease,color .18s ease,outline-color .18s ease,transform .18s ease}.gigi-keychain-promotion__close:hover,.gigi-keychain-promotion__close:focus-visible{background:var(--gigi-theme-soft, rgba(0, 0, 0, .08))}.gigi-keychain-promotion__close:active{transform:scale(.96)}.gigi-keychain-promotion__close .svg-wrapper{height:1.8rem;width:1.8rem}.gigi-keychain-promotion__eyebrow{color:var(--gigi-theme-ink, #000000);font-size:1.2rem;font-weight:700;letter-spacing:.12em;line-height:1.2;margin:0 0 1rem}.gigi-keychain-promotion__title{color:var(--gigi-theme-ink, #000000);font-size:clamp(2.8rem,5vw,4.8rem);line-height:.98;margin:0 0 2.4rem;max-width:none;text-wrap:pretty}.gigi-keychain-promotion__options{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.gigi-keychain-promotion__option{align-items:stretch;-webkit-appearance:none;appearance:none;background:var(--gigi-theme-accent, #8cd201);border:.1rem solid var(--gigi-theme-accent, #8cd201);border-radius:1rem;color:#000;cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body-family, Poppins, sans-serif);min-height:4.4rem;opacity:0;padding:0;text-align:left;transform:translateY(.6rem);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,outline-color .18s ease,opacity var(--gigi-keychain-modal-open-duration) var(--gigi-keychain-modal-ease),transform var(--gigi-keychain-modal-open-duration) var(--gigi-keychain-modal-ease)}.gigi-keychain-promotion__modal.is-open .gigi-keychain-promotion__option{opacity:1;transform:translateY(0)}.gigi-keychain-promotion__modal.is-open .gigi-keychain-promotion__option:nth-child(2){transition-delay:60ms}.gigi-keychain-promotion__modal.is-closing .gigi-keychain-promotion__option{opacity:0;transform:translateY(.3rem);transition-delay:0ms;transition-duration:var(--gigi-keychain-modal-close-duration)}.gigi-keychain-promotion__options.is-choosing{display:flex;justify-content:center;position:relative}.gigi-keychain-promotion__options.is-choosing .gigi-keychain-promotion__option.is-selected{flex:0 1 calc(50% - .6rem);max-width:calc(50% - .6rem);width:100%}.gigi-keychain-promotion__options.is-choosing .gigi-keychain-promotion__option.is-deselected,.gigi-keychain-promotion__modal.is-open .gigi-keychain-promotion__options.is-choosing .gigi-keychain-promotion__option[data-available=false]{left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(.94);width:calc(50% - .6rem)}.gigi-keychain-promotion__loading{animation:gigi-keychain-selection-status-enter .22s var(--gigi-keychain-modal-ease) both;margin:1.6rem 0 0;text-align:center}@keyframes gigi-keychain-selection-status-enter{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}.gigi-keychain-promotion__option:hover,.gigi-keychain-promotion__option:focus-visible{background:var(--gigi-theme-accent, #8cd201);border-color:#000;color:#000;box-shadow:0 .6rem 1.6rem #0000001f}.gigi-keychain-promotion__option--pineapple-coconut{background:#fef278;border-color:#ad6b3b;color:#000}.gigi-keychain-promotion__option--pineapple-coconut:hover,.gigi-keychain-promotion__option--pineapple-coconut:focus-visible{background:#fef278;border-color:#ad6b3b;color:#000}.gigi-keychain-promotion__option:focus-visible,.gigi-keychain-promotion__close:focus-visible,.gigi-keychain-promotion__recovery:focus-visible{outline:.3rem solid var(--gigi-theme-ink, #000000)!important;outline-offset:.3rem!important}.gigi-keychain-promotion__modal.is-open .gigi-keychain-promotion__option[data-available=false]{cursor:default;opacity:.56;pointer-events:none}.gigi-keychain-promotion__option:active{transform:scale(.99)}.gigi-keychain-promotion__option[aria-disabled=true]{cursor:wait;opacity:.56;pointer-events:none}.gigi-keychain-promotion__options.is-choosing .gigi-keychain-promotion__option.is-selected[aria-disabled=true]{opacity:1}.gigi-keychain-promotion__option-media{aspect-ratio:1;background:var(--gigi-theme-soft, rgba(0, 0, 0, .04));border-radius:.9rem .9rem 0 0;display:block;overflow:hidden;position:relative;width:100%}.gigi-keychain-promotion__option-media img{display:block;height:100%;object-fit:contain;opacity:0;transition:opacity .22s ease;width:100%}.gigi-keychain-promotion__option-media>.gigi-image-skeleton{background-color:var(--gigi-theme-surface, #ffffff);background-image:linear-gradient(var(--gigi-theme-soft),var(--gigi-theme-soft));opacity:1;transition:opacity .22s ease,visibility .22s ease,background-color .18s ease}.gigi-keychain-promotion__option-media[data-image-state]>.gigi-image-skeleton{opacity:0;visibility:hidden}.gigi-keychain-promotion__option-media[data-image-state]>.gigi-image-skeleton:after{animation:none}.gigi-keychain-promotion__option-media[data-image-state=loaded] img{opacity:1}.gigi-keychain-promotion__option-copy{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem}.gigi-keychain-promotion__option-title{font-weight:700}.gigi-keychain-promotion__error{color:var(--gigi-theme-ink, #000000);margin:1.6rem 0 0}.gigi-keychain-promotion__recovery{color:inherit;transition:color .18s ease,outline-color .18s ease}.gigi-keychain-promotion-teaser{align-items:center;background:var(--gigi-theme-ink, #000000);border:.1rem solid var(--gigi-theme-ink, #000000);border-radius:.8rem;box-shadow:0 .2rem .8rem #00000014;color:var(--gigi-theme-surface, #ffffff);display:flex;gap:1.2rem;margin:1.6rem 0 1rem;padding:1.2rem;animation:gigi-keychain-promotion-teaser-enter .36s var(--gigi-keychain-modal-ease, cubic-bezier(.22, 1, .36, 1)) both}.gigi-keychain-promotion-teaser[hidden],.cart-item.cart-item--gigi-keychain[hidden]{display:none}cart-drawer:not(.active) .gigi-keychain-promotion-teaser--redeemable{animation:none}cart-drawer.active .gigi-keychain-promotion-teaser--redeemable{animation:gigi-keychain-promotion-teaser-enter .36s var(--gigi-keychain-modal-ease, cubic-bezier(.22, 1, .36, 1)) both}.gigi-keychain-promotion-teaser.gigi-keychain-promotion-teaser--gift-removal,cart-drawer.active .gigi-keychain-promotion-teaser--gift-removal{animation:none}@keyframes gigi-keychain-promotion-teaser-enter{0%{opacity:0;transform:translateY(.8rem) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.gigi-keychain-promotion-teaser__media{border-radius:.6rem;display:flex;flex:0 0 14rem;gap:.4rem;align-items:flex-start;overflow:hidden;position:relative;width:14rem}.gigi-keychain-promotion-teaser__product{background:var(--gigi-theme-soft, rgba(0, 0, 0, .04));border-radius:.4rem;display:block;flex:1 1 0;min-width:0;aspect-ratio:1;overflow:hidden}.gigi-keychain-promotion-teaser__product img{display:block;height:100%;object-fit:cover;transform:scale(1.04);width:100%}.gigi-keychain-promotion-teaser__content{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;min-width:0}.gigi-keychain-promotion-teaser__copy{font-size:1.3rem;line-height:1.35;margin:0;text-wrap:pretty}.gigi-keychain-promotion-teaser__redeem.gigi-shop-button.button{align-self:center;margin:0;min-height:4.4rem;min-width:0;padding:.55rem 1.6rem;width:auto}@media screen and (max-width:749px){.gigi-keychain-promotion__modal{padding:1.2rem}.gigi-keychain-promotion__dialog{max-height:calc(100dvh - 2.4rem);padding:2.4rem 1.6rem 1.6rem}.gigi-keychain-promotion__title{padding-inline-end:6rem}.gigi-keychain-promotion-teaser{align-items:flex-start}.gigi-keychain-promotion-teaser__media{flex:0 1 9rem;min-width:0;width:9rem}}@media(prefers-reduced-motion:reduce){.gigi-keychain-promotion{--gigi-keychain-modal-open-duration: 1ms;--gigi-keychain-modal-close-duration: 1ms}.gigi-keychain-promotion__backdrop,.gigi-keychain-promotion__dialog,.gigi-keychain-promotion__title,.gigi-keychain-promotion__eyebrow,.gigi-keychain-promotion__close,.gigi-keychain-promotion__option{transition:none!important}.gigi-keychain-promotion__option-media img,.gigi-keychain-promotion__option-media>.gigi-image-skeleton{transition-duration:1ms}.gigi-keychain-promotion-teaser,cart-drawer.active .gigi-keychain-promotion-teaser--redeemable,.gigi-keychain-promotion__loading{animation:none}}html[data-gigi-theme=dark] .gigi-keychain-promotion__backdrop{background:#ffffff2e}html[data-gigi-theme=dark] .gigi-keychain-promotion__option:hover,html[data-gigi-theme=dark] .gigi-keychain-promotion__option:focus-visible{box-shadow:0 .6rem 1.6rem #ffffff1a}html[data-gigi-theme=dark] .gigi-keychain-promotion__option--pineapple-coconut,html[data-gigi-theme=dark] .gigi-keychain-promotion__option--pineapple-coconut:hover,html[data-gigi-theme=dark] .gigi-keychain-promotion__option--pineapple-coconut:focus-visible{background:#fef278;border-color:#ad6b3b;color:#000}html[data-gigi-theme=dark] .gigi-keychain-promotion-teaser{box-shadow:0 .2rem .8rem #ffffff14}html.gigi-theme-transitioning :where(.gigi-keychain-promotion__dialog,.gigi-keychain-promotion__title,.gigi-keychain-promotion__eyebrow,.gigi-keychain-promotion__option,.gigi-keychain-promotion__close,.gigi-keychain-promotion-teaser){transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,outline-color .18s ease}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-gigi-keychain-promotion.css.map */