/* PaperBoy bar. Pairs with paperboy-bar.js. The same bar as the main site's OneBar (site-grownup,
   src/components/OneBar.astro) and the approved ConvertBoy build, so moving from the site into a tool does not
   change it. Values are written out (not var(--ol-*)) so the bar looks the same in every tool, whatever the
   tool's own stylesheet defines. Text uses Instrument Sans when the tool hosts it, the wordmark Fraunces. */
#pb-bar{--pb-ground:#f7efe3;--pb-ink:#1b243a;--pb-ink2:#4a5063;--pb-cream:#fbf2e4;--pb-sheet:#fffaf2;--pb-line:rgba(27,36,58,.14);--pb-focus:#d9a441;--pb-ease:cubic-bezier(.2,.7,.2,1);--pb-shadow-1:0 1px 0 rgba(27,36,58,.06),0 10px 24px -14px rgba(27,36,58,.28);--pb-shadow-2:0 2px 0 rgba(27,36,58,.08),0 22px 40px -18px rgba(27,36,58,.38);--pb-text:'Instrument Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  position:sticky;top:0;z-index:60;display:block;background:var(--pb-ground);color:var(--pb-ink);border-bottom:1px solid var(--pb-line);font:500 15px/1 var(--pb-text);text-align:left;-webkit-font-smoothing:antialiased}
#pb-bar *,#pb-bar *::before,#pb-bar *::after{box-sizing:border-box}
#pb-bar a{color:inherit;text-decoration:none}
#pb-bar img{display:block;max-width:none;border:0}
#pb-bar button{-webkit-appearance:none;appearance:none;margin:0}
/* 59 + the 1px line = 60px, the shell's pinned bar height */
#pb-bar .pb-bar__in{height:59px;display:flex;align-items:center;gap:30px;padding:0 28px;margin:0;max-width:none}
#pb-bar .pb-bar__home{display:flex;align-items:center;gap:10px;font:600 20px/1 Fraunces,'Fraunces Fallback',Georgia,serif;letter-spacing:-.01em;color:var(--pb-ink);flex:none}
#pb-bar .pb-bar__home img{width:32px;height:32px}
#pb-bar .pb-bar__phone{display:none}
#pb-bar .pb-bar__tools{display:flex;gap:4px;min-width:0}
#pb-bar .pb-bar__tools a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;color:var(--pb-ink2);white-space:nowrap;transition:background 140ms var(--pb-ease),color 140ms}
#pb-bar .pb-bar__tools a:hover,#pb-bar .pb-bar__tools a:focus-visible{background:rgba(27,36,58,.06);color:var(--pb-ink)}
#pb-bar .pb-bar__tools img{width:20px;height:20px;filter:grayscale(1) brightness(.35);opacity:.6;transition:filter 140ms,opacity 140ms}
#pb-bar .pb-bar__tools a:hover img,#pb-bar .pb-bar__tools a:focus-visible img,#pb-bar .pb-bar__tools a[aria-current="page"] img{filter:none;opacity:1}
#pb-bar .pb-bar__tools a[aria-current="page"]{background:#fff;color:var(--pb-ink);box-shadow:0 1px 0 var(--pb-line),0 6px 14px -10px rgba(27,36,58,.4)}
/* names do not fit (set by fitTools in the bar script): badges only, except the current tool */
#pb-bar.pb-bar--tight .pb-bar__tools{gap:2px}#pb-bar.pb-bar--tight .pb-bar__tools a:not([aria-current="page"]){padding:8px}#pb-bar.pb-bar--tight .pb-bar__tools a:not([aria-current="page"]) span{display:none}#pb-bar.pb-bar--tight .pb-bar__tools a:not([aria-current="page"]) img{width:24px;height:24px}
#pb-bar .pb-bar__right{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}
#pb-bar .pb-bar__find,#pb-bar .pb-bar__account,#pb-bar .pb-bar__invite{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:9px;font:500 15px/1 var(--pb-text);color:var(--pb-ink2);background:none;border:0;cursor:pointer;white-space:nowrap}
#pb-bar .pb-bar__find:hover,#pb-bar .pb-bar__account:hover{background:rgba(27,36,58,.06);color:var(--pb-ink)}
#pb-bar .pb-bar__find[aria-expanded="true"]{background:rgba(27,36,58,.08);color:var(--pb-ink)}
#pb-bar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
/* the language toggle: one compact control, "EN | BS" (Arabic is a third option where a tool has it).
   With one language the slot stays, empty, so the bar does not shift between tools. */
