.ph-wall{--wall-ink: var(--ph-bone, #f4f0e9);--wall-bone: var(--ph-ink, #11100e);--wall-line: rgba(244, 240, 233, .22);color:var(--wall-ink);font-family:var(--ph-font-body, sans-serif)}.wall-visualizer-dialog{background:var(--ph-ink, #11100e);color:var(--ph-bone, #f4f0e9);border:1px solid rgba(244,240,233,.16);box-shadow:0 30px 80px #0000008c;padding:clamp(40px,4vw,58px) clamp(24px,3vw,38px) clamp(40px,4vw,58px);max-width:min(1180px,94vw);max-height:92vh}@media screen and (min-width:900px){.wall-visualizer-dialog.wall-has-photo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);column-gap:clamp(20px,2.4vw,34px);align-content:start}.wall-visualizer-dialog.wall-has-photo>h2,.wall-visualizer-dialog.wall-has-photo>.wall-visualizer-intro{grid-column:1 / -1;max-width:none}.wall-visualizer-dialog.wall-has-photo>.ph-wall{display:contents}.wall-visualizer-dialog.wall-has-photo .ph-wall-stage{grid-column:1;grid-row:3}.wall-visualizer-dialog.wall-has-photo [data-ph-wall-controls]{grid-column:2;grid-row:3 / span 2}.wall-visualizer-dialog.wall-has-photo>.wall-visualizer-helper{grid-column:1;grid-row:4}.ph-wall--has-photo>[data-ph-wall-controls]>:first-child{margin-top:0}.ph-wall:not(.ph-wall--has-photo) .ph-wall-stage{max-width:640px;margin-inline:auto}.ph-wall-drop:not([hidden]){min-height:46vh;display:grid;align-content:center}}.wall-visualizer-dialog:not(.wall-has-photo) h2,.wall-visualizer-dialog:not(.wall-has-photo) .wall-visualizer-intro,.wall-visualizer-dialog:not(.wall-has-photo) .wall-visualizer-helper{text-align:center}.wall-visualizer-dialog:not(.wall-has-photo) h2{padding-inline:48px}.wall-visualizer-dialog:not(.wall-has-photo) .wall-visualizer-intro{margin-inline:auto}.wall-visualizer-backdrop{background:#060605d1}.wall-visualizer-close{color:var(--ph-bone, #f4f0e9)}.wall-visualizer-dialog h2{font-family:var(--ph-font-display, sans-serif);font-weight:800;font-size:clamp(24px,3.4vw,34px);line-height:1.02;letter-spacing:-.03em;color:inherit;margin:0 0 10px;padding-right:48px}.wall-visualizer-intro{font-size:14px;line-height:1.55;opacity:.72;margin:0 0 clamp(18px,3vw,26px);max-width:46ch}.wall-visualizer-helper{font-family:var(--ph-font-mono, monospace);font-size:11px;line-height:1.6;opacity:.45;margin:clamp(16px,2.5vw,22px) 0 0}.ph-wall-stage{position:relative;background:#f4f0e90d;border-radius:var(--ph-r-3, 18px);overflow:hidden;display:grid;place-items:center}.ph-wall-stage canvas:not([hidden]){display:block;max-width:100%;touch-action:none;cursor:grab}.ph-wall-stage canvas:active{cursor:grabbing}.ph-wall.is-calibrating .ph-wall-stage canvas{cursor:crosshair}.ph-wall-drop{padding:clamp(30px,7vw,60px) 24px;text-align:center;border:1px dashed var(--wall-line);border-radius:var(--ph-r-3, 18px);width:100%}.ph-wall-drop p{margin:0 0 4px;font-size:14px}.ph-wall-drop small{display:block;font-family:var(--ph-font-mono, monospace);font-size:11px;letter-spacing:.08em;opacity:.55;margin-bottom:18px}.ph-wall-btn{-webkit-appearance:none;appearance:none;display:inline-block;font-family:var(--ph-font-body, sans-serif);font-weight:600;font-size:15px;line-height:1;padding:16px 30px;border-radius:var(--ph-r-pill, 999px);border:1px solid var(--wall-ink);background:var(--wall-ink);color:var(--wall-bone);cursor:pointer;text-decoration:none;transition:opacity .18s ease,transform .18s ease}.ph-wall-btn:hover{opacity:.86}.ph-wall-btn:active{transform:translateY(1px)}.ph-wall-btn[disabled]{opacity:.35;cursor:default}.ph-wall-btn--ghost{background:transparent;color:var(--wall-ink);transition:background-color .2s ease,color .2s ease,transform .18s ease}.ph-wall-btn--ghost:hover{opacity:1;background:var(--wall-ink);color:var(--wall-bone)}.ph-wall-btn--ghost:focus-visible{outline:2px solid var(--ph-vermilion, #e55828);outline-offset:3px}.ph-wall-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(14px,2vw,20px)}.ph-wall-label{font-family:var(--ph-font-mono, monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.5;width:100%;margin-bottom:-2px}.ph-wall-chip{-webkit-appearance:none;appearance:none;font-family:var(--ph-font-body, sans-serif);font-size:13px;font-weight:600;padding:10px 16px;border-radius:var(--ph-r-pill, 999px);border:1px solid var(--wall-line);background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.ph-wall-chip:hover{border-color:var(--wall-ink)}.ph-wall-chip.is-on{background:var(--wall-ink);color:var(--wall-bone);border-color:var(--wall-ink)}.ph-wall-swatch{width:34px;height:34px;border-radius:50%;border:1px solid var(--wall-line);cursor:pointer;padding:0;-webkit-appearance:none;appearance:none;position:relative}.ph-wall-swatch:hover:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(244,240,233,.45)}.ph-wall-swatch.is-on:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid var(--wall-ink)}.ph-wall-calib{margin-top:clamp(14px,2vw,20px);padding:clamp(14px,2vw,20px);border:1px solid var(--wall-line);border-radius:var(--ph-r-3, 18px)}.ph-wall-calib select,.ph-wall-calib input{font-family:var(--ph-font-body, sans-serif);font-size:14px;padding:11px 14px;border-radius:var(--ph-r-2, 12px);border:1px solid var(--wall-line);background:transparent;color:inherit}.ph-wall-hint{font-size:13px;line-height:1.5;opacity:.7;margin:10px 0 0}.ph-wall-caveat{font-family:var(--ph-font-mono, monospace);font-size:11px;line-height:1.6;opacity:.5;margin:10px 0 0}.ph-wall-scale{font-family:var(--ph-font-mono, monospace);font-size:11px;letter-spacing:.1em;color:var(--ph-vermilion, #e55828)}.ph-wall-msg{margin-top:14px;padding:12px 16px;border-radius:var(--ph-r-2, 12px);font-size:13px;line-height:1.5;background:#e558281a;color:var(--ph-ink, #11100e)}.ph-wall-msg[hidden]{display:none}.ph-wall-busy{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:phWallSpin .7s linear infinite;vertical-align:-2px;margin-right:8px}@keyframes phWallSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ph-wall-busy{animation-duration:2.4s}}@media(max-width:749px){.ph-wall-btn{width:100%;text-align:center}.ph-wall-row{gap:8px}.wall-visualizer-modal{padding:4.5rem .75rem 1rem;align-items:flex-end}.wall-visualizer-dialog{max-width:100%;min-height:74vh;max-height:82vh;padding:30px 18px 34px}@supports (height: 100dvh){.wall-visualizer-dialog{min-height:72dvh;max-height:calc(100dvh - 5.5rem)}}.wall-visualizer-dialog{display:flex;flex-direction:column}.ph-wall{flex:1 1 auto;display:flex;flex-direction:column}.ph-wall-stage{flex:1 1 auto}.ph-wall-drop:not([hidden]){min-height:40vh;display:grid;align-content:center}.wall-visualizer-helper{max-width:none}}.ph-wall-row--slider{gap:14px;flex-wrap:nowrap}.ph-wall-calib input[type=range]{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:0;height:3px;padding:0;border:0;border-radius:2px;background:var(--wall-line);cursor:pointer}.ph-wall-calib input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--wall-ink);border:0;cursor:grab}.ph-wall-calib input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--wall-ink);border:0;cursor:grab}.ph-wall-scale{font-family:var(--ph-font-mono, monospace);font-size:12px;letter-spacing:.06em;white-space:nowrap;min-width:68px;text-align:right}.ph-wall-prints-row{align-items:flex-start}.ph-wall-prints-scroller{position:relative;width:100%}.ph-wall-prints-scroller:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;pointer-events:none;background:linear-gradient(to top,var(--wall-bone) 8%,rgba(17,16,14,0));border-radius:0 0 var(--ph-r-2, 10px) var(--ph-r-2, 10px)}.ph-wall-prints-scroller.is-at-end:after{opacity:0}.ph-wall-prints-scroller:after{transition:opacity .22s ease}.ph-wall-prints{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-height:250px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 6px 34px 0;scrollbar-width:thin;scrollbar-color:rgba(244,240,233,.3) transparent}.ph-wall-prints::-webkit-scrollbar{width:6px}.ph-wall-prints::-webkit-scrollbar-thumb{background:#f4f0e947;border-radius:3px}.ph-wall-thumb{-webkit-appearance:none;appearance:none;width:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--ph-r-2, 10px);overflow:hidden;line-height:0;opacity:.6;transition:opacity .22s ease,outline-color .22s ease;outline:2px solid transparent;outline-offset:2px}.ph-wall-thumb img{width:100%;height:auto;display:block;aspect-ratio:2480 / 3543;object-fit:cover}.ph-wall-thumb:hover{opacity:1;outline-color:#f4f0e966}.ph-wall-thumb.is-on{opacity:1;outline-color:var(--ph-vermilion, #e55828)}.ph-wall-row,.ph-wall-calib,.ph-wall-caveat{margin-top:clamp(16px,2.4vw,22px)}@media(max-width:749px){.ph-wall-prints{grid-template-columns:repeat(5,minmax(0,1fr));max-height:220px;gap:8px}}.ph-wall-buy-row{margin-top:clamp(18px,2.6vw,26px)}.ph-wall-buy{display:inline-flex;align-items:center;justify-content:center;width:100%;text-align:center;background:var(--ph-vermilion, #e55828);border-color:var(--ph-vermilion, #e55828);color:#fff;font-size:16px;padding:17px 26px}.ph-wall-buy:hover{opacity:1;background:#d24c20;border-color:#d24c20;color:#fff}.ph-wall-buy[hidden]{display:none}.product-media-container.has-wall-launch,.product__media-item.has-wall-launch{position:relative}.wall-launch-overlay{position:absolute;z-index:3;left:0;right:0;bottom:0;width:auto}.wall-launch-overlay{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 18px;border:0;border-radius:0 0 var(--media-radius, 12px) var(--media-radius, 12px);background:var(--ph-ink, #11100e);color:var(--ph-bone, #f4f0e9);border-top:1px solid rgba(244,240,233,.18);font-family:var(--ph-font-body, sans-serif);font-size:16px;font-weight:700;letter-spacing:.005em;line-height:1.2;text-align:center;cursor:pointer;box-shadow:0 -10px 30px #11100e38;transition:background-color .2s ease,color .2s ease}@media(hover:hover){.wall-launch-overlay:hover{background:var(--ph-bone, #f4f0e9);color:var(--ph-ink, #11100e);border-top-color:#11100e24}}.wall-launch-overlay:focus-visible{outline:2px solid var(--ph-vermilion, #e55828);outline-offset:-4px}@media(max-width:749px){.wall-launch-overlay{min-height:52px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ph-wall.css.map */
