@import url("../holo/card.css");
.pbe-dialog,.pbe-stage-host{--pbe-ink:#101112;--pbe-paper:#efede7;--pbe-muted:#a4a5a5;--pbe-accent:#efede7;font-family:'Space Grotesk',Arial,sans-serif;box-sizing:border-box}
.pbe-dialog *,.pbe-stage-host *{box-sizing:border-box}
.pbe-button,.pbe-select{font:500 14px/1.25 'IBM Plex Mono',monospace;border:1px solid currentColor;border-radius:0;cursor:pointer;letter-spacing:0;color:inherit}
.pbe-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;background:transparent;gap:6px}
.pbe-button:hover{background:#ffffff18}
.pbe-button:focus-visible,.pbe-pack:focus-visible,.pbe-pack-thumb:focus-visible,.pbe-select:focus-visible,.pbe-viewport:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.pbe-stage-host{position:relative;background:#101112;color:#efede7;isolation:isolate}
.pbe-shop-art{display:block!important;padding:26px 0 0!important;min-height:360px!important;overflow:hidden!important;flex-shrink:0}
.pbe-viewport{position:relative;width:100%;height:480px;perspective:1400px;perspective-origin:50% 47%;overflow:hidden;cursor:grab;touch-action:pan-y;background:radial-gradient(ellipse at 50% 48%,#41434540,transparent 63%),radial-gradient(#77777724 .75px,transparent .75px);background-size:auto,10px 10px;user-select:none;-webkit-user-select:none}
.pbe-compact .pbe-viewport{height:260px;perspective:1000px}
.pbe-dragging,.pbe-dragging .pbe-pack{cursor:grabbing!important}
.pbe-scene{position:absolute;top:48%;left:50%;height:0;width:0;transform-style:preserve-3d;transform-origin:0 0;will-change:transform}
.pbe-pack{position:absolute;top:0;left:0;height:250px;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;transform-style:preserve-3d;transition:transform .35s ease;appearance:none;outline-offset:7px}
.pbe-dragging .pbe-pack{transition:none}
.pbe-pack-front{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px)}
.pbe-pack-front{box-shadow:6px 13px 18px #0008}
.pbe-selected .pbe-pack-front{outline:3px solid #efede7;outline-offset:5px}
.pbe-picture{display:block;position:relative;overflow:hidden;height:100%;width:auto}
.pbe-picture img,.pbe-stage-host .pbe-pack .pbe-picture img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:fill;filter:none!important;user-select:none;pointer-events:none}
.pbe-picture.pbe-crop-storm img,.pbe-stage-host .pbe-pack .pbe-picture.pbe-crop-storm img{width:121.8182%!important;height:112.0767%!important;left:-10.9091%;top:-5.9819%;right:auto;bottom:auto}
.pbe-picture.pbe-crop-regular img,.pbe-stage-host .pbe-pack .pbe-picture.pbe-crop-regular img{height:100.3718%!important;bottom:auto}
.pbe-picture.pbe-crop-caption img{height:117.0732%!important;bottom:auto}
.pbe-controls .pbe-button:disabled{opacity:.35;cursor:default;background:transparent}
.pbe-pack-upgrade{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);padding:6px 10px;background:#efede7;color:#101112;font:12px/1.2 'IBM Plex Mono',monospace;letter-spacing:.08em;box-shadow:0 2px 8px #0006}
.pbe-upgrade-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 22px 22px;padding:18px;border:1px solid #67696b;color:#efede7}
.pbe-upgrade-panel[hidden]{display:none}
.pbe-upgrade-panel strong{display:block;margin:6px 0;font-size:18px;line-height:1.25;color:#efede7}
.pbe-upgrade-panel p{font-size:14px;line-height:1.45;margin:0;color:#c4c5c5}
.pbe-upgrade-panel .pbe-button{font-size:13px;flex-shrink:0;max-width:190px;border-color:#67696b;color:#efede7}
.pbe-detail-views{display:flex;border:1px solid #101112}
.pbe-detail-views .pbe-button{border:0;flex:1}
.pbe-detail-views .pbe-button[aria-pressed=true]{background:#101112;color:#efede7}
.pbe-hit-note{font-size:13px;line-height:1.5;margin:0;color:#50514e}
.pbe-hit-source{font:12px/1.4 'IBM Plex Mono',monospace;text-decoration:underline!important;align-self:flex-start}
.pbe-upgraded-thumb{box-shadow:inset 0 -3px #67696b}
@media(max-width:900px){.pbe-upgrade-panel{align-items:flex-start;flex-direction:column}.pbe-upgrade-panel .pbe-button{max-width:none;width:100%}}
.pbe-picture.pbe-image-error{background:#292d30;color:#efede7;display:grid;place-content:center;padding:10px;font-size:14px;text-align:center}
.pbe-gesture-hint{font:12px/1.4 'IBM Plex Mono',monospace;color:#b5b6b7;text-align:center;margin:0;padding:0 14px 12px}
.pbe-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 20px 24px}
.pbe-controls .pbe-button{border-color:#67696b}
.pbe-controls .pbe-button[aria-pressed=true]{background:var(--pbe-paper);color:var(--pbe-ink)}
.pbe-compact .pbe-controls{justify-content:flex-start;padding:0 12px 12px;gap:6px}
.pbe-compact .pbe-controls .pbe-button{font-size:12px;padding:8px;min-width:38px;min-height:38px}
.pbe-expand{position:absolute;bottom:12px;right:12px;min-height:38px;padding:8px 10px;font-size:12px;background:var(--pbe-paper);color:var(--pbe-ink);border-color:var(--pbe-paper)}
.pbe-expand:hover{background:#fff}
.pbe-sample-badge{position:absolute;top:34px;left:12px;z-index:3;font:12px/1.3 'IBM Plex Mono',monospace;color:#c3c4c5;padding:4px 6px;background:#101112dd;pointer-events:none}
.pbe-dialog{position:fixed;inset:0;margin:auto;padding:0;border:2px solid #101112;width:min(1160px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;color:var(--pbe-ink);background:var(--pbe-paper);box-shadow:0 30px 100px #0009}
.pbe-dialog::backdrop{background:#08090bea;backdrop-filter:blur(5px)}
.pbe-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px 20px;border-bottom:2px solid var(--pbe-ink)}
.pbe-eyebrow{display:block;font:12px/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em}
.pbe-title{font:400 clamp(30px,4vw,52px)/1.07 'Anton','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.015em;margin:8px 0 0}
.pbe-close{font:300 30px/1 Arial,sans-serif;flex-shrink:0}
.pbe-close:hover,.pbe-return:hover{background:var(--pbe-ink);color:var(--pbe-paper)}
.pbe-selector-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:14px 30px;border-bottom:2px solid var(--pbe-ink)}
.pbe-selector-label{display:flex;gap:10px;align-items:center;font-size:14px;flex-wrap:wrap}
.pbe-select{min-height:44px;padding:10px 34px 10px 12px;background:var(--pbe-paper);max-width:100%}
.pbe-count{font:14px/1.4 'IBM Plex Mono',monospace;white-space:nowrap}
.pbe-dialog-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:stretch}
.pbe-stage-column{background:#101112;min-width:0;display:flex;flex-direction:column;justify-content:center}
.pbe-main-stage{width:100%}
.pbe-assortment-note{font:13px/1.6 'IBM Plex Mono',monospace;color:#b5b6b7;margin:0 24px 24px;padding:14px 0 0;border-top:1px solid #535657}
.pbe-assortment-note[hidden]{display:none}
.pbe-details{padding:26px 26px 24px;min-width:0;border-left:2px solid #101112;display:flex;flex-direction:column;gap:16px}
.pbe-details h3{font:600 26px/1.14 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0}
.pbe-description{font-size:16px;line-height:1.6;margin:0 0 8px}
.pbe-detail-art{height:200px;display:flex;justify-content:center;padding:4px 0}
.pbe-detail-art .pbe-picture{filter:drop-shadow(3px 10px 9px #0004)}
.pbe-stats{display:flex;flex-direction:column;gap:0;margin:0;font-size:14px}
.pbe-stats>div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #b8b8b1;padding:9px 0}
.pbe-stats dt{color:#50514e}.pbe-stats dd{margin:0;text-align:right}
.pbe-sample-warning{font-size:14px;line-height:1.5;margin:0;border-left:3px solid #101112;padding-left:12px}
.pbe-pack-list-heading{font:14px/1.4 'IBM Plex Mono',monospace;margin:6px 0 -4px}
.pbe-pack-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.pbe-pack-thumb{display:flex;position:relative;flex-direction:column;align-items:center;gap:6px;padding:8px 2px 5px;background:#deded6;border:1px solid transparent;border-radius:0;cursor:pointer;color:#101112;min-width:0;min-height:88px}
.pbe-pack-thumb .pbe-picture{height:59px;max-width:100%}
.pbe-pack-thumb>span:last-child{font:12px/1.2 'IBM Plex Mono',monospace}
.pbe-pack-thumb[aria-pressed=true]{border:1px solid #101112;background:#efede7}
.pbe-pack-thumb:hover{border-color:#101112}
.pbe-return{width:100%;margin-top:auto;font-size:14px;min-height:48px}
.pbe-preview-banner{background:#efede7;color:#101112;font:14px/1.4 'IBM Plex Mono',monospace;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid #101112}
.pbe-preview-banner a{color:#101112!important;text-decoration:underline}
@media(min-width:980px){.pp-haul .pbe-shop-art{min-height:380px!important}.pp-haul .pbe-viewport{height:280px}}
@media(max-width:820px){.pbe-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.pbe-dialog-layout{grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr)}.pbe-dialog-top{padding:20px}.pbe-selector-row{padding:12px 20px}.pbe-selector-label{gap:5px}.pbe-details{padding:20px}.pbe-pack-list{grid-template-columns:repeat(4,minmax(0,1fr))}.pbe-main-stage .pbe-viewport{height:430px}}
@media(max-width:620px){.pbe-dialog{width:100%;max-height:100dvh;height:100dvh;border:0;margin:0}.pbe-dialog-top{padding:18px 16px;gap:14px}.pbe-title{font-size:34px}.pbe-eyebrow{font-size:12px;letter-spacing:.05em}.pbe-selector-row{padding:12px 16px;gap:10px;flex-wrap:wrap}.pbe-selector-label{width:100%;display:block}.pbe-selector-label .pbe-select{display:block;width:100%;margin-top:7px}.pbe-count{font-size:13px}.pbe-dialog-layout{display:flex;flex-direction:column}.pbe-main-stage .pbe-viewport{height:350px}.pbe-details{border-left:0;border-top:2px solid #101112;padding:22px 18px;gap:14px}.pbe-controls{padding-bottom:18px}.pbe-details h3{font-size:25px}.pbe-pack-list{grid-template-columns:repeat(6,minmax(0,1fr))}.pbe-preview-banner{font-size:12px;padding:10px 14px}.pbe-detail-art{height:245px}}
@media(prefers-reduced-motion:reduce){.pbe-pack{transition:none}.pbe-dialog::backdrop{backdrop-filter:none}}

.pbe-detail-art.pbe-hit-art{height:300px;padding:12px 0}.pbe-hit-art .pk-holo{max-width:100%}