body #yqig-trigger{position:fixed!important;right:18px;bottom:calc(160px + env(safe-area-inset-bottom,0px));display:flex!important;align-items:center;gap:10px;width:auto!important;height:auto!important;max-width:calc(100vw - 24px);padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:991;cursor:pointer;color:#171717!important;text-transform:none!important}
#yqig-trigger .yqig-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:15px;background:radial-gradient(circle at 30% 105%,#ffdb80 0%,#ffb43a 20%,#f56040 38%,#e1306c 57%,#c13584 70%,#833ab4 85%,#405de6 100%);box-shadow:0 3px 10px #0002;transform-origin:50% 0;animation:yqig-bell 8s ease-in-out infinite}
#yqig-trigger svg{width:40px!important;height:40px!important;display:block}
#yqig-trigger .yqig-hint{font:500 14px/1.25 'YQS Barlow',Arial,sans-serif!important;max-width:175px;background:#d5d5d3;color:#171717;padding:9px 12px;border:1px solid #bdbdbb;border-radius:8px;text-align:left}
@keyframes yqig-bell{0%,20%,100%{transform:rotate(0)}3%{transform:rotate(13deg)}6%{transform:rotate(-12deg)}9%{transform:rotate(9deg)}12%{transform:rotate(-7deg)}15%{transform:rotate(4deg)}18%{transform:rotate(-2deg)}}
body #yqig-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:30px 24px 20px;border:1px solid #aaa;background:#d5d5d3;color:#171717;border-radius:4px;margin:auto;overflow:auto;font:16px/1.45 'YQS Barlow',Arial,sans-serif;text-align:left}
#yqig-dialog:not([open]){display:none!important}#yqig-dialog::backdrop{background:#0009}
#yqig-dialog h2{font:700 30px/1.05 'YQUP Burn','YQS Condensed',sans-serif!important;margin:0 28px 18px 0;color:#171717}
#yqig-dialog p,#yqig-dialog li{font:400 15px/1.45 'YQS Barlow',Arial,sans-serif!important;color:#171717}
#yqig-dialog ul{padding-left:20px;margin:16px 0 22px}#yqig-dialog li{margin:9px 0}
#yqig-dialog .yqig-kicker{font-size:11px!important;letter-spacing:1px;margin:0 0 14px}
#yqig-dialog .yqig-close{position:absolute;top:6px;right:8px;width:40px;height:40px;padding:0;border:0;background:transparent;color:#171717;font:28px/40px Arial;cursor:pointer}
#yqig-dialog .yqig-cta{display:block;background:#b8fe00;color:#171717;border:0;padding:14px;text-align:center;text-decoration:none;font:600 16px/1.3 'YQS Barlow',Arial,sans-serif}
#yqig-dialog .yqig-handle{font-size:12px!important;text-align:center;overflow-wrap:anywhere;margin:14px 0 0}
#yqig-trigger:focus-visible,#yqig-dialog a:focus-visible,#yqig-dialog button:focus-visible{outline:2px solid #555;outline-offset:4px}
@media(max-width:600px){body #yqig-trigger{right:12px}.yqig-hint{max-width:150px!important}#yqig-trigger .yqig-icon{width:48px;height:48px;flex-basis:48px}}
@media(prefers-reduced-motion:reduce){#yqig-trigger .yqig-icon{animation:none!important}}

#yqig-dialog .yqig-cta{overflow-wrap:anywhere}

body.yqs-category #yqig-trigger,body.tax-product_cat #yqig-trigger{left:12px;right:auto}

/* Local Barlow, scoped to the reward dialog. */
@font-face{font-family:'YQIG Barlow';src:url('../fonts/base/817ef87815973287.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'YQIG Barlow';src:url('../fonts/base/2b0cf632a3ec4da7.woff2') format('woff2');font-weight:600;font-display:swap}
:is(html,#ig1#ig2#ig3#ig4#ig5#ig6#ig7#ig8#ig9) #yqig-dialog,
:is(html,#ig1#ig2#ig3#ig4#ig5#ig6#ig7#ig8#ig9) #yqig-dialog *{font-family:'YQIG Barlow',Arial,sans-serif!important}
body #yqig-dialog{width:min(410px,calc(100vw - 28px));padding:24px 22px 18px}
#yqig-dialog #yqig-video{display:block;width:100%;max-width:300px;aspect-ratio:16/9;height:auto;max-height:169px;object-fit:contain;background:#4b12b5;border-radius:6px;margin:0 auto 18px}
body #yqig-dialog h2{font-size:25px!important;line-height:1.15!important;font-weight:600!important;letter-spacing:-.4px!important}
body #yqig-dialog p,body #yqig-dialog li{font-size:14px!important}
body #yqig-dialog .yqig-cta{font-size:14px!important;font-weight:600!important}

/* Readable regular Barlow: no condensed or display type in this dialog. */
body #yqig-dialog h2{font-weight:400!important;font-size:24px!important;line-height:1.25!important;letter-spacing:0!important}
body #yqig-dialog p,body #yqig-dialog li{font-size:16px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important}
body #yqig-dialog .yqig-cta{font-size:15px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important}
body #yqig-dialog .yqig-kicker{font-size:12px!important}
body #yqig-dialog .yqig-handle{font-size:13px!important}

@media(max-width:600px){body #yqig-trigger{bottom:calc(154px + env(safe-area-inset-bottom,0px))}}
