.ppm-page button.ppm-note{-webkit-appearance:none;appearance:none;background:none;border:0;padding:4px 0;margin:0;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--pp-radius-sm)}.ppm-page button.ppm-note:focus-visible .ppm-note__acc{transform:scaleX(1)}.ppm-page button.ppm-note:focus-visible .ppm-note__name{color:var(--ppm-accent-hover)}.ppm-tier__notes>li{list-style:none}.ppm-pyr-tl__img-wrap[data-pp-note]{cursor:pointer}.ppm-pyr-tl__note{-webkit-appearance:none;appearance:none;background:none;border:0;padding:2px 0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--ppm-accent-line);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color var(--pp-dur-2),text-decoration-color var(--pp-dur-2)}.ppm-pyr-tl__note:hover,.ppm-pyr-tl__note:focus-visible{color:var(--ppm-accent-hover);text-decoration-color:currentColor}.ppm-note-hint{font-family:var(--pp-font-body);font-size:var(--ppm-fs-prose-sm);font-style:italic;line-height:var(--pp-lh-body);letter-spacing:var(--ppm-tracking-prose);color:var(--pp-on-dark-soft);margin:10px auto 0;max-width:44ch;text-align:center}.ppm-note-hint[hidden]{display:none}html.ppn-lock{overflow:hidden}.ppn{margin:0 0 0 auto;padding:0;border:0;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;background:var(--pp-ink-soft);color:var(--pp-on-dark);border-left:1px solid var(--ppm-accent-line);box-shadow:-24px 0 60px #00000073;overflow:hidden}.ppn::backdrop{background:#0807069e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ppn[open] .ppn__sheet{animation:ppnIn .45s var(--pp-ease-out) both}@keyframes ppnIn{0%{transform:translate(32px);opacity:0}to{transform:none;opacity:1}}.ppn__sheet{display:flex;flex-direction:column;height:100%}.ppn__head{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:16px;padding:28px 24px 20px;border-bottom:1px solid var(--ppm-line);background:radial-gradient(ellipse 90% 120% at 0% 0%,var(--ppm-accent-glow) 0%,transparent 70%)}.ppn__icon{width:56px;height:56px;border-radius:50%;overflow:hidden;border:1px solid var(--ppm-accent-line);background:var(--pp-ink);box-shadow:0 3px 12px #00000040}.ppn__icon img{display:block;width:100%;height:100%;object-fit:cover}.ppn__icon:has(img[hidden]){display:none}.ppn__heading{min-width:0}.ppn__eyebrow{font-family:var(--pp-font-ui);font-size:var(--ppm-fs-label);font-weight:500;letter-spacing:var(--pp-tracking-overline);text-transform:uppercase;color:var(--ppm-accent-text);margin:2px 0 6px}.ppn__title{font-family:var(--pp-font-display);font-style:italic;font-weight:400;font-size:var(--ppm-fs-subhead);line-height:var(--pp-lh-tight);word-spacing:.05em;color:var(--pp-on-dark);margin:0;overflow-wrap:anywhere}.ppn__count{font-family:var(--pp-font-body);font-size:var(--ppm-fs-prose-sm);line-height:var(--pp-lh-body);color:var(--pp-on-dark-soft);margin:4px 0 0}.ppn__count:empty{display:none}.ppn__close{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:44px;height:44px;margin:-8px -10px 0 0;padding:0;background:none;border:1px solid transparent;border-radius:50%;color:var(--pp-on-dark);cursor:pointer;transition:border-color var(--pp-dur-2),color var(--pp-dur-2)}.ppn__close:hover{border-color:var(--ppm-line-strong);color:var(--ppm-accent-hover)}.ppm-page .ppn .ppn__close:focus-visible{border-radius:50%}.ppn__title:focus{outline:none}.ppn__body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 0 24px}.ppn__list{list-style:none;margin:0;padding:0}.ppn__row+.ppn__row{border-top:1px solid var(--ppm-line)}.ppn__item{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:14px 24px;color:inherit;text-decoration:none;transition:background-color var(--pp-dur-2)}.ppn__item:hover{background:var(--ppm-accent-glow)}.ppm-page .ppn .ppn__item:focus-visible{outline-offset:-3px}.ppn__item:hover .ppn__name{color:var(--ppm-accent-hover)}.ppn__thumb{width:72px;height:72px;border-radius:var(--pp-radius-sm);overflow:hidden;background:var(--pp-ink);border:1px solid var(--ppm-line)}.ppn__thumb img{display:block;width:100%;height:100%;object-fit:cover}.ppn__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ppn__vendor{font-family:var(--pp-font-ui);font-size:var(--ppm-fs-meta);font-weight:500;letter-spacing:var(--pp-tracking-wide);text-transform:uppercase;color:var(--ppm-accent-text)}.ppn__name{font-family:var(--pp-font-display);font-style:italic;font-size:calc(var(--ppm-fs-subhead) * .78);line-height:var(--pp-lh-tight);word-spacing:.05em;color:var(--pp-on-dark);transition:color var(--pp-dur-2)}.ppn__where,.ppn__price{font-family:var(--pp-font-body);font-size:var(--ppm-fs-prose-sm);line-height:1.45;color:var(--pp-on-dark-soft)}.ppn__where{font-style:italic}.ppn__price{color:var(--pp-on-dark);margin-top:2px;font-variant-numeric:tabular-nums}.ppn__price.is-out .ppn__amount{text-decoration:line-through;color:var(--pp-on-dark-soft)}.ppn__out{margin-left:.5em;color:var(--pp-on-dark-soft)}.ppn__state{padding:24px}.ppn__msg{font-family:var(--pp-font-body);font-size:var(--ppm-fs-prose-sm);line-height:var(--pp-lh-body);color:var(--pp-on-dark-soft);margin:0;max-width:40ch}.ppn__state.is-empty .ppn__msg,.ppn__state.is-error .ppn__msg{font-style:italic}.ppn__skeleton{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}.ppn__skeleton li{height:72px;border-radius:var(--pp-radius-sm);background:linear-gradient(90deg,var(--ppm-line) 0%,var(--ppm-accent-glow) 50%,var(--ppm-line) 100%);background-size:200% 100%;animation:ppnShimmer 1.4s ease-in-out infinite}@keyframes ppnShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ppn__retry{-webkit-appearance:none;appearance:none;margin-top:16px;min-height:44px;padding:0 22px;font-family:var(--pp-font-ui);font-size:var(--ppm-fs-control);font-weight:500;letter-spacing:var(--pp-tracking-wide);text-transform:uppercase;color:var(--pp-on-dark);background:none;border:1px solid var(--ppm-line-control);border-radius:var(--pp-radius-pill);cursor:pointer}.ppn__retry:hover{border-color:var(--ppm-accent-text);color:var(--ppm-accent-hover)}@media(max-width:699px){.ppn{margin:auto 0 0;width:100vw;height:min(88dvh,100dvh);max-height:88dvh;border-left:0;border-top:1px solid var(--ppm-accent-line);border-radius:var(--pp-radius-lg) var(--pp-radius-lg) 0 0;box-shadow:0 -24px 60px #00000073}.ppn[open] .ppn__sheet{animation-name:ppnUp}@keyframes ppnUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.ppn__head{padding:22px 16px 16px;gap:12px}.ppn__icon{width:48px;height:48px}.ppn__item{padding:12px 16px;grid-template-columns:64px 1fr;gap:14px}.ppn__thumb{width:64px;height:64px}.ppn__state{padding:20px 16px}}[data-theme=light] .ppn{box-shadow:-24px 0 60px #1a161429}[data-theme=light] .ppn::backdrop{background:#1a161461}@media(prefers-reduced-motion:reduce){.ppn[open] .ppn__sheet,.ppn__skeleton li{animation:none}.ppn__item,.ppn__name,.ppn__close,.ppm-pyr-tl__note{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/pp-note-panel.css.map */