.hugfig-keychain-addon{--hf-keychain-orange: #ff6818;--hf-keychain-ink: #1f232c;--hf-keychain-border: #eadfd6;margin:16px 0;font-family:var(--hf-font-family, inherit)}.config-right .hugfig-keychain-addon{margin-block:0}.hugfig-keychain-addon *,.hugfig-keychain-addon *:before,.hugfig-keychain-addon *:after{box-sizing:border-box}.hugfig-keychain-addon__inline{padding:14px;border:1px solid var(--hf-keychain-border);border-radius:18px;background:#fff}.hugfig-keychain-addon__heading-row{display:flex;align-items:center;gap:8px}.hugfig-keychain-addon__eyebrow,.hugfig-keychain-addon__optional,.hugfig-keychain-addon__description{margin:0}.hugfig-keychain-addon__eyebrow{padding:7px 11px 6px;border-radius:9px;color:#fff;background:var(--hf-keychain-ink);font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1}.hugfig-keychain-addon__optional{padding:6px 10px;border:1px solid #eee8e3;border-radius:999px;color:#807970;background:#fbfaf8;font-size:11px;line-height:1}.hugfig-keychain-addon__description{padding:9px 0 12px;color:#69645f;font-size:13px;line-height:1.35}.hugfig-keychain-addon__inline-options,.hugfig-keychain-modal__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hugfig-keychain-option{position:relative;min-width:0;margin:0;padding:0;overflow:hidden;color:var(--hf-keychain-ink);border:1.5px solid #e8e1dc;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.hugfig-keychain-option:hover:not(:disabled){border-color:#f6a16e}.hugfig-keychain-option:focus-visible{outline:3px solid rgba(255,104,24,.24);outline-offset:2px}.hugfig-keychain-option.is-selected{border-color:var(--hf-keychain-orange);box-shadow:inset 0 0 0 .5px var(--hf-keychain-orange)}.hugfig-keychain-option.is-sold-out{cursor:not-allowed;opacity:.48}.hugfig-keychain-option--inline{min-height:80px;display:grid;grid-template-columns:minmax(62px,34%) minmax(44px,1fr) 20px;column-gap:6px;align-items:center;padding:6px;border-radius:14px}.hugfig-keychain-option__media{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fffdfa,#f8f3ef)}.hugfig-keychain-option--inline .hugfig-keychain-option__media{width:100%;min-height:66px;align-self:stretch;border-radius:9px}.hugfig-keychain-option__media img{width:100%;height:100%;display:block;object-fit:contain}.hugfig-keychain-option--inline[data-style-name="Style 2"] .hugfig-keychain-option__media img{transform:scale(1.08)}.hugfig-keychain-option__media{overflow:hidden}.hugfig-keychain-option__content{min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px 10px}.hugfig-keychain-option--inline .hugfig-keychain-option__content{gap:3px;padding:0}.hugfig-keychain-option--inline .hugfig-keychain-option__name,.hugfig-keychain-option--inline .hugfig-keychain-option__price{font-size:14px;white-space:nowrap}.hugfig-keychain-option__name{font-size:15px;font-weight:700;line-height:1.2}.hugfig-keychain-option__price,.hugfig-keychain-option__sold-out{color:var(--hf-keychain-orange);font-size:15px;font-weight:700;line-height:1.2}.hugfig-keychain-option__sold-out{color:#7d756e;font-size:12px}.hugfig-keychain-option__check{position:absolute;right:10px;bottom:10px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:transparent;border:1.5px solid #ded6cf;border-radius:7px;background:#fff}.hugfig-keychain-option.is-selected .hugfig-keychain-option__check{color:#fff;border-color:var(--hf-keychain-orange);background:var(--hf-keychain-orange)}.hugfig-keychain-option--inline .hugfig-keychain-option__check{position:static;right:auto;bottom:auto;grid-column:3;grid-row:1;justify-self:end;width:20px;height:20px;border-radius:6px}.hugfig-keychain-modal{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100dvh;z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain;touch-action:none;background:#1e1812a3;-webkit-backdrop-filter:blur(10px) saturate(.8);backdrop-filter:blur(10px) saturate(.8);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.hugfig-keychain-modal.is-active{opacity:1;visibility:visible}.hugfig-keychain-modal__dialog{position:relative;width:min(640px,100%);max-height:calc(100dvh - 32px);padding:40px 42px 38px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:#fff;box-shadow:0 30px 80px #2319114d,0 2px 10px #23191114;transform:translateY(18px) scale(.985);transition:transform .22s ease}.hugfig-keychain-modal.is-active .hugfig-keychain-modal__dialog{transform:translateY(0) scale(1)}.hugfig-keychain-modal__close{position:absolute;top:24px;right:24px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#746e68;border:1px solid #e5dfda;border-radius:50%;background:#fff;cursor:pointer}.hugfig-keychain-modal__close:hover{color:#24201d;background:#faf8f6}.hugfig-keychain-modal__close:focus-visible,.hugfig-keychain-modal__skip:focus-visible,.hugfig-keychain-modal__confirm:focus-visible{outline:3px solid rgba(255,104,24,.24);outline-offset:2px}.hugfig-keychain-modal__header{padding:0 52px 24px;text-align:center}.hugfig-keychain-modal__title,.hugfig-keychain-modal__description,.hugfig-keychain-modal__note,.hugfig-keychain-modal__error{margin:0}.hugfig-keychain-modal__title{color:#151515;font-size:32px;font-weight:800;letter-spacing:-.035em;line-height:1.12}.hugfig-keychain-modal__description{padding-top:12px;color:#6f6b67;font-size:17px;line-height:1.42}.hugfig-keychain-option--modal{display:flex;flex-direction:column;border-radius:18px;text-align:center}.hugfig-keychain-option--modal .hugfig-keychain-option__media{width:100%;aspect-ratio:1 / 1;padding:0}.hugfig-keychain-option--modal .hugfig-keychain-option__media img{object-fit:cover}.hugfig-keychain-option--modal .hugfig-keychain-option__content{align-items:center;gap:5px;padding:4px 12px 16px}.hugfig-keychain-option--modal .hugfig-keychain-option__name,.hugfig-keychain-option--modal .hugfig-keychain-option__price{font-size:20px}.hugfig-keychain-option--modal .hugfig-keychain-option__check{display:none}.hugfig-keychain-modal__note{padding:22px 0 24px;color:#6e6965;font-size:14px;line-height:1.35;text-align:center}.hugfig-keychain-modal__error{margin:-12px 0 14px;color:#b42318;font-size:13px;line-height:1.35;text-align:center}.hugfig-keychain-modal__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:28px}.hugfig-keychain-modal__skip,.hugfig-keychain-modal__confirm{min-height:58px;padding:0 18px;border-radius:12px;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.hugfig-keychain-modal__skip{color:#28231f;border:1px solid #ded5ce;background:#f8f5f2}.hugfig-keychain-modal__confirm{color:#fff;border:1px solid var(--hf-keychain-orange);background:linear-gradient(135deg,#ff7a26,#fa5d0a);box-shadow:0 12px 24px #f35b093d}.hugfig-keychain-modal__confirm:disabled,.hugfig-keychain-modal__skip:disabled,.hugfig-keychain-modal__close:disabled{cursor:not-allowed;opacity:.5}.hugfig-keychain-modal__confirm:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 28px #f35b094d}html.hugfig-keychain-modal-open,html.hugfig-keychain-modal-open body{overflow:hidden}body.hugfig-keychain-modal-open{inset-inline:0}html.hugfig-keychain-modal-open .Avada-Faqs_Button,html.hugfig-keychain-modal-open .back-to-top{display:none!important}@media screen and (max-width:749px){.hugfig-keychain-addon{margin:14px 0}.hugfig-keychain-addon__inline{padding:12px;border-radius:17px}.hugfig-keychain-addon__eyebrow{padding:6px 9px 5px;font-size:10px}.hugfig-keychain-addon__optional{padding:5px 8px;font-size:10px}.hugfig-keychain-addon__description{padding:8px 0 11px;font-size:11px}.hugfig-keychain-addon__inline-options{gap:8px}.hugfig-keychain-option--inline{min-height:66px;grid-template-columns:48px minmax(42px,1fr) 18px;column-gap:4px;padding:4px;border-radius:12px}.hugfig-keychain-option--inline .hugfig-keychain-option__media{min-height:56px;border-radius:7px}.hugfig-keychain-option--inline .hugfig-keychain-option__content{gap:3px;padding:0}.hugfig-keychain-option--inline .hugfig-keychain-option__name,.hugfig-keychain-option--inline .hugfig-keychain-option__price{font-size:12px}.hugfig-keychain-option--inline .hugfig-keychain-option__check{right:auto;bottom:auto;width:18px;height:18px;border-radius:5px}.hugfig-keychain-option__check{right:7px;bottom:7px;width:21px;height:21px}.hugfig-keychain-modal{align-items:center;padding:16px}.hugfig-keychain-modal__dialog{width:100%;max-height:calc(100dvh - 32px);padding:28px 20px 22px;border-radius:20px}.hugfig-keychain-modal__close{top:20px;right:18px;width:42px;height:42px}.hugfig-keychain-modal__header{padding:0 42px 18px 0;text-align:left}.hugfig-keychain-modal__title{font-size:26px;line-height:1.15}.hugfig-keychain-modal__description{padding-top:10px;font-size:14px;line-height:1.38;text-align:center}.hugfig-keychain-modal__desktop-break{display:none}.hugfig-keychain-modal__options{gap:10px}.hugfig-keychain-option--modal{border-radius:14px}.hugfig-keychain-option--modal .hugfig-keychain-option__media{aspect-ratio:1 / 1;padding:0}.hugfig-keychain-option--modal .hugfig-keychain-option__content{gap:4px;padding:2px 6px 12px}.hugfig-keychain-option--modal .hugfig-keychain-option__name,.hugfig-keychain-option--modal .hugfig-keychain-option__price{font-size:16px}.hugfig-keychain-modal__note{padding:18px 0 16px;font-size:12px}.hugfig-keychain-modal__actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:14px}.hugfig-keychain-modal__skip,.hugfig-keychain-modal__confirm{min-height:54px;padding:0 10px;border-radius:11px;font-size:14px}}@media(prefers-reduced-motion:reduce){.hugfig-keychain-modal,.hugfig-keychain-modal__dialog,.hugfig-keychain-option,.hugfig-keychain-modal__confirm{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/hugfig-keychain-addon.css.map */