#pb-bar .pb-bar__lang{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:84px;height:36px;padding:3px;border-radius:9px;background:rgba(27,36,58,.06)}
#pb-bar .pb-bar__lang--none{background:none}
#pb-bar .pb-bar__lang button{flex:1;height:30px;min-width:36px;padding:0 8px;border:0;border-radius:7px;background:none;font:600 13px/1 var(--pb-text);color:var(--pb-ink2);cursor:pointer}
#pb-bar .pb-bar__lang button:hover{color:var(--pb-ink)}
#pb-bar .pb-bar__lang button[aria-pressed="true"]{background:#fff;color:var(--pb-ink);box-shadow:0 1px 0 var(--pb-line),0 4px 10px -8px rgba(27,36,58,.5)}
#pb-bar .pb-bar__invite{color:var(--pb-ink);border:1px solid rgba(27,36,58,.3);padding:0 16px;margin-left:6px;transition:border-color 140ms}
#pb-bar .pb-bar__invite:hover{border-color:var(--pb-ink)}
#pb-bar .pb-bar__menu{display:none;margin-left:auto;width:48px;height:48px;place-items:center;background:none;border:0;padding:0;color:var(--pb-ink);cursor:pointer}
#pb-bar .pb-bar__menu svg{width:24px;height:24px}
#pb-bar a:focus-visible,#pb-bar button:focus-visible,#pb-bar input:focus-visible{outline:2px solid var(--pb-focus);outline-offset:2px}

/* tool search: a white card over a dimmed page */
#pb-bar .pb-find{position:absolute;left:0;right:0;top:100%;height:100vh;background:rgba(27,36,58,.28)}
#pb-bar .pb-find[hidden],#pb-bar .pb-sheet[hidden]{display:none}
#pb-bar .pb-find__in{max-width:640px;margin:18px auto 0;background:#fff;border-radius:18px;box-shadow:var(--pb-shadow-2);padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;animation:pb-rise 240ms var(--pb-ease) backwards}
@keyframes pb-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#pb-bar .pb-find input{height:52px;width:100%;min-width:0;margin:0;border:1px solid rgba(27,36,58,.25);border-radius:12px;padding:0 16px;font:400 17px var(--pb-text);color:var(--pb-ink);background:var(--pb-sheet);box-shadow:none}
#pb-bar .pb-find input:focus{outline:2px solid var(--pb-focus);outline-offset:1px}
#pb-bar .pb-find__close{height:52px;padding:0 16px;border-radius:12px;border:1px solid rgba(27,36,58,.3);background:none;font:500 15px var(--pb-text);color:var(--pb-ink);cursor:pointer}
#pb-bar .pb-find__list{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:60vh;overflow:auto}
#pb-bar .pb-find__list li{margin:0;padding:0}
#pb-bar .pb-find__list a{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;color:var(--pb-ink)}
#pb-bar .pb-find__list a:hover,#pb-bar .pb-find__list a.is-active{background:var(--pb-ground)}
#pb-bar .pb-find__list img{width:20px;height:20px}
#pb-bar .pb-find__list span{font:600 15px/1.25 var(--pb-text)}
#pb-bar .pb-find__list small{font:400 13px/1.3 var(--pb-text);color:var(--pb-ink2);text-align:end}
#pb-bar .pb-find__none{padding:12px;color:var(--pb-ink2);font-size:15px;line-height:1.3}

