/* Only the compact carousel in the computers category heading. */
.pcxl .pcxl-title--banners{column-gap:10px}
.pcxl .pcxl-title--banners>.pcxl-title-copy{flex:0 0 auto;margin-right:0}
.pcxl-title--banners>[data-saved-open],.pcxl-title--banners>[data-compare-open]{flex-shrink:0}
.pcxl .pchb{position:relative;flex:1 1 0;min-width:280px;height:104px;margin:0 8px;overflow:hidden;border-radius:10px;background:#17131a;box-shadow:0 1px 3px #171c2110;isolation:isolate;touch-action:pan-y}
.pchb-slides,.pchb-slide{height:100%;width:100%}
.pchb-slides{position:absolute;inset:0}
.pchb-slide{position:relative;overflow:hidden;background:#17130e}
.pchb-slide[hidden],.pchb-controls[hidden]{display:none!important}
.pchb-slide--msi{background:linear-gradient(100deg,#210b32,#731176)}
.pchb-slide--set{background:linear-gradient(100deg,#f1f4f6,#fff 70%);color:#17222c}
.pchb-slide img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;margin:0;padding:0;border:0;border-radius:0}
.pchb-slide--desk img{object-position:center 44%}
.pchb-slide:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090b10b8,transparent 260px)}
.pchb-slide--set:after{background:linear-gradient(90deg,#ffffffe8,transparent 245px)}
.pchb-copy{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;justify-content:center;z-index:1;padding:0 14px 10px 44px;color:#fff;width:240px;max-width:calc(100% - 44px);box-sizing:border-box;text-shadow:0 1px 5px #0008}
.pchb-copy>span{display:block;font:600 8px/1.4 Arial,sans-serif;letter-spacing:1.1px;opacity:.65;white-space:nowrap;margin-bottom:5px}
.pchb-copy>strong{display:block;font:700 clamp(15px,1.25vw,20px)/1.12 Arial,sans-serif;letter-spacing:-.3px}
.pchb-slide--set .pchb-copy{color:#17222c;text-shadow:0 1px 4px #fff}
.pcxl .pchb button{appearance:none;display:grid;place-items:center;min-width:0;min-height:0;padding:0;margin:0;border:1px solid #fff4;border-radius:50%;background:#14192260;color:#fff;box-shadow:0 1px 4px #0001;cursor:pointer;transition:background .15s,border-color .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pcxl .pchb button:hover{background:#141922a6;border-color:#fff8}
.pchb button:focus-visible,.pchb:focus-visible{outline:2px solid #937aff!important;outline-offset:2px}
.pcxl .pchb .pchb-arrow{position:absolute;top:calc(50% - 15px);width:30px;height:30px;z-index:2}
.pchb-prev{left:7px}.pchb-next{right:7px}
.pchb svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pchb-prev svg{transform:rotate(180deg)}
.pchb-dots{position:absolute;bottom:3px;left:42px;display:flex;align-items:center;gap:2px;z-index:2}
.pcxl .pchb .pchb-dots button{width:22px;height:20px;background:none;border:0;box-shadow:none;backdrop-filter:none}
.pchb-dots button span{display:block;width:4px;height:4px;border-radius:4px;background:#c3c7ce}
.pchb-dots button[aria-pressed=true] span{width:13px;background:#fff;box-shadow:0 0 0 1px #0003}
.pchb:has(.pchb-slide--set:not([hidden])) .pchb-dots button[aria-pressed=true] span{background:#414e5c}
.pcxl .pchb .pchb-pause{position:absolute;bottom:4px;left:113px;width:19px;height:19px;z-index:2;border-color:transparent;background:#14192240}
.pchb-pause svg{width:11px;height:11px}
.pchb-play-icon{display:none}
.pchb[data-paused=true] .pchb-play-icon{display:block}
.pchb[data-paused=true] .pchb-pause-icon{display:none}
.pchb-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px) and (min-width:901px){.pcxl .pchb{min-width:260px}.pchb-copy{padding-left:39px}.pchb-copy>span{font-size:7px;letter-spacing:.4px}.pchb-copy>strong{font-size:15px}}
@media(max-width:900px){.pcxl .pcxl-title--banners>.pcxl-title-copy{width:100%;flex-basis:100%}.pcxl .pchb{order:4;flex-basis:100%;width:100%;max-width:none;min-width:0;height:116px;margin:6px 0 0}.pchb-copy>strong{font-size:20px}.pchb-copy>span{font-size:8px}}
@media(max-width:420px){.pcxl .pchb{height:110px}.pchb-copy>strong{font-size:17px}.pchb-copy>span{font-size:7px;letter-spacing:.5px}.pchb-copy{padding-left:38px;max-width:190px}}
@media(prefers-reduced-motion:reduce){.pcxl .pchb button{transition:none}}
