.gi-kakao-root{--gi-kakao-size: 52px;--gi-kakao-gap: 16px;--gi-kakao-edge: 24px;--gi-kakao-ease: cubic-bezier(.2, .65, .25, 1);--gi-kakao-floor: 0px;--gi-kakao-bottom: max(var(--gi-kakao-floor), calc(var(--gi-kakao-edge) + env(safe-area-inset-bottom, 0px)))}.gi-kakao{position:fixed;z-index:40;right:var(--gi-kakao-edge);bottom:var(--gi-kakao-bottom);display:grid;place-items:center;inline-size:var(--gi-kakao-size);block-size:var(--gi-kakao-size);margin:0;padding:0;border:0;border-radius:50%;background:#fee500;color:#000;cursor:pointer;box-shadow:0 0 0 1px #1a1a1814,0 1px 2px #34241414,0 10px 28px #34241424;-webkit-tap-highlight-color:transparent;transition:bottom .5s var(--gi-kakao-ease),transform var(--gi-duration-fast, .16s) var(--gi-ease, ease),box-shadow var(--gi-duration-fast, .16s) var(--gi-ease, ease)}.gi-kakao__icon{grid-area:1 / 1;inline-size:26px;block-size:26px;fill:currentColor;pointer-events:none;transition:opacity var(--gi-duration-fast, .16s) var(--gi-ease, ease),transform var(--gi-duration-fast, .16s) var(--gi-ease, ease)}.gi-kakao__icon--close{opacity:0;transform:rotate(-45deg) scale(.8)}.gi-kakao-root:has(.gi-kakao-card:popover-open) .gi-kakao__icon--chat{opacity:0;transform:scale(.8)}.gi-kakao-root:has(.gi-kakao-card:popover-open) .gi-kakao__icon--close{opacity:1;transform:none}@media(hover:hover){.gi-kakao:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #1a1a181a,0 2px 4px #3424141a,0 14px 32px #3424142e}.gi-kakao-root:has(.gi-kakao-card:popover-open) .gi-kakao:hover{transform:none}}.gi-kakao:focus-visible{outline:2px solid var(--focus-ring, #6f6b53);outline-offset:3px;box-shadow:0 0 0 1px #1a1a1814,0 0 0 6px var(--primary-50, #faf9f7)}.gi-kakao-card{position:fixed;inset:auto var(--gi-kakao-edge) calc(var(--gi-kakao-bottom) + var(--gi-kakao-size) + 12px) auto;box-sizing:border-box;inline-size:min(320px,calc(100vw - 2 * var(--gi-kakao-edge)));max-block-size:calc(100dvh - var(--gi-kakao-bottom) - var(--gi-kakao-size) - 28px);margin:0;padding:20px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--primary-200, #ede9e3);border-radius:10px;background:var(--primary-50, #faf9f7);color:var(--text-primary, #1a1a18);box-shadow:var(--gi-surface-shadow-float, 0 18px 54px rgba(26, 26, 24, .18));font-family:var(--font-ui);text-align:left;opacity:0;transform:translateY(8px);transform-origin:right bottom;transition:opacity var(--gi-duration-base, .24s) var(--gi-ease-crossfade, ease),transform var(--gi-duration-base, .24s) var(--gi-ease, ease),bottom .5s var(--gi-kakao-ease),overlay var(--gi-duration-base, .24s) allow-discrete,display var(--gi-duration-base, .24s) allow-discrete}.gi-kakao-card:popover-open{opacity:1;transform:none}@starting-style{.gi-kakao-card:popover-open{opacity:0;transform:translateY(8px)}}.gi-kakao-card::backdrop{background:transparent}.gi-kakao-card:focus{outline:none}.gi-kakao-card:focus-visible{outline:2px solid var(--focus-ring, #6f6b53);outline-offset:2px}.gi-kakao-card__head{display:flex;align-items:center;gap:12px;padding-inline-end:36px}.gi-kakao-card__avatar{display:grid;place-items:center;flex:0 0 auto;inline-size:36px;block-size:36px;border-radius:50%;background:#fee500;color:#000}.gi-kakao-card__avatar svg{inline-size:20px;block-size:20px;fill:currentColor}.gi-kakao-card__title{margin:0;font-family:var(--font-display);font-size:1.125rem;line-height:1.2;color:var(--text-primary, #1a1a18)}.gi-kakao-card__subtitle{margin:2px 0 0;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary, #4a4a47)}.gi-kakao-card__message{margin:16px 0 0;padding:12px 14px;border-radius:4px 14px 14px;background:var(--bg-surface, #fff);border:1px solid var(--primary-200, #ede9e3);font-family:var(--font-editorial);font-size:.9375rem;line-height:1.5;color:var(--text-primary, #1a1a18)}html:lang(ko) .gi-kakao-card__message,html:lang(ko) .gi-kakao-card__qr-hint{word-break:keep-all}.gi-kakao-card__cta{display:flex;align-items:center;justify-content:center;gap:8px;min-block-size:48px;margin-top:16px;padding:0 16px;border-radius:6px;background:#fee500;color:#000000d9;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color var(--gi-duration-fast, .16s) var(--gi-ease, ease)}.gi-kakao-card__cta svg{inline-size:20px;block-size:20px;fill:#000;flex:0 0 auto}@media(hover:hover){.gi-kakao-card__cta:hover{background:#f5dc00}}.gi-kakao-card__cta:focus-visible{outline:2px solid var(--focus-ring, #6f6b53);outline-offset:2px}.gi-kakao-card__qr{display:none}@media(min-width:750px)and (hover:hover)and (pointer:fine){.gi-kakao-card__qr{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--primary-200, #ede9e3)}}.gi-kakao-card__qr-frame{padding:6px;border:1px solid var(--primary-200, #ede9e3);border-radius:4px;background:#fff;line-height:0}.gi-kakao-card__qr-code{inline-size:100%;block-size:auto;color:#000}.gi-kakao-card__qr-hint{margin:0;font-size:.8125rem;line-height:1.45;color:var(--text-secondary, #4a4a47)}.gi-kakao-card__close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;padding:0;border:0;background:none;color:var(--text-secondary, #4a4a47);cursor:pointer}.gi-kakao-card__close:hover{color:var(--text-primary, #1a1a18)}.gi-kakao-card__close:focus-visible{outline:2px solid var(--focus-ring, #6f6b53);outline-offset:-4px}html:has(.gi-letter__bar) .gi-kakao-root{--gi-kakao-bottom: max(var(--gi-kakao-floor), calc(var(--gi-letter-bar-h, 52px) + var(--gi-kakao-gap)))}body:has(>#shop-hcaptcha-badge-container) .gi-kakao-root{--gi-kakao-floor: calc(20px + 55px + var(--gi-kakao-gap))}html:has(#shopify-pc__banner[style*="display: block"]) .gi-kakao{display:none}@media screen and (max-width:749px){.gi-kakao-root{--gi-kakao-size: 48px;--gi-kakao-gap: 12px;--gi-kakao-edge: 16px}.gi-kakao__icon{inline-size:24px;block-size:24px}html:has(.gi-letter__bar) .gi-kakao-root{--gi-kakao-bottom: max( var(--gi-kakao-floor), calc(var(--gi-letter-bar-h, 48px) + var(--gi-kakao-gap) + env(safe-area-inset-bottom, 0px)) )}html:has(.gi-letter[data-gi-letter-scroll-direction=up]) .gi-kakao-root{--gi-kakao-bottom: max( var(--gi-kakao-floor), calc(max(env(safe-area-inset-bottom, 0px), var(--gi-kakao-browser-inset, 0px)) + 12px + var(--gi-letter-bar-h, 48px) + var(--gi-kakao-gap)) )}html:has(.gi-letter[data-gi-letter-hero-hidden]) .gi-kakao-root{--gi-kakao-bottom: max( var(--gi-kakao-floor), calc(max(env(safe-area-inset-bottom, 0px), var(--gi-kakao-browser-inset, 0px)) + var(--gi-kakao-edge)) )}html:has(.gi-letter[data-gi-letter-menu-open]) .gi-kakao,html:has(.gi-locale-suggest.is-visible) .gi-kakao,html:has(.sticky-add-to-cart__bar[data-stuck=true]) .gi-kakao{display:none}}@media(prefers-reduced-motion:reduce){.gi-kakao,.gi-kakao__icon,.gi-kakao-card{transition:none}.gi-kakao:hover,.gi-kakao-card{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/gi-kakao-chat.css.map */