.on3d{box-sizing:border-box;display:grid;grid-template-columns:46% 54%;grid-template-areas:"copy viewer";max-width:1280px;margin:0 auto;padding:24px 40px 32px;background:#fff;color:#111;min-height:420px;font-family:inherit}.on3d *{box-sizing:border-box}.on3d__copy{grid-area:copy;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:20px 40px 20px 0}.on3d__eyebrow{margin:0 0 12px;font:500 10px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.on3d h2{margin:0 0 16px;font-family:inherit;font-size:clamp(34px,3.5vw,50px);font-weight:400;line-height:1.08;letter-spacing:-.025em}.on3d__description{max-width:390px;margin:0;font-size:16px;line-height:1.6}.on3d__product,.on3d__activate{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #111;border-radius:0;padding:13px 20px;font:500 10px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background-color .25s ease,color .25s ease}.on3d__product{background:#111;color:#fff}.on3d__product:hover{background:#fff;color:#111}.on3d__viewer{grid-area:viewer;display:flex;min-width:0;flex-direction:column;background:#fff}.on3d__stage{position:relative;height:310px;overflow:hidden;background:#fff}.on3d__poster,.on3d model-viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;background:#fff}.on3d model-viewer{touch-action:none;opacity:0;--poster-color:transparent;--progress-bar-height:0;cursor:grab}.on3d model-viewer:active{cursor:grabbing}.on3d__viewer[data-state=ready] .on3d__stage{touch-action:none}.on3d__viewer[data-state=ready] model-viewer{opacity:1}.on3d__viewer[data-state=ready] .on3d__poster{visibility:hidden}.on3d__activate{position:absolute;z-index:2;bottom:24px;left:50%;transform:translate(-50%);background:#fff;color:#111;min-width:170px}.on3d__activate:hover{background:#111;color:#fff}.on3d [hidden]{display:none!important}.on3d__activate:disabled{cursor:wait}.on3d__brand{position:absolute;z-index:3;right:12px;bottom:8px;pointer-events:none;font:500 9px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#454545;background:#ffffffd9;padding:3px 5px}.on3d__toolbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px}.on3d__viewer:not([data-state=ready]) .on3d__toolbar{visibility:hidden}.on3d__hint,.on3d__status{font:11px/1.5 Arial,sans-serif;color:#666}.on3d__zoom{display:flex;gap:4px}.on3d__zoom button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ddd;border-radius:0;background:#fff;color:#111;cursor:pointer;touch-action:manipulation;transition:background-color .2s,color .2s}.on3d__zoom button:hover:not(:disabled){background:#111;color:#fff;border-color:#111}.on3d__zoom button:disabled{opacity:.4;cursor:default}.on3d__status{min-height:17px;margin:5px 0 0;text-align:center}.on3d__fallback{font-size:13px}.on3d__fallback a{text-decoration:underline}.on3d a:focus-visible,.on3d button:focus-visible,.on3d model-viewer:focus-visible{outline:2px solid #72543a;outline-offset:3px}.on3d--product{display:block;width:100%;max-width:480px;min-height:0;margin:0 auto 12px;padding:32px 0 12px}.on3d--product .on3d__stage{height:280px}.on3d--product .on3d__viewer{position:relative}.on3d--product .on3d__toolbar{position:absolute;z-index:4;right:12px;bottom:12px;min-height:0;padding:0}.on3d--product .on3d__status{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:749px){.on3d{grid-template-columns:1fr;grid-template-areas:"intro" "viewer" "purchase";padding:20px 20px 24px;gap:10px;min-height:0}.on3d--product{padding:8px 0}.on3d__copy{display:contents}.on3d__intro{grid-area:intro}.on3d__purchase{grid-area:purchase}.on3d__eyebrow{font-size:9px;margin-bottom:7px}.on3d h2{font-size:32px;margin-bottom:9px}.on3d__description{font-size:14px;line-height:1.5;max-width:460px}.on3d__stage{height:260px}.on3d__toolbar{padding-inline:0}.on3d__brand{right:4px;font-size:8px}.on3d__product{width:100%;min-height:44px;font-size:9px}.on3d__activate{min-height:44px;bottom:20px;font-size:9px}.on3d__status{font-size:10px;min-height:15px;margin-top:3px}}@media(max-width:359px){.on3d{padding-inline:16px}.on3d__stage{height:230px}.on3d h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.on3d__product,.on3d__activate,.on3d__zoom button{transition:none}}.on3d.on3d--product .on3d__product-title{margin:0 0 4px;font-family:inherit;font-size:20px;font-weight:400;line-height:1.3;letter-spacing:0;text-align:center}.on3d__product-hint{margin:6px 0 0;font:11px/1.5 Arial,sans-serif;color:#666;text-align:center}.on3d__zoom-touch{display:none}@media(max-width:749px){.on3d.on3d--product .on3d__product-title{font-size:18px}.on3d--product .on3d__stage{height:240px}}@media(max-width:359px){.on3d--product .on3d__stage{height:220px}}@media(max-width:749px),(pointer:coarse){.on3d__zoom-pointer{display:none}.on3d__zoom-touch{display:inline}}.on3d--steel .on3d__stage{height:360px}@media(max-width:749px){.on3d--steel .on3d__stage{height:320px}}.on3d__poster.on3d__poster--entry{left:50%;right:auto;width:auto;max-width:none;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/ombre-melting-interactive.css.map */