#pb-bar .pb-sheet{display:none}
/* quick switch: hold the name in the phone bar, every tool appears as a tile */
#pb-bar .pb-switch{position:fixed;left:0;right:0;top:56px;bottom:0;background:rgba(27,36,58,.28);z-index:2}
#pb-bar .pb-switch[hidden]{display:none}
#pb-bar .pb-switch__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px 18px;background:var(--pb-ground);border-radius:0 0 18px 18px;box-shadow:var(--pb-shadow-2);animation:pb-rise 240ms var(--pb-ease) backwards}
#pb-bar .pb-switch__in a{display:grid;justify-items:center;gap:8px;padding:14px 4px;background:#fff;border:1px solid var(--pb-line);border-radius:14px;font:600 13px/1.2 var(--pb-text);color:var(--pb-ink);box-shadow:var(--pb-shadow-1)}
#pb-bar .pb-switch__in a[aria-current="page"]{border-color:var(--pb-ink);box-shadow:inset 0 0 0 1px var(--pb-ink)}
#pb-bar .pb-switch__in img{width:44px;height:44px}
#pb-bar .pb-bar__phone{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}
#pb-bar .pb-bar__phone img{pointer-events:none;-webkit-user-drag:none}
/* 1099 px and narrower: the tool names no longer fit beside "Find a tool", so the badges stand alone (the name stays as the tooltip and the label) */
@media (max-width:1099px){#pb-bar .pb-bar__in{gap:18px}#pb-bar .pb-bar__tools{gap:2px}#pb-bar .pb-bar__tools a{padding:8px}#pb-bar .pb-bar__tools a span{display:none}#pb-bar .pb-bar__tools img{width:24px;height:24px}#pb-bar .pb-bar__home span,#pb-bar .pb-bar__find span{display:none}#pb-bar .pb-bar__find{padding:0 10px}}
/* breakpoints (look v12): 759 and below phone; 760 to 1099 compact (head, badges, search icon, language, Work with us);
   1100 and up the full bar.
   phone: its own bar (head, PaperBoy, menu); the menu sheet holds the search, the tools as a
   3-across grid of tiles, the site pages and Saradnja */
@media (max-width:759px){
  #pb-bar .pb-bar__tools,#pb-bar .pb-bar__right{display:none}
  #pb-bar{background:var(--pb-ink);border-bottom:0;color:var(--pb-cream)}
  #pb-bar .pb-bar__in{padding:0 6px 0 16px;height:56px}
  #pb-bar .pb-bar__home{display:none}
  #pb-bar .pb-bar__phone{display:flex;align-items:center;gap:12px;font:600 20px/1 Fraunces,'Fraunces Fallback',Georgia,serif;letter-spacing:-.01em;color:var(--pb-cream);min-width:0}
  #pb-bar .pb-bar__head{position:relative;flex:none;width:34px;height:34px}
  #pb-bar .pb-bar__head img{width:34px;height:34px}
  #pb-bar .pb-bar__head .pb-bar__badge{position:absolute;right:-7px;bottom:-5px;width:20px;height:20px}
  #pb-bar .pb-bar__menu{display:grid;color:var(--pb-cream)}
  #pb-bar .pb-sheet:not([hidden]){display:grid;gap:18px;position:absolute;left:0;right:0;top:100%;background:var(--pb-ground);color:var(--pb-ink);border-bottom:1px solid var(--pb-line);padding:16px 16px 22px;box-shadow:var(--pb-shadow-2);animation:pb-rise 240ms var(--pb-ease) backwards;max-height:calc(100vh - 56px);overflow:auto}
  #pb-bar .pb-sheet__search{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border:1px solid rgba(27,36,58,.25);border-radius:12px;background:#fff;font:500 16px var(--pb-text);color:var(--pb-ink2);cursor:pointer;text-align:start;width:100%}
  #pb-bar .pb-sheet__tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #pb-bar .pb-sheet__tools a{display:grid;justify-items:center;gap:8px;padding:14px 4px;background:#fff;border:1px solid var(--pb-line);border-radius:14px;font:600 13px/1.2 var(--pb-text);color:var(--pb-ink);box-shadow:var(--pb-shadow-1)}
  #pb-bar .pb-sheet__tools a[aria-current="page"]{border-color:var(--pb-ink);box-shadow:inset 0 0 0 1px var(--pb-ink)}
  #pb-bar .pb-sheet__tools img{width:40px;height:40px}
  #pb-bar .pb-sheet__own{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
  #pb-bar .pb-sheet__own a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px;border-radius:12px;border:1px solid rgba(27,36,58,.25);background:#fff;font:600 15px/1.2 var(--pb-text);color:var(--pb-ink);text-align:center}
  #pb-bar .pb-sheet__own a[aria-current="page"]{background:var(--pb-ink);border-color:var(--pb-ink);color:var(--pb-cream)}
  #pb-bar .pb-sheet__lang{display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(27,36,58,.06)}
  #pb-bar .pb-sheet__lang button{flex:1;height:44px;border:0;border-radius:9px;background:none;font:600 15px/1 var(--pb-text);color:var(--pb-ink2);cursor:pointer}
  #pb-bar .pb-sheet__lang button[aria-pressed="true"]{background:#fff;color:var(--pb-ink);box-shadow:0 1px 0 var(--pb-line),0 4px 10px -8px rgba(27,36,58,.5)}
  #pb-bar .pb-sheet__invite{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid rgba(27,36,58,.3);border-radius:12px;font:500 16px var(--pb-text);color:var(--pb-ink)}
  #pb-bar .pb-find{position:fixed;top:56px}
  #pb-bar .pb-find__in{margin:0;border-radius:0 0 18px 18px}
}
@media (prefers-reduced-motion:reduce){#pb-bar .pb-find__in,#pb-bar .pb-sheet:not([hidden]){animation:none}#pb-bar *{transition:none!important}}


/* TACTILE (look v14): press is fast and small, release is a soft spring. Transform and opacity only, so nothing
   around a pressed thing moves. The bar itself, the head and the text never move. */
#pb-bar{--pb-spring:cubic-bezier(.34,1.45,.64,1);--pb-press:80ms;--pb-release:320ms}
@supports (transition-timing-function:linear(0,1)){#pb-bar{--pb-spring:linear(0,.36 8%,.72 16%,.96 25%,1.06 34%,1.075 41%,1.05 50%,1.015 62%,.998 75%,1)}}
#pb-bar .pb-bar__tools a,#pb-bar .pb-bar__find,#pb-bar .pb-bar__invite,#pb-bar .pb-bar__account,#pb-bar .pb-bar__menu,#pb-bar .pb-find__close,#pb-bar .pb-find__list a,#pb-bar .pb-sheet__search,#pb-bar .pb-sheet__invite,#pb-bar .pb-sheet__own a,#pb-bar .pb-sheet__tools a,#pb-bar .pb-switch__in a{transition:transform var(--pb-release) var(--pb-spring),background-color 140ms var(--pb-ease),border-color 140ms var(--pb-ease),color 140ms var(--pb-ease),box-shadow 140ms var(--pb-ease)}
#pb-bar .pb-bar__tools a:active,#pb-bar .pb-bar__find:active,#pb-bar .pb-bar__invite:active,#pb-bar .pb-bar__account:active,#pb-bar .pb-bar__menu:active,#pb-bar .pb-find__close:active,#pb-bar .pb-sheet__search:active,#pb-bar .pb-sheet__invite:active,#pb-bar .pb-sheet__own a:active{transform:scale(.95);transition-duration:var(--pb-press);transition-timing-function:ease-out}
#pb-bar .pb-find__list a:active{transform:scale(.98);transition-duration:var(--pb-press);transition-timing-function:ease-out}
@media (hover:hover){#pb-bar .pb-sheet__tools a:hover,#pb-bar .pb-switch__in a:hover{transform:translateY(-2px)}}
#pb-bar .pb-sheet__tools a:active,#pb-bar .pb-switch__in a:active{transform:scale(.96);transition-duration:var(--pb-press);transition-timing-function:ease-out}
/* the language toggle: a thumb that slides with the spring; the track does not move */
#pb-bar .pb-bar__lang,#pb-bar .pb-sheet__lang{position:relative;isolation:isolate}
#pb-bar .pb-bar__lang:not(.pb-bar__lang--none)::before,#pb-bar .pb-sheet__lang::before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc((100% - 6px - (var(--pb-n) - 1)*2px)/var(--pb-n));border-radius:7px;background:#fff;box-shadow:0 1px 0 var(--pb-line),0 4px 10px -8px rgba(27,36,58,.5);transform:translateX(calc(var(--pb-i)*(100% + 2px)));transition:transform 280ms var(--pb-spring)}
#pb-bar .pb-sheet__lang::before{top:4px;bottom:4px;left:4px;width:calc((100% - 8px - (var(--pb-n) - 1)*4px)/var(--pb-n));border-radius:9px;transform:translateX(calc(var(--pb-i)*(100% + 4px)))}
#pb-bar .pb-bar__lang button,#pb-bar .pb-sheet__lang button{transition:color 140ms var(--pb-ease)}
#pb-bar .pb-bar__lang button[aria-pressed="true"],#pb-bar .pb-sheet__lang button[aria-pressed="true"]{background:none;box-shadow:none}
/* things arriving: the phone menu, the quick switch and the search card settle with the spring; closing is plain */
@keyframes pb-drop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
#pb-bar .pb-sheet:not([hidden]),#pb-bar .pb-switch__in{animation:pb-drop 380ms var(--pb-spring) backwards}
#pb-bar .pb-find__in{animation:pb-rise 320ms var(--pb-spring) backwards}
@media (prefers-reduced-motion:reduce){
  #pb-bar *,#pb-bar *::before{transition:opacity 140ms linear !important;animation:none !important}
  #pb-bar a:active,#pb-bar button:active{transform:none !important;opacity:.8}
  #pb-bar .pb-sheet__tools a:hover,#pb-bar .pb-switch__in a:hover{transform:none}
}


/* look v16: a keyboard press (Enter, Space) looks like a click; lists carry the tool badge at 20px */
#pb-bar .pb-bar__tools a.is-pressed,#pb-bar .pb-bar__find.is-pressed,#pb-bar .pb-bar__invite.is-pressed,#pb-bar .pb-bar__account.is-pressed,#pb-bar .pb-bar__menu.is-pressed,#pb-bar .pb-find__close.is-pressed,#pb-bar .pb-sheet__search.is-pressed,#pb-bar .pb-sheet__invite.is-pressed,#pb-bar .pb-sheet__own a.is-pressed{transform:scale(.95);transition-duration:var(--pb-press);transition-timing-function:ease-out}
#pb-bar .pb-find__list a.is-pressed{transform:scale(.98);transition-duration:var(--pb-press);transition-timing-function:ease-out}
#pb-bar .pb-sheet__tools a.is-pressed,#pb-bar .pb-switch__in a.is-pressed{transform:scale(.96);transition-duration:var(--pb-press);transition-timing-function:ease-out}
@media (prefers-reduced-motion:reduce){#pb-bar .is-pressed{transform:none !important;opacity:.8}}


/* THE PICKER (look v17): the one dropdown. Built by PaperBoyBar.picker(select); the native select stays as the
   form value but is never shown. Values are written out so it looks the same in every tool.
   A tool may restyle the trigger to match its fields with --pb-pick-h, --pb-pick-radius, --pb-pick-bg,
   --pb-pick-font, or by passing className. */
.pb-pick-native{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;opacity:0 !important;pointer-events:none !important}
.pb-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;height:var(--pb-pick-h,44px);padding:0 12px;margin:0;border:1px solid rgba(27,36,58,.25);border-radius:var(--pb-pick-radius,8px);background:var(--pb-pick-bg,#fffaf2);font:var(--pb-pick-font,400 15px/1.2 'Instrument Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);color:#1b243a;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;box-sizing:border-box;transition:border-color 140ms cubic-bezier(.2,.7,.2,1)}
.pb-pick:hover{border-color:rgba(27,36,58,.45)}
.pb-pick[aria-expanded="true"]{border-color:#1b243a}
.pb-pick:focus-visible{outline:2px solid #d9a441;outline-offset:2px}
.pb-pick:disabled{opacity:.55;cursor:default}
/* the value keeps a full line box (line-height and a little padding), so a restyled, larger trigger does not clip g, j, p, y */
.pb-pick__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35;padding-block:.12em}
.pb-pick__chev{flex:none;width:16px;height:16px;fill:none;stroke:#4a5063;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform 220ms cubic-bezier(.34,1.45,.64,1)}
.pb-pick[aria-expanded="true"] .pb-pick__chev{transform:rotate(180deg)}
.pb-pick-scrim{display:none}
.pb-pick-menu{position:fixed;z-index:var(--pb-pick-z,2147483000);box-sizing:border-box;max-height:min(360px,60vh);display:flex;flex-direction:column;background:#fff;color:#1b243a;border-radius:14px;padding:6px;box-shadow:0 0 0 1px rgba(27,36,58,.14),0 24px 48px -18px rgba(27,36,58,.55);font:500 15px/1 'Instrument Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:0;transform:scale(.96);transform-origin:top left;pointer-events:none;transition:opacity 140ms cubic-bezier(.2,.7,.2,1),transform 220ms cubic-bezier(.34,1.45,.64,1)}
.pb-pick-menu[hidden],.pb-pick-scrim[hidden]{display:none}
.pb-pick-menu.is-open{opacity:1;transform:none;pointer-events:auto}
.pb-pick-menu.is-up{transform-origin:bottom left}
.pb-pick-menu *{box-sizing:border-box}
.pb-pick-menu__list{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0}
.pb-pick-menu__group{position:sticky;top:0;z-index:1;background:#fff;padding:10px 12px 4px;font:600 12px/1.2 'Instrument Sans',system-ui,sans-serif;color:#4a5063}
.pb-pick-menu__row{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 12px;border-radius:9px;font:500 15px/1.25 'Instrument Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1b243a;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color 140ms cubic-bezier(.2,.7,.2,1),transform 320ms cubic-bezier(.34,1.45,.64,1)}
.pb-pick-menu__row[hidden],.pb-pick-menu__group[hidden]{display:none}
.pb-pick-menu__row.is-active{background:#f7efe3}
.pb-pick-menu__row:active{transform:scale(.98);transition-duration:80ms;transition-timing-function:ease-out}
.pb-pick-menu__row[aria-selected="true"]{font-weight:600}
.pb-pick-menu__row[aria-selected="true"]::after{content:"";flex:none;margin-left:auto;width:14px;height:8px;border-left:2.5px solid #c8321f;border-bottom:2.5px solid #c8321f;transform:rotate(-45deg) translateY(-2px)}
.pb-pick-menu__row[aria-disabled="true"]{color:rgba(27,36,58,.4);cursor:default}
.pb-pick-menu__search{flex:none;width:100%;height:40px;margin:0 0 4px;padding:0 12px;border:1px solid rgba(27,36,58,.2);border-radius:9px;background:#fffaf2;font:400 15px 'Instrument Sans',system-ui,sans-serif;color:#1b243a}
.pb-pick-menu__search:focus-visible{outline:2px solid #d9a441;outline-offset:1px}
/* phone: always a bottom sheet with a scrim, never a floating menu */
@media (max-width:759px){
  .pb-pick-scrim{display:block;position:fixed;inset:0;z-index:calc(var(--pb-pick-z,2147483000) - 1);background:rgba(27,36,58,.4);opacity:0;transition:opacity 240ms cubic-bezier(.2,.7,.2,1)}
  .pb-pick-scrim.is-open{opacity:1}
  /* a closing scrim is already out of the way: the tap that follows reaches the page (look v18) */
  .pb-pick-scrim:not(.is-open){pointer-events:none}
  .pb-pick-menu{left:0 !important;right:0;top:auto !important;bottom:0;min-width:0 !important;max-width:none !important;max-height:70vh;border-radius:22px 22px 0 0;padding:14px 12px calc(18px + env(safe-area-inset-bottom,0px));opacity:1;transform:translateY(105%);transition:transform 240ms cubic-bezier(.2,.7,.2,1)}
  .pb-pick-menu.is-open{transform:none;transition:transform 380ms cubic-bezier(.34,1.45,.64,1)}
  .pb-pick-menu::before{content:"";flex:none;display:block;width:44px;height:5px;border-radius:3px;background:rgba(27,36,58,.2);margin:0 auto 12px}
  .pb-pick-menu__row{min-height:52px;font-size:17px;border-radius:12px}
  .pb-pick-menu__group{font-size:13px}
  .pb-pick-menu__search{height:48px;font-size:17px}
  .pb-pick-scrim{touch-action:none}
  .pb-pick-menu{overscroll-behavior:contain}
}
@media (prefers-reduced-motion:reduce){
  .pb-pick-menu,.pb-pick-menu.is-open,.pb-pick-scrim,.pb-pick-menu__row,.pb-pick__chev{transition:opacity 140ms linear !important}
  .pb-pick-menu{transform:none !important}
  .pb-pick-menu:not(.is-open){opacity:0}
  .pb-pick-menu__row:active{transform:none;opacity:.8}
}
@media print{#pb-bar,.pb-pick-menu,.pb-pick-scrim{display:none}}