/* Pick your Fabisms: picker, review, preview, checkout. Builds on style.css (same black star field, Tinos italic, Inter). */
.pk-body{--hud:112px;--navh:58px;background:#000}
.pk-nav{gap:14px}
.pk-nav .nav__brand img{width:70px}
.pk-nav__title{margin:0 auto 0 4px;font:600 11px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#cfcfcf}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* HUD */
.pk-hud{position:fixed;left:0;right:0;top:var(--navh);z-index:40;background:rgba(0,0,0,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:8px var(--pad) 8px}
.pk-hud__row{display:flex;align-items:center;gap:10px;max-width:var(--wrap);margin:0 auto}
.pk-hud__row--tools{margin-top:8px;justify-content:space-between}
.pk-ring{position:relative;width:52px;height:52px;flex:none;border:0;background:none;padding:0;color:#fff;cursor:pointer}
.pk-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.pk-ring circle{fill:none;stroke-width:3}
.pk-ring__bg{stroke:rgba(255,255,255,.16)}
.pk-ring__fg{stroke:#fff;stroke-linecap:round;stroke-dasharray:119.38;stroke-dashoffset:119.38;transition:stroke-dashoffset .45s cubic-bezier(.3,.7,.3,1)}
.pk-ring__n{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1}
.pk-ring__n b{font:italic 400 19px/1 var(--serif)}
.pk-ring__n small{font:500 8px/1 var(--sans);letter-spacing:.08em;color:var(--mute);margin-top:2px}
.pk-ring.is-full .pk-ring__fg{stroke:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}
.pk-hud__mid{flex:1;min-width:0}
.pk-hud__label{margin:0 0 6px;font:italic 400 15px/1.2 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-bar{height:2px;background:rgba(255,255,255,.14)}
.pk-bar i{display:block;height:100%;width:0;background:#fff;transition:width .45s}
.pk-auto{padding:11px 12px;font-size:10px;letter-spacing:.12em;max-width:13em;line-height:1.25}
.pk-revbtn{padding:11px 14px;font-size:10px;letter-spacing:.14em}
.pk-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-width:0}
.pk-filters::-webkit-scrollbar{display:none}
.pk-filters button,.pk-view button{flex:none;font:500 11px/1 var(--sans);letter-spacing:.06em;color:#ddd;background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 12px;cursor:pointer;white-space:nowrap}
.pk-filters button[aria-checked=true],.pk-view button[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}
.pk-view{display:none;gap:6px;flex:none}
@media(min-width:700px){.pk-view{display:flex}.pk[data-view=reel] .rl__media{height:min(calc(100% - 64px),720px)}.pk[data-view=reel] .rl__cap{max-width:405px}.pk[data-view=grid] .rl{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(min-width:900px){.pk-view{display:flex}.pk-auto{max-width:none}.pk-hud__label{font-size:17px}.pk-body{--hud:118px;--navh:64px}.pk-nav .nav__brand img{width:84px}}
@media(max-width:420px){.pk-auto{max-width:9.5em;padding:9px 10px;font-size:9px}}

/* list: reel (one per screen, scroll-snap) */
.pk{padding-top:calc(var(--navh) + var(--hud))}
.pk-hint{margin:0;padding:10px var(--pad) 0;text-align:center;font:italic 400 14px/1.4 var(--serif);color:#bdbdbd}
.rl{list-style:none;margin:0;padding:0}
.pk[data-view=reel] .rl{height:calc(100svh - var(--navh) - var(--hud) - 30px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none}
.pk[data-view=reel] .rl::-webkit-scrollbar{display:none}
.pk[data-view=reel] .rl__it{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:10px 0 14px}
.rl__card{position:relative;margin:0;height:100%;display:flex;flex-direction:column;align-items:center}
.rl__media{position:relative;height:calc(100% - 64px);aspect-ratio:9/16;max-width:calc(100vw - 24px);border:1px solid var(--line);background:#000 url(img/stars_bg.jpg) center/cover;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.rl__media img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.rl__text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12%;font:italic 400 clamp(20px,5vw,30px)/1.25 var(--serif)}
.rl__text span{display:block}.rl__text .p{margin-top:1.2em;font-size:.82em}
.rl__media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 0 #fff;transition:box-shadow .25s;pointer-events:none}
.is-picked .rl__media::after{box-shadow:inset 0 0 0 3px #fff}
.rl__cap{width:100%;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:10px;margin-top:10px;min-height:52px}
.rl__meta{flex:1;min-width:0}
.rl__q{margin:0;font:italic 400 15px/1.3 var(--serif);color:#eee;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rl__desc{margin:4px 0 0;font:400 12px/1.4 var(--sans);color:#9a9a9a;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rl__desc[hidden]{display:none}
.pk[data-view=grid] .rl__desc{-webkit-line-clamp:3}
.rl__tag{margin:3px 0 0;font:600 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.heart{flex:none;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .15s,background .2s,opacity .2s}
.heart svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.heart[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}
.heart[aria-pressed=true] svg{fill:currentColor}
.heart:active{transform:scale(.9)}
.heart[aria-disabled=true]{opacity:.3;cursor:not-allowed}
.pop{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;fill:#fff;pointer-events:none;animation:pop .7s ease-out forwards;filter:drop-shadow(0 0 12px rgba(255,255,255,.7))}
@keyframes pop{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.15);opacity:1}60%{transform:scale(1);opacity:1}100%{transform:scale(1.25);opacity:0}}
.rl__no{position:absolute;top:10px;left:10px;font:600 10px/1 var(--sans);letter-spacing:.16em;color:#ddd;background:rgba(0,0,0,.55);padding:6px 8px}
.rl__chk{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:#fff;color:#000;display:none;place-items:center;font:700 14px/1 var(--sans)}
.is-picked .rl__chk{display:grid}

/* grid view (desktop toggle) */
.pk[data-view=grid] .rl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;max-width:var(--wrap);margin:0 auto;padding:18px var(--pad) 80px}
.pk[data-view=grid] .rl__media{height:auto;width:100%;max-width:none}
.pk[data-view=grid] .rl__cap{max-width:none;min-height:0}
.pk[data-view=grid] .heart{width:42px;height:42px}
.pk[data-view=grid] .heart svg{width:20px;height:20px}
.pk[data-view=grid] .rl__q{font-size:14px}
.pk[data-view=grid] .pk-hint{display:none}
.pk-empty{text-align:center;color:var(--mute);font:italic 400 18px/1.4 var(--serif);padding:60px 20px}
@media(min-width:900px){.pk[data-view=reel] .rl__cap{max-width:min(440px,calc((100svh - 260px)*9/16))}}

/* celebration + toast */
.pk-burst{position:fixed;inset:0;z-index:400;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.pk-burst.on{opacity:1}
.pk-burst canvas{position:absolute;inset:0;width:100%;height:100%}
.pk-burst__line{position:relative;margin:0 20px;padding:22px 28px;text-align:center;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.35);font:italic 400 clamp(22px,4.6vw,34px)/1.25 var(--serif);max-width:520px;text-wrap:balance;box-shadow:0 0 60px rgba(255,255,255,.12)}
.pk-burst__line b{display:block;font:600 11px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:#cfcfcf;margin-bottom:12px}
.pk-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);z-index:410;background:#fff;color:#000;font:500 14px/1.35 var(--sans);padding:12px 18px;max-width:calc(100vw - 32px);text-align:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.pk-toast.on{opacity:1;transform:translate(-50%,0)}

/* review */
.pk-review{position:fixed;inset:0;z-index:300;overflow-y:auto;padding:24px var(--pad) 60px}
.pk-review[hidden]{display:none}
.pk-review__in{max-width:var(--wrap);margin:0 auto;position:relative}
.pk-review__h{font-size:clamp(34px,6vw,64px);margin-bottom:10px}
.pk-x{position:absolute;top:-8px;right:-6px;background:none;border:0;color:#fff;font:300 42px/1 var(--sans);cursor:pointer;padding:4px 10px}
.pk-rev-grid{display:grid;gap:28px;margin-top:20px}
@media(min-width:900px){.pk-rev-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.pk-side{position:sticky;top:20px}}
.pk-order{list-style:none;margin:0;padding:0;counter-reset:o}
.pk-order li{display:flex;align-items:center;gap:10px;padding:8px 8px;border:1px solid var(--line);border-bottom:0;background:rgba(0,0,0,.72);touch-action:pan-y}
.pk-order li:last-child{border-bottom:1px solid var(--line)}
.pk-order li.drag{opacity:.35}
.pk-order li.ghost{position:fixed;z-index:500;pointer-events:none;box-shadow:0 20px 40px rgba(0,0,0,.8);border:1px solid #fff;opacity:.95}
.pk-order .n{width:2.2em;text-align:right;font:600 11px/1 var(--sans);color:var(--mute);flex:none}
.pk-order img{width:36px;height:48px;object-fit:cover;flex:none;border:1px solid var(--line)}
.pk-order .t{flex:1;min-width:0;font:italic 400 15px/1.3 var(--serif)}
.pk-order .t small{display:block;font:500 10px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-style:normal}
.pk-order button{flex:none;width:34px;height:34px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer;font:400 16px/1 var(--sans);display:grid;place-items:center}
.pk-order button:hover{background:#fff;color:#000}
.pk-order .grip{cursor:grab;touch-action:none;border-color:transparent;font-size:18px;color:#aaa}
.pk-side{display:flex;flex-direction:column;gap:12px}
.pk-ded{border:1px solid var(--line);background:rgba(0,0,0,.72);padding:20px;display:flex;flex-direction:column;gap:12px}
.pk-ded__h{font:italic 400 28px/1.1 var(--serif);margin:0}
.pk-ded__s{font-size:13px}
.pk-ded label{display:flex;flex-direction:column;gap:6px;font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#cfcfcf;position:relative}
.pk-ded input,.pk-ded textarea,.co input,.co select{font:italic 400 18px/1.3 var(--serif);color:#fff;background:#000;border:1px solid rgba(255,255,255,.35);padding:11px 12px;border-radius:0;width:100%}
.pk-ded textarea{resize:vertical;min-height:90px}
.pk-ded input:focus,.pk-ded textarea:focus,.co input:focus,.co select:focus{outline:2px solid #fff;outline-offset:1px}
.pk-ded__cnt{position:absolute;right:6px;bottom:6px;font:500 10px/1 var(--sans);letter-spacing:.04em;color:#777}
.pk-ded__page{aspect-ratio:2/3;width:min(100%,220px);margin:6px auto 0;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:22% 10% 10%;text-align:center;font:italic 400 14px/1.3 var(--serif);background-position:30% 40%;background-size:260% auto}
.pk-ded__page i{font-style:normal;font-size:8px;margin-bottom:16%}
.pk-ded__page small{display:block;font-size:9px;color:#bbb;margin-top:8%}
.pk-ded__page b{display:block;font-weight:400;font-size:16px;min-height:1.3em}
.pk-ded__page p{margin:10% 0 0;font-size:10px;line-height:1.45;color:#ddd;overflow:hidden;max-height:7.5em}
.pk-wide{width:100%}
.btn[disabled]{opacity:.35;cursor:not-allowed}
.pk-note{margin:0;min-height:1.2em;font:500 13px/1.4 var(--sans);color:#ffd7d7}
.pk-note.ok{color:#d9ffd9}
.pk-small{margin:0;font:500 11px/1.5 var(--sans);letter-spacing:.04em;color:var(--mute);text-align:center}

/* preview flip book: same look as the site's Look Inside */
.pk-fb{z-index:350}
.pk-fb .fb__face{background:#000 url(img/stars_bg.jpg) 40% 30%/300% auto}
.pk-fb .fb__face img{object-fit:contain}
.pk-pg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12%;font:italic 400 calc(var(--pw)*.05)/1.3 var(--serif)}
.pk-pg h3{font:italic 400 calc(var(--pw)*.13)/1 var(--serif);margin:0 0 .2em}
.pk-pg small{font-size:.75em;color:#bbb}
.pk-pg .lab{font-size:.7em;color:#bbb;margin-top:1.2em}
.pk-pg .nm{font-size:1.3em;min-height:1.3em}
.pk-pg .msg{margin-top:1.6em;font-size:.8em;color:#ddd}
.pk-pgno{position:absolute;bottom:4.5%;left:0;right:0;text-align:center;font:400 calc(var(--pw)*.025)/1 var(--serif);color:#999;z-index:3}
.pk-fb__note{max-width:520px;padding:0 16px}

/* checkout */
.co-wrap{padding:calc(var(--navh) + 30px) var(--pad) 80px;max-width:1080px;margin:0 auto}
.co-grid{display:grid;gap:28px}
@media(min-width:900px){.co-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.co-sum{position:sticky;top:90px}}
.co{display:flex;flex-direction:column;gap:14px}
.co fieldset{border:1px solid var(--line);background:rgba(0,0,0,.72);padding:18px;margin:0;display:grid;gap:12px}
.co legend{font:italic 400 24px/1 var(--serif);padding:0 8px}
.co label{display:flex;flex-direction:column;gap:6px;font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#cfcfcf}
.co .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.co .three{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
@media(max-width:560px){.co .three{grid-template-columns:1fr 1fr}.co .three label:first-child{grid-column:1/-1}}
.co select{font-style:normal;font-family:var(--sans);font-size:15px;appearance:auto}
.co input{font-style:normal;font-family:var(--sans);font-size:16px}
.ship{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.28);cursor:pointer;text-transform:none!important;letter-spacing:0!important;font:400 15px/1.35 var(--sans)!important;color:#eee!important;flex-direction:row!important}
.ship input{width:auto;accent-color:#fff}
.ship b{font-weight:600}.ship span{flex:1}.ship small{display:block;color:var(--mute);font-size:12px}
.ship:has(input:checked){border-color:#fff;background:rgba(255,255,255,.06)}
.pay{border:1px dashed rgba(255,255,255,.45)!important}
.pay p{margin:0;color:#ddd;font-size:14px}
.pay .ph{font:600 10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#ffd27a}
.co-sum{border:1px solid var(--line);background:rgba(0,0,0,.78);padding:20px}
.co-sum h2{font:italic 400 26px/1.1 var(--serif);margin:0 0 14px}
.co-sum dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:14px 0;font-size:14px}
.co-sum dt{color:#cfcfcf}.co-sum dd{margin:0;text-align:right}
.co-sum .tot{border-top:1px solid var(--line);padding-top:10px;font:italic 400 22px/1 var(--serif);color:#fff}
.co-thumbs{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin:0 0 6px}
.co-thumbs img{width:100%;aspect-ratio:3/4;object-fit:cover}
.co-done{border:1px solid #fff;background:rgba(0,0,0,.8);padding:24px;text-align:center}
.co-done code{font-size:13px;background:#111;padding:2px 6px}
.co-done a{color:#fff}
@media(prefers-reduced-motion:reduce){.pop{animation:none;opacity:0}.pk-ring__fg,.pk-bar i{transition:none}}
/* narrow phones: let the count wrap to two short lines instead of truncating */
@media(max-width:600px){.pk-hud__label{white-space:normal;overflow:visible;text-overflow:clip;font-size:14px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
.pk-rev-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.pk-rev-grid{grid-template-columns:minmax(0,1fr) 380px}}
.pk-order .grip{touch-action:none}
.pk-body [hidden]{display:none!important}
.co-done .btn--solid,.co-done .btn--solid:hover{color:#000}

/* two paths at the top: (A) pick your own, (B) one tap for the most popular */
.pk-paths{max-width:var(--wrap);margin:0 auto;padding:16px var(--pad) 4px;text-align:center}
.pk-paths__lead{margin:0 0 12px;font:500 11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#bdbdbd}
.pk-paths__dot{display:inline-block;margin:0 .7em;color:#777;font-size:9px;vertical-align:1px}
.pk-paths__row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;max-width:820px;margin:0 auto}
.pk-paths__or{align-self:center;font:italic 400 15px/1 var(--serif);color:#8a8a8a}
.pk-path{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:118px;padding:18px 16px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.03);color:#fff;cursor:pointer;text-align:center;transition:border-color .2s,background .2s,transform .2s}
.pk-path:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.06)}
.pk-path:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pk-path b{font:italic 400 21px/1.2 var(--serif)}
.pk-path small{font:400 12px/1.45 var(--sans);color:#a9a9a9;max-width:26em}
.pk-path__ico{font-size:16px;line-height:1;color:#cfcfcf}
.pk-path--pop{border-color:rgba(255,255,255,.55);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.pk-path[aria-pressed=true]{border-color:#fff;background:rgba(255,255,255,.1)}
.pk-paths.is-chosen{padding-top:10px}
.pk-paths.is-chosen .pk-path{min-height:0;padding:11px 14px}
.pk-paths.is-chosen .pk-path small{display:none}
.pk-paths.is-chosen .pk-path b{font-size:17px}
.pk-popdone{max-width:640px;margin:14px auto 4px;padding:20px var(--pad) 22px;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.04)}
.pk-popdone__star{margin:0 0 4px;color:#cfcfcf}
.pk-popdone__h{margin:0 0 6px;font:italic 400 24px/1.25 var(--serif)}
.pk-popdone__s{margin:0 0 14px;font:400 13px/1.5 var(--sans);color:#bdbdbd}
.pk-popdone__row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.pk-en{margin-top:10px;color:#bdbdbd}
@media(max-width:600px){
  .pk-paths__row{grid-template-columns:1fr 1fr;gap:10px}
  .pk-paths__or{display:none}
  .pk-path{min-height:112px;padding:14px 10px}
  .pk-path b{font-size:17px}
  .pk-path small{font-size:11px}
  .pk-paths__lead{font-size:10px;letter-spacing:.1em}
  .pk-paths__dot{display:block;height:0;overflow:hidden;margin:0}
  .pk-paths__lead span[data-pk=book_size]{display:block;margin-top:2px}
}
/* closing signature in the book preview: subdued gray, no glow (Brian: not bright) */
.pk-sigdim{filter:grayscale(1) brightness(.62);opacity:.55}

/* Photos-style fast scroll scrubber (grid view) */
html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}
.pk-scrub{position:fixed;right:4px;top:calc(var(--navh) + var(--hud) + 12px);bottom:16px;width:30px;z-index:150;display:none;touch-action:none}
.pk[data-view=grid] ~ .pk-scrub,.pk-scrub.on{display:block}
.pk-scrub__thumb{position:absolute;right:4px;width:8px;height:56px;border-radius:6px;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.4);opacity:.35;transition:opacity .3s,width .15s}
.pk-scrub:hover .pk-scrub__thumb,.pk-scrub.drag .pk-scrub__thumb,.pk-scrub.live .pk-scrub__thumb{opacity:1}
.pk-scrub.drag .pk-scrub__thumb{width:12px}
.pk-scrub__tip{position:absolute;right:26px;transform:translateY(-50%);padding:6px 10px;border-radius:14px;background:rgba(20,20,20,.92);border:1px solid rgba(255,255,255,.3);font:600 11px/1 var(--sans);letter-spacing:.08em;color:#fff;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}
.pk-scrub.drag .pk-scrub__tip{opacity:1}
/* scrubber v2: always-visible track, counter shows while flicking */
.pk-scrub::before{content:"";position:absolute;right:7px;top:0;bottom:0;width:2px;border-radius:2px;background:rgba(255,255,255,.14)}
.pk-scrub__thumb{opacity:.6}
.pk-scrub.live .pk-scrub__tip,.pk-scrub.drag .pk-scrub__tip{opacity:1}
html{-webkit-overflow-scrolling:touch}