/* Home uses the exact catalog drawer without changing the illustrated storefront. */
body>header{z-index:50}
body>header .menu-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:40px;min-height:40px;padding:3px;background:none;border:0;color:var(--cream)}
body>header .menu-button .drawn-outline{display:none}
body>header .menu-button .control-doodle{width:30px;height:30px}
body>header .home-shelf-link{border:2px solid var(--ink);color:var(--ink);background:var(--yellow);gap:9px;min-height:40px}
:is(#shelf-drawer,#explore-dialog){--paper:#fff5e6;--yellow:#f6cb50;--brand-orange:#ed7747;--muted:#665c4d;--ink:#24221f;color:var(--ink);font-size:14px;line-height:1.5}
:is(#shelf-drawer,#explore-dialog) button{color:inherit;cursor:pointer}
:is(#shelf-drawer,#explore-dialog) [hidden],.explore-shade[hidden],#explore-dialog[hidden]{display:none!important}
#shelf-drawer .drawer-close{border:0;background:none}
#shelf-drawer .drawer-shop-link{display:grid;place-items:center;grid-column:3;grid-row:1;width:44px;height:44px;border:1.5px solid var(--ink);border-radius:12px 8px;font-size:24px;background:var(--yellow)}
#shelf-drawer .wordmark{display:block;line-height:0;letter-spacing:0}
#shelf-drawer .explore-tabs{grid-template-rows:none}
#shelf-drawer .drawer-language{font-family:'DM Sans','Microsoft YaHei',sans-serif}
#shelf-drawer .drawer-language select{font:14px 'DM Sans','Microsoft YaHei',sans-serif}
#shelf-drawer p,#shelf-drawer h2{margin:0}
@media(min-width:721px){body>header{gap:20px}body>header .wordmark{width:140px;flex-basis:140px}body>header .wordmark svg{max-height:52px}}
@media(max-width:720px){
 html.drawer-open{scrollbar-gutter:auto}
 body>header{grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:40px 30px;gap:2px 8px;height:84px;min-height:84px;padding:5px 4%}
 body>header .menu-button{grid-column:1;grid-row:1;width:34px;min-width:34px;height:38px;min-height:38px}
 body>header .wordmark{grid-column:2;grid-row:1;width:112px;justify-self:start}
 body>header .language-picker{grid-column:3;grid-row:1}
 body>header .home-shelf-link{grid-column:1/3;grid-row:2;min-height:30px;height:30px;justify-self:start;font-size:15px;padding:2px 8px}
 body>header .local-time{grid-column:3;grid-row:2;gap:4px}
 body>header .local-time small{font-size:8px}body>header .local-time b{font-size:11px}
}