.xj-model-section{padding-block:96px 88px;scroll-margin-top:30px}.xj-model-header{max-width:720px;margin:0 auto 30px;text-align:center}.xj-model-header .xj-body{margin-inline:auto}.xj-model{display:block;max-width:1040px;margin-inline:auto;color:var(--xj-ink)}.xj-model-stage{position:relative;isolation:isolate;height:560px;overflow:hidden;border-radius:6px;background:var(--xj-cream)}.xj-model-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none;touch-action:none}.xj-model[data-state=ready] .xj-model-stage canvas{opacity:1;pointer-events:auto;cursor:grab}.xj-model[data-state=ready] .xj-model-stage canvas:active{cursor:grabbing}.xj-model-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;padding:20px;background:var(--xj-cream)}.xj-model-poster__image{display:block;width:100%;height:100%;max-height:520px;object-fit:contain;mix-blend-mode:multiply}.xj-model[data-state=ready] .xj-model-poster{visibility:hidden;pointer-events:none}.xj-loading{position:absolute;z-index:2;bottom:24px;left:50%;display:none;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:8px 14px;border:1px solid rgb(91 58 41 / 15%);border-radius:99px;background:var(--xj-cream);font-size:11px;line-height:1.5;text-align:center;transform:translate(-50%)}.xj-model[data-state=loading] .xj-loading{display:flex}.xj-loading__dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--xj-walnut)}.xj-model-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:16px 0;visibility:hidden}.xj-model[data-state=ready] .xj-model-controls{visibility:visible}.xj-model-views{display:inline-flex;gap:5px}.xj-model-views button{min-width:68px;min-height:44px;padding:8px 18px;border:1px solid rgb(91 58 41 / 25%);border-radius:99px;background:transparent;color:var(--xj-ink);font:inherit;font-size:12px;line-height:1.4;cursor:pointer}.xj-model-views button:hover{background:var(--xj-linen)}.xj-model-views button[aria-pressed=true]{border-color:var(--xj-walnut);background:var(--xj-walnut);color:var(--xj-cream)}.xj-model-zoom{display:flex;align-items:center;gap:14px;min-height:44px;font-size:12px;line-height:1.5}.xj-model-zoom input{width:130px;height:44px;margin:0;padding:0;accent-color:var(--xj-walnut);cursor:pointer}.xj-model-footer{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid rgb(91 58 41 / 20%);color:var(--xj-muted);font-size:12px;line-height:1.7}.xj-model-footer p{margin:0}.xj-model-note{flex-shrink:0}.xj-model-nojs{margin:14px 0 0;color:var(--xj-muted);font-size:12px;line-height:1.7;text-align:center}@media(max-width:749px){.xj-model-section{padding-block:64px}.xj-model-header{margin-bottom:20px}.xj-model-header .xj-heading{font-size:clamp(36px,8.5vw,44px)}.xj-model-stage{height:420px}.xj-model-poster{padding:12px}.xj-model-poster__image{max-height:396px}.xj-model-controls{flex-direction:column;justify-content:center;gap:8px;min-height:128px;padding-block:12px}.xj-model-views{gap:8px}.xj-model-views button{min-width:74px}.xj-model-zoom input{width:145px}.xj-model-footer{flex-direction:column;gap:5px;align-items:center;text-align:center}}@media(max-width:374px){.xj-model-stage{height:360px}.xj-model-poster__image{max-height:336px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/xenjoy-3d-model.css.map */