.pt-note{--pt-note-ink: #111;--pt-note-red: #b40c1c;--pt-note-dark: #161616;--pt-note-panel: #f7f7f7;--pt-note-text: #3d3d3d;--pt-note-muted: #666;--pt-note-focus: #1a73e8;--pt-note-btn-radius: var(--btn-border-radius, 25px);--pt-note-x: 24px;--pt-note-y: 24px;--pt-note-lift: 0px;--pt-note-bottom: max(var(--pt-note-y), var(--pt-note-lift));font-family:var(--body-font-family, inherit);color:var(--pt-note-ink)}.pt-note[hidden],pt-notes.is-held{display:none!important}.pt-note__teaser-wrap,.pt-note__card{position:fixed;z-index:20;bottom:var(--pt-note-bottom);left:var(--pt-note-x);visibility:hidden;opacity:0;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}.pt-note--right .pt-note__teaser-wrap,.pt-note--right .pt-note__card{right:var(--pt-note-x);left:auto}.pt-note__teaser-wrap{display:inline-block;transform:translateY(10px) scale(.96);transform-origin:bottom left}.pt-note--right .pt-note__teaser-wrap{transform-origin:bottom right}.pt-note__card{transform:translateY(18px)}.pt-note.is-teaser .pt-note__teaser-wrap,.pt-note.is-open .pt-note__card{visibility:visible;opacity:1;transform:none;transition-delay:0s}.pt-note.is-teaser.is-yielding .pt-note__teaser-wrap{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}.pt-note__svg{display:block;flex:none}.pt-note button:focus-visible,.pt-note a:focus-visible{outline:2px solid var(--pt-note-focus);outline-offset:2px}.pt-note__teaser{display:inline-flex;align-items:center;gap:10px;min-height:48px;max-width:290px;margin:0;padding:6px 20px 6px 6px;border:1px solid rgba(17,17,17,.08);border-radius:999px;background:#fff;color:var(--pt-note-ink);box-shadow:0 8px 28px #1111112e,0 1px 3px #11111114;font:600 14px/1.25 var(--body-font-family, inherit);letter-spacing:normal;text-align:left;text-transform:none;cursor:pointer}.pt-note__teaser:hover{box-shadow:0 10px 32px #1111113d,0 1px 3px #1111111a}.pt-note__icon{display:grid;flex:none;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--pt-note-panel);color:var(--pt-note-ink)}.pt-note__icon .pt-note__svg{width:20px;height:20px}.pt-note__icon--person{place-items:end center;background:#e3e3e3;color:#b3b3b3}.pt-note__icon--person .pt-note__svg{width:30px;height:30px}.pt-note__icon-img{display:block;width:100%;height:100%;object-fit:cover}.pt-note--dark .pt-note__teaser,.pt-note--compact .pt-note__teaser{border-color:var(--pt-note-dark);background:var(--pt-note-dark);color:#fff}.pt-note--dark .pt-note__icon,.pt-note--compact .pt-note__icon{background:var(--pt-note-red);color:#fff}.pt-note__teaser-x{display:grid;position:absolute;top:-9px;right:-9px;place-items:center;width:24px;height:24px;margin:0;padding:0;border:1px solid rgba(17,17,17,.14);border-radius:50%;background:#fff;color:#333;box-shadow:0 2px 6px #0000001f;cursor:pointer}.pt-note__teaser-x:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.pt-note__teaser-x .pt-note__svg{width:12px;height:12px}.pt-note__card{width:min(340px,calc(100vw - 2 * var(--pt-note-x)));overflow:hidden;border-radius:16px;background:#fff;color:var(--pt-note-ink);box-shadow:0 20px 56px #1111113d,0 2px 6px #11111114;outline:none}.pt-note__tools{display:flex;position:absolute;z-index:2;top:10px;right:10px;gap:6px}.pt-note__tool{display:grid;position:relative;place-items:center;width:32px;height:32px;margin:0;padding:0;border:1px solid rgba(17,17,17,.1);border-radius:50%;background:#ffffffeb;color:var(--pt-note-ink);cursor:pointer}.pt-note__tool:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.pt-note__tool .pt-note__svg{width:16px;height:16px}.pt-note__body{display:grid;gap:12px;padding:20px}.pt-note .pt-note__eyebrow{margin:0;color:var(--pt-note-red);font:600 11.5px/1.2 var(--body-font-family, inherit);letter-spacing:.09em;text-transform:uppercase}.pt-note .pt-note__heading{margin:0;padding-right:0;color:inherit;font:700 19px/1.25 var(--body-font-family, inherit);letter-spacing:-.01em;text-transform:none;text-wrap:balance;outline:none}.pt-note .pt-note__text{margin:0;color:var(--pt-note-text);font:400 14.5px/1.5 var(--body-font-family, inherit)}.pt-note .pt-note__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:0 22px;border:1px solid var(--pt-note-ink);border-radius:var(--pt-note-btn-radius);background:var(--pt-note-ink);color:#fff;font:600 15px/1.2 var(--body-font-family, inherit);text-align:center;text-decoration:none;cursor:pointer}.pt-note .pt-note__btn:hover{background:#333}.pt-note__btn .pt-note__svg{width:18px;height:18px}.pt-note .pt-note__meta{margin:-4px 0 0;color:var(--pt-note-muted);font:400 12.5px/1.3 var(--body-font-family, inherit);text-align:center}.pt-note__grab{display:none}.pt-note--expert .pt-note__body{padding-top:18px}.pt-note__person{display:flex;align-items:center;gap:12px;min-height:56px;padding-right:76px}.pt-note__avatar{display:grid;flex:none;place-items:end center;width:56px;height:56px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#e3e3e3;box-shadow:0 0 0 1px #d6d6d6;color:#b3b3b3}.pt-note__avatar .pt-note__svg{width:46px;height:46px}.pt-note__avatar-img{display:block;width:100%;height:100%;object-fit:cover}.pt-note__who{min-width:0}.pt-note__name{display:block;font-size:15px;font-weight:700;line-height:1.25}.pt-note__role{display:block;color:var(--pt-note-muted);font-size:13px;line-height:1.3}.pt-note__bubble{display:grid;gap:6px;position:relative;padding:13px 15px;border-radius:4px 14px 14px;background:var(--pt-note-panel)}.pt-note .pt-note__bubble .pt-note__heading{font-size:16.5px}.pt-note .pt-note__bubble .pt-note__text{font-size:14px}.pt-note__media{display:grid;place-items:center;aspect-ratio:16 / 9;padding:14px;background:var(--pt-note-panel)}.pt-note__media-img{display:block;max-width:100%;max-height:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}.pt-note--light .pt-note__body{padding-top:16px}.pt-note--light:not(:has(.pt-note__media)) .pt-note__body{padding-right:92px}.pt-note--dark .pt-note__card{background:linear-gradient(225deg,#2a2829,#151515);color:#fff}.pt-note--dark .pt-note__text{color:#fffc}.pt-note--dark .pt-note__eyebrow,.pt-note--dark .pt-note__meta{color:#ffffffb8}.pt-note--dark .pt-note__tool,.pt-note--compact .pt-note__tool{border-color:#fff3;background:#ffffff1f;color:#fff}.pt-note__badge{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--pt-note-red);color:#fff}.pt-note__badge .pt-note__svg{width:26px;height:26px}.pt-note--dark .pt-note__btn{border-color:#fff;background:#fff;color:var(--pt-note-ink)}.pt-note--dark .pt-note__btn:hover{background:#ececec}.pt-note--compact .pt-note__card{width:min(360px,calc(100vw - 2 * var(--pt-note-x)));border-radius:14px;background:var(--pt-note-dark);color:#fff}.pt-note--compact .pt-note__body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 14px;padding:16px 84px 16px 16px}.pt-note--compact .pt-note__badge{width:42px;height:42px;border-radius:50%}.pt-note--compact .pt-note__badge .pt-note__svg{width:22px;height:22px}.pt-note__col{display:grid;gap:4px;min-width:0}.pt-note--compact .pt-note__heading{font-size:17px}.pt-note--compact .pt-note__text{color:#ffffffe0;font-size:13.5px}.pt-note--compact .pt-note__eyebrow,.pt-note--compact .pt-note__meta{color:#ffffffb8;text-align:left}.pt-note--compact .pt-note__meta{margin:2px 0 0}.pt-note .pt-note__textlink{display:inline-flex;align-items:center;justify-self:start;min-height:32px;padding:4px 0 0;color:#fff;font:600 13.5px/1.3 var(--body-font-family, inherit);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pt-note--compact.has-code .pt-note__body{padding-right:16px}.pt-note--compact.has-code .pt-note__col{padding-right:68px}.pt-note__code{display:flex;grid-column:1 / -1;align-items:stretch;gap:8px;margin-top:10px}.pt-note__code-chip{display:grid;flex:1;place-items:center;min-width:0;min-height:44px;padding:0 12px;border:1.5px dashed rgba(17,17,17,.45);border-radius:var(--pt-note-btn-radius);font:600 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.pt-note__code-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 16px;border:0;border-radius:var(--pt-note-btn-radius);background:var(--pt-note-ink);color:#fff;font:600 14px/1 var(--body-font-family, inherit);white-space:nowrap;cursor:pointer}.pt-note__code-btn .pt-note__svg{width:16px;height:16px}.pt-note__check-icon,.pt-note__code-btn.is-copied .pt-note__copy-icon{display:none}.pt-note__code-btn.is-copied .pt-note__check-icon{display:block}.pt-note--dark .pt-note__code-chip,.pt-note--compact .pt-note__code-chip{border-color:#fff9}.pt-note--dark .pt-note__code-btn,.pt-note--compact .pt-note__code-btn{background:#fff;color:var(--pt-note-ink)}@media(max-width:768.98px){.pt-note{--pt-note-x: 12px;--pt-note-y: 16px}.pt-note .pt-note__card,.pt-note--right .pt-note__card{right:0;bottom:0;left:0;width:auto;max-height:78vh;overflow:auto;overscroll-behavior:contain;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #11111138;transform:translateY(100%)}.pt-note.is-open .pt-note__card{transform:none}.pt-note__grab{display:block;width:38px;height:4px;margin:8px auto 0;border-radius:4px;background:#1111112e}.pt-note--dark .pt-note__grab,.pt-note--compact .pt-note__grab{background:#ffffff59}.pt-note__tools{top:14px}.pt-note__body{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.pt-note__media{aspect-ratio:2.2 / 1}}@media(prefers-reduced-motion:reduce){.pt-note__teaser-wrap,.pt-note__card{transform:none!important;transition:opacity .01s,visibility 0s}.pt-note.is-teaser.is-yielding .pt-note__teaser-wrap{transition:opacity .01s,visibility 0s}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/pt-notes.css.map */