html:has(main.picker){scrollbar-gutter:stable}html:has(.picker-page .scrim:not([hidden])){overflow:hidden}.picker-page{background:var(--paper);color:var(--ink);flex-direction:column;flex:1;display:flex}.picker-page main:focus{outline:none}.picker-page .lbar{align-items:center;gap:16px;height:64px;padding:0 26px;display:flex;position:relative}.picker-page .lbar nav{align-items:center;gap:4px;margin-left:auto;display:flex}.picker-page .lnav{color:var(--ink-soft);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;text-decoration:none;display:inline-flex}.picker-page .lnav:hover{color:var(--ink);background:#1e23330d}main.picker{width:100%;max-width:1200px;margin:0 auto;padding:24px 40px 96px}.picker .intro{max-width:640px}.picker .intro p{color:var(--ink-soft);margin-top:12px}.picker .grid-wrap fieldset{border:0;min-width:0;margin:0;padding:0}.picker .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 16px;margin-top:40px;display:grid}.picker .grid-wrap .tpl-error{margin-top:16px}.picker .picker-empty{max-width:640px;margin-top:40px}.picker .tpl{--cover-w:160px;border-radius:16px;align-content:start;gap:14px;display:grid;position:relative}.picker .cardbtn{width:100%;font:inherit;color:var(--ink);text-align:inherit;cursor:pointer;background:0 0;border:0;border-radius:16px;margin:0;padding:0;display:block}.picker .cardbtn:after{content:"";border-radius:20px;position:absolute;inset:-8px}.picker .cardbtn:focus-visible{outline:none}.picker .tpl:has(.cardbtn:focus-visible){outline:2px solid var(--ink);outline-offset:8px}.picker fieldset:disabled .cardbtn{cursor:progress}.picker .tile{aspect-ratio:4/5;background:var(--tile);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.picker .tile .book{transition:transform .3s var(--ease);box-shadow:0 1px 2px #1e233329,0 18px 30px -20px #1e233373}.picker .tpl:hover .tile>.book,.picker .tpl:focus-within .tile>.book{transform:translateY(-4px)rotate(-.8deg)}.picker .use{opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);pointer-events:none;height:38px;padding:0 18px;font-size:14px;position:absolute;bottom:14px;left:50%;transform:translate(-50%,6px)}.picker .tpl:hover .use,.picker .tpl:focus-within .use{opacity:1;transform:translate(-50%)}.picker .tile.blank{box-shadow:inset 0 0 0 1px var(--rule);background:0 0}.picker .blankcover{aspect-ratio:148/210;width:52%;color:var(--ink-soft);border:1px dashed #c9bfae;border-radius:2px 5px 5px 2px;place-items:center;display:grid}.picker .blankcover .icon{width:26px;height:26px}.picker .tile.scene{background-color:var(--tile);isolation:isolate}.picker .tile.scene img.bg{object-fit:cover;z-index:-2;filter:saturate()brightness(1.04)contrast(.92);width:calc(100% + 24px);max-width:none;height:calc(100% + 24px);position:absolute;inset:-12px}.picker .tile.scene:before{content:"";z-index:-1;background:var(--cover);mix-blend-mode:color;opacity:.55;position:absolute;inset:0}.picker .tile.scene:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(58% 52% at 50% 46%,#f7f2ea8c 0%,#f7f2ea52 45%,#f7f2ea00 100%);position:absolute;inset:0}.picker .tile.scene.light:after{background:radial-gradient(58% 52% at 50% 46%,#1e233338 0%,#1e23331f 45%,#1e233300 100%)}.picker .tile.scene .book{box-shadow:0 0 0 .5px #1e23332e,0 3px 6px #1e233338,0 28px 44px -16px #1e23339e}.picker .meta h2{font:400 20px/26px var(--display);font-variation-settings:"SOFT" 100, "WONK" 1}.picker .meta p{color:var(--ink-soft);margin-top:2px;font-size:15px;line-height:22px}.picker .meta .spec{color:var(--ink-soft);margin-top:6px;font-size:12px;line-height:18px}.picker .peekbtn{z-index:1;height:34px;font:500 14px/1 var(--body);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-self:start;align-items:center;gap:6px;margin:-6px 0 0 -10px;padding:0 10px;text-decoration:none;display:inline-flex;position:relative}.picker .peekbtn:hover{background:#1e23330d}.picker .peekbtn .icon{width:16px;height:16px;color:var(--ink-soft)}.picker .foot{border-top:1px solid var(--rule);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:24px;margin-top:64px;padding-top:24px;font-size:14px;line-height:20px;display:flex}.picker .foot-links{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.picker-error{justify-items:start;gap:16px;display:grid}.picker-page .scrim{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f2ea99;width:100vw;position:fixed;inset:0 auto 0 0}.picker-page .scrim[hidden]{display:none}.picker-page .preview-host{display:contents}.picker-page .modal{background:var(--podium);color:var(--ink);border-radius:24px;position:absolute;inset:24px;overflow:hidden;box-shadow:0 0 0 .5px #1e23331f,0 40px 90px -40px #1e233380}.picker-page .preview-host .scrim{animation:pv-fade .22s var(--ease)}.picker-page .preview-host .modal{animation:pv-rise .26s var(--ease)}@keyframes pv-fade{0%{opacity:0}}@keyframes pv-rise{0%{transform:translateY(10px)scale(.985)}}@media (prefers-reduced-transparency:reduce){.picker-page .scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7f2eaf2}}.picker-page .mhead{z-index:3;background:color-mix(in srgb, var(--podium) 80%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:16px;height:76px;padding:0 16px 0 28px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 .5px #1e23331f}.picker-page .mhead .t{min-width:0}.picker-page .mhead h2{font:400 26px/30px var(--display);font-variation-settings:"SOFT" 100, "WONK" 1}.picker-page .mhead .t p{color:var(--ink-soft);font-size:14px;line-height:20px}.picker-page .mstijl{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:10px;margin-left:auto;font-size:13px;line-height:18px;display:flex}.picker-page .mstijl .chip{color:var(--ink);background:#ffffffb3;box-shadow:inset 0 0 0 .5px #d8cdb9}.picker-page .mhead .m-use{margin-left:12px;position:relative}.picker-page .mhead .m-use fieldset{border:0;min-width:0;margin:0;padding:0}.picker-page .mhead .tpl-error{width:max-content;max-width:min(320px,100vw - 32px);position:absolute;top:calc(100% + 8px);right:0}.picker-page .mhead .tpl-error:not(:empty){background:var(--paper);box-shadow:var(--shadow-pop);border-radius:10px;padding:8px 12px}.picker-page .mhead .icon-btn{width:40px;height:40px;color:var(--ink);border-radius:999px}.picker-page .mhead .icon-btn:hover{background:#1e233314}.picker-page .mscroll{scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:none;--mh:76px;--md:64px;--mg:32px;--pv-cover-w:min(460px, calc(559.37px * var(--pv-z)), calc(100cqw - 64px));position:absolute;inset:0;overflow-y:auto;container-type:inline-size}.picker-page .mscroll::-webkit-scrollbar{display:none}.picker-page .mscroll:focus-visible{outline-offset:-4px}@media (prefers-reduced-motion:reduce){.picker-page .mscroll{scroll-behavior:auto}}.picker-page .pv-pages{display:contents}.picker-page .ppage{height:100%;padding:calc(var(--mh) + 8px) 24px calc(var(--md) + var(--mg));scroll-snap-align:center;scroll-snap-stop:always;place-content:center;justify-items:center;gap:12px;display:grid}.picker-page .ppage .lbl{color:var(--ink-soft);align-items:baseline;gap:10px;font-size:13.5px;line-height:20px;display:flex}.picker-page .ppage .lbl b{color:var(--ink);font-weight:500}.picker-page .ppage .pv-zoom{zoom:var(--pv-z)}.picker-page .ppage .jb-pg.jb-mock{box-shadow:0 1px 2px #1e233324,0 22px 36px -24px #1e233380}.picker-page .ppage .book{box-shadow:0 1px 2px #1e233329,0 26px 44px -26px #1e233399}.picker-page .pv-state{height:100%;padding:calc(var(--mh) + 8px) 24px calc(var(--md) + var(--mg));text-align:center;place-content:center;justify-items:center;gap:12px;display:grid}.picker-page .pv-state [role=alert]:empty{display:none}.picker-page .pv-state [role=alert]{color:var(--danger);font-size:15px;line-height:22px}.picker-page .mdock{z-index:3;scrollbar-width:none;background:var(--dockbar);-webkit-backdrop-filter:blur(20px)saturate(1.1);backdrop-filter:blur(20px)saturate(1.1);border-radius:14px;gap:2px;max-width:calc(100% - 32px);padding:4px;display:flex;position:absolute;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:inset 0 0 0 .5px #f7f2ea2e,0 12px 30px -16px #1e233380}.picker-page .mdock:empty{display:none}.picker-page .mdock button{height:40px;font:400 16px/40px var(--display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--on-dock-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:none;align-items:baseline;gap:6px;padding:0 14px;display:inline-flex}.picker-page .mdock button:hover{color:#f7f2ea;background:#f7f2ea14}.picker-page .mdock button[aria-current=true]{background:var(--paper);color:var(--ink)}.picker-page .mdock button:focus-visible{outline-offset:2px;outline:2px solid #f7f2ea}@media (max-width:1000px){.picker .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:641px) and (max-width:1000px){.picker-page .mstijl>span:not(.chip){display:none}.picker-page .mhead .m-use{margin-left:0}}@media (max-width:640px){.picker-page .lbar{padding:0 16px}main.picker{padding:12px 16px 64px}.picker .grid{gap:32px 12px;margin-top:24px}.picker .tpl{--cover-w:112px}.picker .meta h2{font-size:18px;line-height:24px}.picker .meta p{font-size:14px;line-height:20px}.picker .use{display:none}.picker .foot{flex-direction:column;align-items:flex-start}.picker-page .modal{border-radius:0;inset:0}.picker-page .mhead{flex-wrap:wrap;gap:8px;height:auto;min-height:64px;padding:10px 8px 10px 16px}.picker-page .mhead h2{font-size:22px;line-height:28px}.picker-page .mhead .t p{display:none}.picker-page .mhead .mstijl{flex:100%;order:4;margin:0;display:flex}.picker-page .mhead .t{flex:1}.picker-page .mhead .m-use{flex:100%;order:3;margin:0}.picker-page .mhead .m-use .btn{width:100%;height:42px}.picker-page .mscroll{--mh:142px;--md:58px;--mg:58px}.picker-page .ppage,.picker-page .pv-state{align-content:safe center;padding-left:16px;padding-right:16px}.picker-page .mdock{max-width:none;bottom:10px;left:8px;right:8px;transform:none}}@media (max-height:479px){.picker-page .ppage .lbl{display:none}.picker-page .mscroll{--mg:8px}}@media (max-height:479px) and (max-width:640px){.picker-page .mhead{flex-wrap:nowrap}.picker-page .mhead .mstijl{display:none}.picker-page .mhead .m-use{flex:none;order:0}.picker-page .mhead .m-use .btn{width:auto;height:40px}.picker-page .mscroll{--mh:64px}}@media (pointer:coarse){.picker-page :is(.peekbtn,.lnav,.lbar .wordmark,.foot-links .link,.mdock button,.mhead .icon-btn,.mhead .m-use .btn){position:relative}.picker-page :is(.peekbtn,.lnav,.lbar .wordmark,.foot-links .link,.mdock button,.mhead .icon-btn,.mhead .m-use .btn):before{content:"";position:absolute;inset:min(0px,50% - 22px)}.picker .foot-links{gap:0 24px}.picker .foot-links .link{align-items:center;min-height:44px;display:inline-flex}.picker .foot-links .lang-switch{align-items:center;min-height:44px;display:flex}.picker .foot .lang{gap:10px}}