@charset "UTF-8";
/* Notebook shares the catalogue's listing components, without navigation filters. */
.notepad-page{display:flex;flex-direction:column;min-height:100vh}
.notepad-page .catalog-columns{display:block;flex:1}
.notepad-page main{padding-bottom:28px}
.notepad-page .site-search button{border-radius:0 4px 4px 0}
.notepad-page .breadcrumb-bar{margin-bottom:18px}
.notepad-page .breadcrumbs span{color:var(--ink)}
.notepad-page .breadcrumbs span::before{content:"/";margin:0 6px;color:#647181}
.notepad-page .catalog-heading{margin-bottom:8px}
.notepad-intro{margin:0 0 18px;color:#39495e;font-size:14px}
.notepad-notice,.notepad-shared{margin:0 0 14px;padding:12px 14px;background:#edf5fa;color:#24354b;font-size:14px}
.notepad-toolbar{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;height:auto;min-height:54px;margin-top:0;padding:8px 0 12px;gap:8px 10px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
.notepad-toolbar form{display:flex;align-items:center}
.notepad-toolbar #notepad-clear{grid-column:3;justify-self:end}
.notepad-toolbar button{min-height:38px;padding:7px 14px;font-size:14px}
#share-notepad{width:180px;background:var(--green);border-color:var(--green);color:#fff}
#share-notepad:disabled{opacity:.65;cursor:wait}
#notepad-clear button{background:#fff;color:var(--red);border-color:var(--red)}
#share-status,#share-manual{margin:8px 0 12px;font-size:13px}
#share-status{color:#205b3e}
#share-status.is-error{color:var(--red)}
#share-manual{display:flex;align-items:center;gap:10px}
#share-manual input{flex:1;min-width:0;padding:6px 9px;font-size:13px}
#notepad-list-status.is-error{margin:12px 0;padding:10px 12px;border:1px solid #e6b7b7;background:#fff5f5;color:#9e1b22;font-size:14px}
.notepad-confirm{width:min(440px,calc(100% - 32px));max-width:none;padding:24px;border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 60px rgba(22,34,51,.24);color:var(--ink)}
.notepad-confirm::backdrop{background:rgba(17,29,45,.52)}
.notepad-confirm h2{margin:0 0 10px;font-size:21px;line-height:1.3}
.notepad-confirm p{margin:0;color:#39495e;font-size:15px;line-height:1.5}
.notepad-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}
.notepad-confirm-actions button{min-height:42px;padding:8px 14px;font-size:14px}
#notepad-clear-accept{background:var(--red);border-color:var(--red);color:#fff}
.notepad-page .listing-item{grid-template-columns:44px 120px 92px minmax(0,1fr) 28px 122px}
.notepad-page .listing-item.is-removing{height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;border-top-width:0!important;border-bottom-width:0!important;opacity:0;transform:translateY(-6px);pointer-events:none;transition:height .22s cubic-bezier(.22,1,.36,1),padding-top .22s cubic-bezier(.22,1,.36,1),padding-bottom .22s cubic-bezier(.22,1,.36,1),border-width .22s cubic-bezier(.22,1,.36,1),opacity .14s ease-out,transform .22s cubic-bezier(.22,1,.36,1)}
.notepad-page.is-shared .note-button{opacity:.55}
.notepad-page .empty-results{padding:34px 18px;color:#39495e;background:#f6f9fb}
.notepad-page .pagination{margin-top:18px}
@media (max-width:600px), (max-width:1024px) and (max-height:600px) and (orientation:landscape){
  .notepad-page .catalog-heading{display:flex;align-items:baseline;flex-wrap:wrap}
  .notepad-page .catalog-heading h1{width:100%}
  .notepad-page .notepad-intro{margin-bottom:10px}
  .notepad-page .notepad-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 0 12px;gap:8px;background:none}
  .notepad-page .notepad-toolbar #notepad-clear{grid-column:2;width:100%}
  .notepad-page .notepad-toolbar button{width:100%;min-height:56px;padding-inline:5px}
  .notepad-page #share-notepad{width:100%}
  .notepad-page #share-manual{display:block}
  .notepad-page #share-manual input{display:block;width:100%;margin-top:6px}
  .notepad-page .listing-item,.notepad-page .listing-item:has(.listing-photo img),.notepad-page .listing-item:has(.store-link){grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto}
  .notepad-page .notepad-shared{margin-top:12px}
}
@media (prefers-reduced-motion:reduce){
  .notepad-page .listing-item.is-removing{transition:none;transform:none}
}