/* target outline blocker */ .ft-no-outline{outline:none!important; box-shadow:none!important}
#ft-mask{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.35);z-index:2147483001;pointer-events:auto;transition:opacity .35s ease, top .08s ease, left .08s ease, width .08s ease, height .08s ease}
#ft-tip{--ft-tip-bg:rgba(255,255,255,0.08);--ft-tip-color:#fff;--ft-title-color:#fff;--ft-btn-bg:rgba(37,99,235,1);--ft-btn-color:#fff;--ft-close-bg:rgba(0,0,0,.33);--ft-close-color:#fff;--ft-progress-bg:rgba(255,255,255,.2);--ft-progress-fill:rgba(255,255,255,.75);position:absolute;z-index:2147483002;background:var(--ft-tip-bg);color:var(--ft-tip-color);border:1px solid rgba(255,255,255,.28);border-radius:20px;isolation:isolate;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.25);min-width:300px;max-width:380px;padding:12px 14px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.16))}
#ft-tip[dir="rtl"]{direction:rtl;text-align:right}
#ft-tip .ft-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#ft-tip .ft-title{font-weight:800;letter-spacing:.2px;font-size:15px;text-shadow:0 1px 1px rgba(0,0,0,.25);color:var(--ft-title-color)}
#ft-tip .ft-text{font-size:13px;line-height:1.55;opacity:.95;margin-bottom:12px}
#ft-tip .ft-actions{display:flex;align-items:center;gap:10px}
#ft-tip .ft-back,#ft-tip .ft-next,#ft-tip .ft-close{border-radius:12px;padding:8px 14px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:var(--ft-btn-bg);color:var(--ft-btn-color);backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);transition:transform .06s ease, box-shadow .2s ease, background .2s ease; outline:none; box-shadow:none;-webkit-tap-highlight-color:transparent}
#ft-tip .ft-back:focus,#ft-tip .ft-next:focus,#ft-tip .ft-close:focus{outline:none!important; box-shadow:none!important}
#ft-tip .ft-back:hover,#ft-tip .ft-next:hover,#ft-tip .ft-close:hover{transform:translateY(-1px); box-shadow:0 8px 22px rgba(0,0,0,.18)}
#ft-tip .ft-progress{position:relative;flex:1;height:8px;border-radius:10px;overflow:hidden;background:var(--ft-progress-bg);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%)}
#ft-tip .ft-progress-fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--ft-progress-fill);transition:width .25s ease}
#ft-tip .ft-arrow{position:absolute;width:16px;height:16px;pointer-events:none;opacity:.99}
#ft-tip .ft-arrow.triangle::before{content:'';position:absolute;inset:0;width:0;height:0;border:8px solid transparent}
#ft-tip .ft-arrow.triangle{filter:drop-shadow(0 3px 10px rgba(0,0,0,.14))}
#ft-tip .ft-arrow.triangle[data-pos="bottom"]::before{border-top-color:var(--ft-tip-bg);top:-1px}
#ft-tip .ft-arrow.triangle[data-pos="top"]::before{border-bottom-color:var(--ft-tip-bg);bottom:-1px}
#ft-tip .ft-arrow.triangle[data-pos="left"]::before{border-right-color:var(--ft-tip-bg);right:-1px}
#ft-tip .ft-arrow.triangle[data-pos="right"]::before{border-left-color:var(--ft-tip-bg);left:-1px}
#ft-tip .ft-arrow.triangle::after{content:'';position:absolute;inset:0;width:0;height:0;border:9px solid transparent}
#ft-tip .ft-arrow.triangle[data-pos="bottom"]::after{border-top-color:rgba(255,255,255,.28);top:-2px}
#ft-tip .ft-arrow.triangle[data-pos="top"]::after{border-bottom-color:rgba(255,255,255,.28);bottom:-2px}
#ft-tip .ft-arrow.triangle[data-pos="left"]::after{border-right-color:rgba(255,255,255,.28);right:-2px}
#ft-tip .ft-arrow.triangle[data-pos="right"]::after{border-left-color:rgba(255,255,255,.28);left:-2px}
#ft-tip .ft-arrow.notch{width:14px;height:14px;transform:rotate(45deg); background:var(--ft-tip-bg);border:1px solid rgba(255,255,255,.28); border-right:none; border-bottom:none; backdrop-filter:inherit; -webkit-backdrop-filter:inherit; filter:drop-shadow(0 3px 10px rgba(0,0,0,.14))}
#ft-tip .ft-arrow.diamond{width:14px;height:14px;transform:rotate(45deg); background:var(--ft-tip-bg);border:1px solid rgba(255,255,255,.28); backdrop-filter:inherit; -webkit-backdrop-filter:inherit; box-shadow: inset 0 1px 0 rgba(255,255,255,.25); filter:drop-shadow(0 3px 10px rgba(0,0,0,.14))}
#ft-fab{position:fixed;right:16px;bottom:16px;z-index:2147483003;padding:10px 14px;border-radius:12px;border:1px solid #e3e3e3;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);cursor:pointer;-webkit-tap-highlight-color:transparent}