body #gccv-chatbot[data-ui=v4]{--j-surface:#24242a;--j-panel:#303037;--j-text:#f5f4f6;--j-muted:#b8b6c1;--j-line:#ffffff18;--j-orange:#f3871c;--j-font:var(--font-body-family,Arial,sans-serif);font:400 15px/1.5 var(--j-font)!important;color:var(--j-text)!important;color-scheme:dark;letter-spacing:0}#gccv-chatbot[data-ui=v4] *,#gccv-chatbot[data-ui=v4] *:before,#gccv-chatbot[data-ui=v4] *:after{box-sizing:border-box}#gccv-chatbot[data-ui=v4] button,#gccv-chatbot[data-ui=v4] a,#gccv-chatbot[data-ui=v4] input{font-family:var(--j-font);-webkit-tap-highlight-color:transparent}#gccv-chatbot[data-ui=v4] button{cursor:pointer}#gccv-chatbot[data-ui=v4] svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body #gccv-chatbot[data-ui=v4] [data-open]{position:fixed;right:20px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:10000;display:flex;align-items:center;gap:12px;min-height:66px;max-width:calc(100vw - 32px);padding:10px 16px 10px 10px;background:linear-gradient(135deg,#36353c,#222228)!important;background-image:linear-gradient(135deg,#36353c,#222228)!important;border:1px solid #ffb76d70;border-radius:22px;color:var(--j-text)!important;font:600 16px/1.25 var(--j-font)!important;box-shadow:0 12px 40px #0005,0 0 24px #f3871c12;transition:transform .2s,box-shadow .2s;text-align:left}body #gccv-chatbot[data-ui=v4] [data-open]:before{display:none}#gccv-chatbot[data-ui=v4] [data-open]:hover{transform:translateY(-3px);box-shadow:0 16px 44px #0006,0 0 28px #f3871c30}#gccv-chatbot[data-ui=v4] .j-launch-copy strong{display:block;font-size:16px;font-weight:700;color:#fff}#gccv-chatbot[data-ui=v4] .j-launch-copy small{display:block;font-size:11px;font-weight:400;color:var(--j-muted);margin-top:4px}#gccv-chatbot[data-ui=v4] .j-launch-arrow{color:var(--j-orange);margin-left:4px}#gccv-chatbot[data-ui=v4] .j-avatar{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:16px;background:radial-gradient(circle at 30% 20%,#ffc47b,#f3871c 70%);color:#251e19;font:800 26px/1 var(--j-font);border:1px solid #ffd2a275;box-shadow:inset 0 1px #fff5,0 0 20px #f3871c20;isolation:isolate}#gccv-chatbot[data-ui=v4] .j-avatar:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid #f3871c30;border-top-color:#f3871c85;border-radius:19px;transform:rotate(-8deg);pointer-events:none}body #gccv-chatbot[data-ui=v4] dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;width:min(460px,calc(100vw - 32px));height:min(790px,calc(100dvh - 32px));max-width:100%;max-height:calc(100dvh - 32px);margin:auto;padding:0;background:var(--j-surface)!important;color:var(--j-text)!important;border:1px solid #f7b56b50;border-radius:26px;overflow:hidden;box-shadow:0 36px 120px #0008,0 0 0 1px #ffffff06;text-align:left}#gccv-chatbot[data-ui=v4] dialog[open]{display:flex;animation:josh-panel-in .23s ease-out}#gccv-chatbot[data-ui=v4] dialog::backdrop{background:#121216b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body #gccv-chatbot[data-ui=v4] .gccv-header{display:flex;align-items:center;gap:14px;flex:none;position:relative;padding:20px 20px 16px;background:radial-gradient(ellipse at 10% 0%,#f3871c14,transparent 70%),linear-gradient(#333239,#292930)!important;background-image:radial-gradient(ellipse at 10% 0%,#f3871c14,transparent 70%),linear-gradient(#333239,#292930)!important;border-bottom:1px solid var(--j-line);color:var(--j-text)!important}#gccv-chatbot[data-ui=v4] .j-identity{flex:1;min-width:0}#gccv-chatbot[data-ui=v4] .j-brand{display:block;font-size:9px;line-height:1.3;letter-spacing:1.6px;color:#cdc7c2;font-weight:600;margin-bottom:4px}body #gccv-chatbot[data-ui=v4] .gccv-header strong{display:inline;font:700 23px/1.1 var(--j-font);letter-spacing:-.5px;color:#fff}#gccv-chatbot[data-ui=v4] .j-mode-pill{display:inline-block;vertical-align:middle;margin-left:8px;border:1px solid #f3871c30;border-radius:20px;padding:3px 7px;font-size:9px;line-height:1.3;font-weight:600;color:#ffb568;background:#f3871c0b}body #gccv-chatbot[data-ui=v4] [data-mode]{display:block;margin-top:5px;font:400 11px/1.4 var(--j-font);color:var(--j-muted);letter-spacing:0;overflow-wrap:anywhere}#gccv-chatbot[data-ui=v4] [data-close]{display:grid;place-items:center;width:44px;height:44px;flex:none;align-self:center;padding:0;border:1px solid var(--j-line);border-radius:14px;background:#ffffff05;color:#cfccd5}#gccv-chatbot[data-ui=v4] [data-close]:hover{color:#fff;background:#ffffff10}body #gccv-chatbot[data-ui=v4] .gccv-human{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 18px;background:#29292f!important;color:var(--j-text)!important;border-bottom:1px solid var(--j-line);flex:none}body #gccv-chatbot[data-ui=v4] .gccv-human a,body #gccv-chatbot[data-ui=v4] .gccv-human button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:12px;padding:8px 10px;font:600 12px/1.3 var(--j-font);text-decoration:none!important;box-shadow:none!important;transition:background .18s,border-color .18s}body #gccv-chatbot[data-ui=v4] .gccv-human a{color:#ffb66f!important;background:#f3871c0c!important;background-image:none!important;border:1px solid #f3871c45}body #gccv-chatbot[data-ui=v4] .gccv-human button{color:#e4e1e8!important;background:#ffffff04!important;border:1px solid #ffffff20}#gccv-chatbot[data-ui=v4] .gccv-human svg{width:16px;height:16px}#gccv-chatbot[data-ui=v4] .j-scroll{position:relative;min-height:80px;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;scroll-padding:16px;background:radial-gradient(ellipse at 100% 0%,#f3871c08,transparent 50%),#24242a}body #gccv-chatbot[data-ui=v4] [data-body]{position:relative;padding:20px;min-height:0;overflow:visible;background:transparent!important;background-image:none!important;color:var(--j-text)!important}#gccv-chatbot[data-ui=v4] .j-welcome{position:relative;padding:2px 0 0;margin-bottom:10px}#gccv-chatbot[data-ui=v4] .j-welcome:after{content:"";position:absolute;right:-5px;top:-3px;width:80px;height:80px;background:radial-gradient(#ffbc7820 1px,transparent 1.5px);background-size:10px 10px;-webkit-mask-image:linear-gradient(to left,#000,transparent);mask-image:linear-gradient(to left,#000,transparent);pointer-events:none}#gccv-chatbot[data-ui=v4] .j-kicker{font:600 9px/1.5 var(--j-font);color:#b2a79d;letter-spacing:1.8px;margin:0 0 8px}#gccv-chatbot[data-ui=v4] .j-welcome h2{font:700 32px/1.08 var(--j-font)!important;letter-spacing:-1.2px!important;color:#faf9fb!important;margin:0!important;text-align:left!important}#gccv-chatbot[data-ui=v4] .j-welcome h2 span{color:#ffac57}body #gccv-chatbot[data-ui=v4] .gccv-question{font:500 15px/1.6 var(--j-font)!important;letter-spacing:0;color:#f1eff4!important;text-align:left;margin:0 0 16px;padding:15px 16px;background:#ffffff06;border:1px solid #ffffff10;border-radius:4px 16px 16px;overflow-wrap:anywhere}body #gccv-chatbot[data-ui=v4][data-state=home] .gccv-question{font-size:13px!important;color:#c7c3cd!important;border:0;background:transparent;padding:0;margin-bottom:18px}#gccv-chatbot[data-ui=v4] .j-speaker{font-size:9px;letter-spacing:1.5px;color:#c6b4a2;font-weight:600;margin:0 0 7px}body #gccv-chatbot[data-ui=v4] .gccv-note{font:400 13px/1.6 var(--j-font)!important;background:#f3871c09!important;background-image:none!important;border:1px solid #f3871c22;border-left:2px solid var(--j-orange);border-radius:0 12px 12px 0;padding:12px 14px;margin:0 0 14px;color:#e5ded8!important;box-shadow:none!important;white-space:pre-line;overflow-wrap:anywhere}#gccv-chatbot[data-ui=v4] .gccv-choices{display:grid;grid-template-columns:1fr;gap:8px;margin:0}#gccv-chatbot[data-ui=v4][data-state=home] .gccv-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body #gccv-chatbot[data-ui=v4] .gccv-choice{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:50px;padding:12px 14px;border:1px solid #ffffff1d;background:linear-gradient(145deg,#36363eaa,#2c2c33)!important;background-image:linear-gradient(145deg,#36363eaa,#2c2c33)!important;color:#f3f1f6!important;border-radius:13px;font:500 14px/1.45 var(--j-font)!important;text-align:left;box-shadow:inset 0 1px #ffffff04!important;transition:border-color .18s,transform .18s,background .18s;overflow-wrap:anywhere}body #gccv-chatbot[data-ui=v4] .gccv-choice:after{display:none}body #gccv-chatbot[data-ui=v4] .gccv-choice:hover{background:#3d3630!important;background-image:none!important;color:#fff!important;border-color:#f3871c90;transform:translateY(-1px)}#gccv-chatbot[data-ui=v4] .j-choice-arrow{margin-left:auto;width:14px;height:14px;color:#8d8793}#gccv-chatbot[data-ui=v4] .j-tile-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:9px;color:#ffb268;background:#f3871c10;border:1px solid #f3871c18}#gccv-chatbot[data-ui=v4] .j-tile-icon svg{width:18px;height:18px}#gccv-chatbot[data-ui=v4] .j-tile-text{display:block;min-width:0}#gccv-chatbot[data-ui=v4] .j-tile-text strong{display:block;color:inherit;font:600 12px/1.4 var(--j-font)}#gccv-chatbot[data-ui=v4] .j-tile-text small{display:block;color:#ada8b5;font:400 10px/1.45 var(--j-font);margin-top:4px}#gccv-chatbot[data-ui=v4][data-state=home] .gccv-choice{align-items:flex-start;flex-direction:column;gap:10px;padding:13px;min-height:106px}#gccv-chatbot[data-ui=v4][data-state=home] .j-choice-arrow{position:absolute;right:11px;top:18px}#gccv-chatbot[data-ui=v4] .gccv-links{display:grid;gap:7px;margin-top:16px}body #gccv-chatbot[data-ui=v4] .gccv-link{display:flex;align-items:center;gap:8px;min-height:44px;font:500 12px/1.5 var(--j-font);padding:10px 12px;border:1px solid #ffffff10;border-radius:11px;background:#ffffff03!important;background-image:none!important;color:#ffc080!important;text-decoration:none!important;box-shadow:none!important;overflow-wrap:anywhere}#gccv-chatbot[data-ui=v4] .gccv-link svg{width:14px;height:14px;margin-left:auto}#gccv-chatbot[data-ui=v4] .j-prompts{display:flex;flex-wrap:wrap;gap:7px;padding-top:16px;margin-top:16px;border-top:1px solid var(--j-line)}#gccv-chatbot[data-ui=v4] .j-prompts button{font:500 11px/1.4 var(--j-font);min-height:44px;padding:9px 12px;border:1px solid #ffffff18;border-radius:24px;color:#d7d2dd;background:transparent}#gccv-chatbot[data-ui=v4] .j-prompts button:hover{border-color:#f3871c90;color:#ffc080}#gccv-chatbot[data-ui=v4] .j-context{font:400 10px/1.5 var(--j-font);color:#aca6b4;padding-top:14px;margin:0}body #gccv-chatbot[data-ui=v4] [data-controls]{padding:12px 18px 8px;background:#2b2b32!important;color:var(--j-text)!important;border-top:1px solid #ffffff18;flex:none;max-height:45%;overflow-y:auto}body #gccv-chatbot[data-ui=v4] .gccv-input-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px;align-items:center;padding:6px;margin:0;border:1px solid #ffffff25;background:#202026;border-radius:16px;box-shadow:0 6px 20px #0001}#gccv-chatbot[data-ui=v4] .gccv-input-row:focus-within{border-color:#f3871cb0;box-shadow:0 0 0 3px #f3871c0d}body #gccv-chatbot[data-ui=v4] .gccv-input-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body #gccv-chatbot[data-ui=v4] input{width:100%;min-width:0;height:44px;padding:9px 8px;background:transparent!important;border:0!important;border-radius:9px;font:400 16px/1.45 var(--j-font)!important;color:#faf8fb!important;box-shadow:none!important;outline:none}body #gccv-chatbot[data-ui=v4] input::placeholder{font-size:13px;color:#aaa4b1;opacity:1}body #gccv-chatbot[data-ui=v4] .gccv-next{display:grid;place-items:center;min-height:44px;width:44px;padding:0;border:1px solid #ffb667;border-radius:11px;background:linear-gradient(135deg,#ffb166,#f3871c)!important;background-image:linear-gradient(135deg,#ffb166,#f3871c)!important;color:#251c16!important;box-shadow:0 4px 14px #f3871c18!important}#gccv-chatbot[data-ui=v4] .j-composer-note{font:400 10px/1.45 var(--j-font);text-align:center;color:#aaa4b0;margin:8px 0 0}body #gccv-chatbot[data-ui=v4] .gccv-footer{display:flex;justify-content:space-between;align-items:center;gap:5px;flex:none;padding:3px 18px calc(8px + env(safe-area-inset-bottom));background:#2b2b32!important;color:var(--j-muted)!important;border-top:0}body #gccv-chatbot[data-ui=v4] .gccv-footer button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px;border:0;border-radius:10px;background:transparent;color:#b6b0bf!important;font:500 11px/1.4 var(--j-font)}#gccv-chatbot[data-ui=v4] .gccv-footer svg{width:14px;height:14px}#gccv-chatbot[data-ui=v4] button:disabled{opacity:.4;cursor:default;transform:none!important}body #gccv-chatbot[data-ui=v4] .gccv-summary{padding:15px;background:#ffffff04!important;border:1px solid #ffffff1d;border-radius:14px;font:400 12px/1.7 var(--j-font);color:#e7e1ed!important;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-shadow:none!important;margin:0 0 15px}body #gccv-chatbot[data-ui=v4] .gccv-disclosure{font:400 12px/1.6 var(--j-font);color:#bcb4c4!important}#gccv-chatbot[data-ui=v4] .j-progress{display:none;flex:none;padding:13px 20px 12px;background:#26262d;border-bottom:1px solid #ffffff10}#gccv-chatbot[data-ui=v4] .j-progress.is-active{display:block}#gccv-chatbot[data-ui=v4] .j-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c9c1d0;font:500 10px/1.5 var(--j-font)}#gccv-chatbot[data-ui=v4] [data-stage-name]{color:#ffc080}#gccv-chatbot[data-ui=v4] .j-progress-bars{display:flex;gap:5px;margin-top:8px}#gccv-chatbot[data-ui=v4] .j-progress-bars span{display:block;flex:1;height:3px;border-radius:3px;background:#ffffff12}#gccv-chatbot[data-ui=v4] .j-progress-bars span.is-active{background:linear-gradient(90deg,#ed8826,#ffbc75)}#gccv-chatbot[data-ui=v4] [data-transcript]:empty{display:none}#gccv-chatbot[data-ui=v4] [data-transcript]{padding:20px 20px 0}#gccv-chatbot[data-ui=v4] .j-message{font:400 12px/1.6 var(--j-font);max-width:90%;padding:11px 13px;border:1px solid #ffffff12;border-radius:4px 14px 14px;background:#ffffff04;color:#c9c3d1;margin:0 0 12px;overflow-wrap:anywhere;white-space:pre-line}#gccv-chatbot[data-ui=v4] .j-message--user{margin-left:auto;border-radius:14px 4px 14px 14px;background:#f3871c13;border-color:#f3871c33;color:#f7dfc6;max-width:85%}#gccv-chatbot[data-ui=v4] .j-message small{display:block;font-size:8px;letter-spacing:1.5px;color:#a99daf;margin-bottom:4px}#gccv-chatbot[data-ui=v4] .j-message--user small{color:#eab781}#gccv-chatbot[data-ui=v4] .gccv-native-form{display:none}#gccv-chatbot[data-ui=v4] :is(a,button,input,textarea):focus-visible{outline:2px solid #ffc27b!important;outline-offset:3px!important}body #gccv-chatbot[data-ui=v4] .gccv-choice.j-primary-choice{border-color:#ffb36b!important;background:#f3871c!important;color:#261b11!important;font-weight:700!important}@keyframes josh-panel-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:560px){body #gccv-chatbot[data-ui=v4] dialog{width:100vw;max-width:100vw;height:var(--josh-visible-height,100dvh);max-height:var(--josh-visible-height,100dvh);inset:var(--josh-visible-top,0px) 0 auto;margin:0;border:0;border-radius:0}body #gccv-chatbot[data-ui=v4] .gccv-header{padding:calc(16px + env(safe-area-inset-top)) 18px 14px}body #gccv-chatbot[data-ui=v4] [data-open]{right:14px;bottom:calc(18px + env(safe-area-inset-bottom))}#gccv-chatbot[data-ui=v4] .j-avatar{width:42px;height:42px;font-size:25px;border-radius:14px}#gccv-chatbot[data-ui=v4] .j-avatar:after{border-radius:17px}#gccv-chatbot[data-ui=v4] .j-brand{font-size:8px;letter-spacing:1.4px}body #gccv-chatbot[data-ui=v4] [data-body]{padding:20px 18px}#gccv-chatbot[data-ui=v4] [data-transcript]{padding:18px 18px 0}#gccv-chatbot[data-ui=v4][data-state=home] .gccv-choice{min-height:101px;padding:12px;gap:8px}}@media(max-width:350px){#gccv-chatbot[data-ui=v4] .j-mode-pill{display:none}#gccv-chatbot[data-ui=v4] .j-tile-text strong{font-size:11px}}@media(prefers-reduced-motion:reduce){#gccv-chatbot[data-ui=v4] *,#gccv-chatbot[data-ui=v4] *:before,#gccv-chatbot[data-ui=v4] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/gccv-josh-ui.css.map */