.pxl-pn-outer{box-sizing:border-box;width:100%;margin-top:var(--pxl-pn-mt);margin-bottom:var(--pxl-pn-mb)}.pxl-pn-outer--page{max-width:var(--site-max-width, 1600px);margin-inline:auto;padding-inline:calc(var(--gap, 8px) * 2)}@media screen and (min-width:1200px){.pxl-pn-outer--page{padding-inline:calc(var(--gap, 8px) * 4)}}@media screen and (min-width:1800px){.pxl-pn-outer--page{max-width:var(--site-max-width-big, 1600px)}}.pxl-pn-outer--full .pxl-pn{border-radius:0;border-inline-width:0}.pxl-pn{box-sizing:border-box;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:16px;row-gap:10px;padding:var(--pxl-pn-py) var(--pxl-pn-px);background:var(--pxl-pn-bg);color:var(--pxl-pn-text);border:var(--pxl-pn-border-w) solid var(--pxl-pn-border);border-radius:var(--pxl-pn-radius)}.pxl-pn[hidden]{display:none}.pxl-pn__editor-hint{grid-column:1 / -1;margin:0;padding:6px 10px;font-size:12px;line-height:1.4;background:#fff4d6;color:#5c4300;border-radius:4px}.pxl-pn__icon{display:inline-flex;width:var(--pxl-pn-icon-size);height:var(--pxl-pn-icon-size);color:var(--pxl-pn-icon);flex-shrink:0}.pxl-pn__icon svg,.pxl-pn__icon img{width:100%;height:100%;object-fit:contain}.pxl-pn__content{min-width:0;grid-column:2}.pxl-pn__icon+.pxl-pn__content{grid-column:2}.pxl-pn>.pxl-pn__content:first-child,.pxl-pn__editor-hint+.pxl-pn__content{grid-column:1 / 3}.pxl-pn__heading,.pxl-pn__text,.pxl-pn__disclaimer{margin:0}.pxl-pn__heading{font-size:1.05em;font-weight:600;line-height:1.35;color:var(--pxl-pn-text)}.pxl-pn__text{font-size:.9em;line-height:1.45;color:var(--pxl-pn-sub);margin-top:2px}.pxl-pn__disclaimer{font-size:.78em;line-height:1.4;color:var(--pxl-pn-sub);margin-top:4px}.pxl-pn__text a,.pxl-pn__disclaimer a{color:inherit;text-decoration:underline}.pxl-pn .pxl-pn__code{all:unset;box-sizing:border-box;grid-column:3;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.08em;color:var(--pxl-pn-code-text);background:var(--pxl-pn-code-bg);border:1.5px var(--pxl-pn-code-style) var(--pxl-pn-code-border);border-radius:calc(var(--pxl-pn-radius) * .6);cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.pxl-pn .pxl-pn__code--static{cursor:text;-webkit-user-select:all;user-select:all}.pxl-pn .pxl-pn__code:not(.pxl-pn__code--static):hover{background:color-mix(in srgb,var(--pxl-pn-code-border) 14%,var(--pxl-pn-code-bg))}.pxl-pn .pxl-pn__code:focus-visible{outline:2px solid var(--pxl-pn-code-border);outline-offset:3px}.pxl-pn__code-value{-webkit-user-select:all;user-select:all}.pxl-pn__code-icon{display:inline-flex;width:18px;height:18px;color:var(--pxl-pn-code-text)}.pxl-pn__code-icon svg{width:100%;height:100%}.pxl-pn__code-icon--check,.pxl-pn__code-feedback{display:none}.pxl-pn__code-feedback{font-family:inherit;font-size:13px;letter-spacing:0}.pxl-pn.is-copied .pxl-pn__code-icon--copy{display:none}.pxl-pn.is-copied .pxl-pn__code-icon--check,.pxl-pn.is-copied .pxl-pn__code-feedback{display:inline-flex}.pxl-pn__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pxl-pn--stacked{grid-template-columns:auto minmax(0,1fr)}.pxl-pn--stacked .pxl-pn__code{grid-column:1 / -1;justify-self:start}.pxl-pn--stacked.pxl-pn--align-center{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.pxl-pn--stacked.pxl-pn--align-center .pxl-pn__icon,.pxl-pn--stacked.pxl-pn--align-center .pxl-pn__content,.pxl-pn--stacked.pxl-pn--align-center .pxl-pn__code{grid-column:1;justify-self:center}.pxl-pn--inline.pxl-pn--align-center .pxl-pn__content{text-align:center}@media screen and (max-width:749px){.pxl-pn,.pxl-pn--stacked{grid-template-columns:auto minmax(0,1fr);column-gap:12px}.pxl-pn .pxl-pn__code{grid-column:1 / -1;justify-self:start}.pxl-pn--mobile-full .pxl-pn__code{justify-self:stretch;width:100%}.pxl-pn--align-center{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.pxl-pn--align-center .pxl-pn__icon,.pxl-pn--align-center .pxl-pn__content,.pxl-pn--align-center .pxl-pn__code{grid-column:1}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map?subset=AAAAAAAAAAAC */
