.whpc{--whpc-container-bg:#fff;--whpc-container-border:#e0593a;--whpc-container-bw:1px;--whpc-container-radius:12px;--whpc-header-bg:#e0593a;--whpc-card-bg:#fff;--whpc-card-border:#e4e4e4;--whpc-card-accent:#e0593a;--whpc-card-accent-w:3px;--whpc-card-radius:8px;--whpc-card-w:260px;--whpc-card-w-m:82%;--whpc-gap:12px;--whpc-divider:#d9d9d9;--whpc-arrow-bg:#fff;--whpc-arrow-c:#e0593a;--whpc-dot:#f2c3b5;--whpc-dot-active:#e0593a;--whpc-pad:16px;container-type:inline-size;container-name:whpc;width:100%;max-width:100%;min-width:0;box-sizing:border-box;line-height:1.4;text-align:left}.whpc *,.whpc *::before,.whpc *::after{box-sizing:border-box}.whpc[hidden],.whpc .whpc__card[hidden]{display:none!important}.whpc .whpc__box{background:var(--whpc-container-bg);border:var(--whpc-container-bw) solid var(--whpc-container-border);border-radius:var(--whpc-container-radius);overflow:hidden}.whpc .whpc__header{display:flex;align-items:center;gap:8px;padding:9px var(--whpc-pad);background:var(--whpc-header-bg);color:var(--whpc-header-c);font-family:var(--whpc-header-ff);font-size:var(--whpc-header-fs);font-weight:var(--whpc-header-fw);line-height:1.3}.whpc .whpc__icon{width:1.15em;height:1.15em;flex:0 0 auto}.whpc.whpc--no-icon .whpc__icon{display:none}.whpc .whpc__body{padding:14px 0 10px}.whpc .whpc__viewport{position:relative}.whpc .whpc__track{display:flex;align-items:stretch;gap:var(--whpc-gap);overflow-x:auto;overflow-y:hidden;padding:2px var(--whpc-pad) 4px;scroll-padding-inline:var(--whpc-pad);scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;outline:none}.whpc .whpc__track::-webkit-scrollbar{display:none}.whpc .whpc__track:focus-visible{box-shadow:inset 0 0 0 2px var(--whpc-card-accent);border-radius:4px}.whpc .whpc__card{flex:0 0 var(--whpc-card-w);max-width:calc(100% - 8px);display:flex;flex-direction:column;scroll-snap-align:start;background:var(--whpc-card-bg);border:1px solid var(--whpc-card-border);border-radius:var(--whpc-card-radius);padding:14px 14px 10px;border-left:var(--whpc-card-accent-w) solid var(--whpc-card-accent);margin:0}.whpc .whpc__heading,.whpc .whpc__desc{margin:0;padding:0;letter-spacing:normal;text-transform:none}.whpc .whpc__heading{color:var(--whpc-heading-c);font-family:var(--whpc-heading-ff);font-size:var(--whpc-heading-fs);font-weight:var(--whpc-heading-fw);line-height:1.3;margin-bottom:6px}.whpc .whpc__desc{flex:1 1 auto;color:var(--whpc-description-c);font-family:var(--whpc-description-ff);font-size:var(--whpc-description-fs);font-weight:var(--whpc-description-fw);line-height:1.45}.whpc .whpc__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--whpc-divider)}.whpc .whpc__desc+.whpc__foot{margin-top:12px}.whpc .whpc__code{min-width:0;overflow-wrap:anywhere;color:var(--whpc-code-c);font-family:var(--whpc-code-ff);font-size:var(--whpc-code-fs);font-weight:var(--whpc-code-fw);letter-spacing:.02em}.whpc.whpc--code-upper .whpc__code{text-transform:uppercase}.whpc button.whpc__copy,.whpc button.whpc__arrow,.whpc button.whpc__dot{-webkit-appearance:none;appearance:none;margin:0;min-height:0;text-decoration:none;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer;line-height:1;transition:opacity .2s,background-color .2s,width .25s}.whpc button.whpc__copy,.whpc button.whpc__copy:hover,.whpc button.whpc__copy:focus{flex:0 0 auto;background:#fff0;border:0;border-radius:3px;padding:6px 0 6px 6px;white-space:nowrap;color:var(--whpc-copy-c);font-family:var(--whpc-copy-ff);font-size:var(--whpc-copy-fs);font-weight:var(--whpc-copy-fw)}.whpc button.whpc__copy:hover{opacity:.75}.whpc button.whpc__copy:focus-visible{outline:2px solid var(--whpc-copy-c);outline-offset:2px}.whpc button.whpc__arrow,.whpc button.whpc__arrow:hover,.whpc button.whpc__arrow:focus{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgb(0 0 0 / .06);border-radius:50%;background:var(--whpc-arrow-bg);color:var(--whpc-arrow-c);box-shadow:0 1px 5px rgb(0 0 0 / .18);transform:translateY(-50%)}.whpc .whpc__arrow svg{width:16px;height:16px;display:block}.whpc .whpc__arrow--prev{left:4px}.whpc .whpc__arrow--next{right:4px}.whpc button.whpc__arrow:disabled{opacity:0;pointer-events:none}.whpc.whpc--no-arrows .whpc__arrow,.whpc.whpc--static .whpc__arrow{display:none}.whpc .whpc__dots{display:flex;justify-content:center;align-items:center;gap:6px;padding-top:10px;min-height:16px}.whpc.whpc--no-dots .whpc__dots,.whpc.whpc--static .whpc__dots{display:none}.whpc button.whpc__dot,.whpc button.whpc__dot:hover,.whpc button.whpc__dot:focus{width:7px;height:7px;padding:0;border:0;border-radius:4px;background:var(--whpc-dot)}.whpc button.whpc__dot.is-active{width:18px;background:var(--whpc-dot-active)}.whpc button.whpc__dot:focus-visible{outline:2px solid var(--whpc-dot-active);outline-offset:2px}.whpc .whpc__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@container whpc (max-width:480px){.whpc__header{padding-left:12px;padding-right:12px;font-size:var(--whpc-header-fs-m)!important}.whpc__track{padding-left:12px!important;padding-right:12px!important;scroll-padding-inline:12px!important}.whpc__card{flex-basis:var(--whpc-card-w-m)!important;max-width:none!important;padding:12px 12px 8px!important}.whpc__heading{font-size:var(--whpc-heading-fs-m)!important}.whpc__desc{font-size:var(--whpc-description-fs-m)!important}.whpc__code{font-size:var(--whpc-code-fs-m)!important}button.whpc__copy{font-size:var(--whpc-copy-fs-m)!important}.whpc__body{padding-top:12px!important}.whpc__arrow{display:none!important}.whpc--arrows-mobile:not(.whpc--static):not(.whpc--no-arrows) .whpc__arrow{display:flex!important;width:26px!important;height:26px!important}.whpc--arrows-mobile .whpc__arrow--prev{left:2px!important}.whpc--arrows-mobile .whpc__arrow--next{right:2px!important}}@media (prefers-reduced-motion:reduce){.whpc .whpc__track{scroll-behavior:auto}}