.ygh3d{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 50% 20%,#fff,#f1ffef 48%,#dff0d9);-webkit-tap-highlight-color:transparent}.ygh3d,.ygh3d *{box-sizing:border-box}.ygh3d model-viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;--poster-color: transparent;--progress-bar-color: transparent;--progress-bar-height: 0px;outline:none;background:transparent}.ygh3d--display model-viewer{pointer-events:none}.ygh3d__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;transition:opacity .45s ease}.ygh3d__poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:4%}.ygh3d.is-loaded .ygh3d__poster{opacity:0;pointer-events:none}.ygh3d__launch{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;font-family:var(--np-font-body, "IBM Plex Sans", system-ui, sans-serif);font-weight:700;font-size:15px;letter-spacing:.3px;text-transform:uppercase;color:#fff;background:#00934a;border:0;border-radius:8px;box-shadow:4px 4px #1f3f29;padding:14px 24px;cursor:pointer;transition:background .15s ease}.ygh3d__launch:hover{background:#008443}.ygh3d__launch svg{width:22px;height:22px}.ygh3d.is-loading .ygh3d__launch{opacity:.75;pointer-events:none}.ygh3d__spin{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;border:3px solid rgba(47,82,51,.18);border-top-color:#159d59;animation:ygh3d-spin .9s linear infinite;opacity:0;transition:opacity .3s ease .4s}.ygh3d.is-loading .ygh3d__spin{opacity:1}@keyframes ygh3d-spin{to{transform:rotate(360deg)}}.ygh3d__err{font-family:var(--np-font-body, "IBM Plex Sans", sans-serif);font-size:13px;color:#5a5d56;background:#ffffffe6;padding:6px 10px;border-radius:6px}.ygh3d__progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:#2f523314;opacity:0;transition:opacity .3s ease}.ygh3d.is-loading .ygh3d__progress{opacity:1}.ygh3d__progress i{display:block;height:100%;width:0;background:#159d59;transition:width .25s ease}.ygh3d__hint{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:4;display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:8px 14px;border-radius:999px;background:#002e17;color:#fff;font-family:var(--np-font-body, "IBM Plex Sans", sans-serif);font-weight:600;font-size:13px;line-height:1.3;opacity:0;transition:opacity .35s ease;pointer-events:none}.ygh3d__hint svg{width:18px;height:18px;flex:none}.ygh3d.is-loaded .ygh3d__hint{opacity:1}.ygh3d.is-touched .ygh3d__hint{opacity:0}.ygh3d__ar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:4;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;background:#00934a;color:#fff;font-family:var(--np-font-body, "IBM Plex Sans", sans-serif);font-weight:700;font-size:13px;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px #0000002e}.ygh3d__ar svg{width:18px;height:18px}.ygh3d__ar[hidden]{display:none}.ygh3d-xr{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.ygh3d-xr[hidden]{display:none!important}.ygh3d-xr>*{pointer-events:auto}.ygh3d-xr__hint{margin:0;padding:9px 14px;border-radius:99px;background:#0009;color:#fff;font:600 13.5px/1.3 var(--np-font-body, "IBM Plex Sans", sans-serif);text-align:center;max-width:92%;transition:opacity .4s}.ygh3d-xr__hint.off{opacity:0;pointer-events:none}.ygh3d-xr__seg{display:inline-flex;padding:3px;border-radius:99px;background:#0000008c;border:1px solid rgba(255,255,255,.25)}.ygh3d-xr__seg button{border:0;border-radius:99px;padding:9px 16px;background:transparent;color:#fff;font:700 14px/1 var(--np-font-body, "IBM Plex Sans", sans-serif);cursor:pointer}.ygh3d-xr__seg button.on{background:#fff;color:#002e17}.ygh3d-xr__btn{border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:10px 16px;background:#0000008c;color:#fff;font:700 14px/1 var(--np-font-body, "IBM Plex Sans", sans-serif);cursor:pointer}.ygh3d-xr-x{position:absolute;right:14px;top:calc(14px + env(safe-area-inset-top,0px));z-index:12;width:42px;height:42px;border:0;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;padding:0}.ygh3d-xr-x svg{width:20px;height:20px}model-viewer:not([ar-status=session-started]):not([ar-status=object-placed]) .ygh3d-xr-x{display:none}@media(max-width:768px){.ygh3d__hint{top:10px;font-size:12px;padding:7px 12px}}html.ygh3d-lock,html.ygh3d-lock body{overflow:hidden}.ygh3d-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;flex-direction:column;background:#f4f8f2;font-family:var(--np-font-body, "IBM Plex Sans", system-ui, sans-serif);color:#2f5233;animation:ygh3d-in .22s ease}@keyframes ygh3d-in{0%{opacity:0}to{opacity:1}}.ygh3d-full__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #dadee5;flex:none}.ygh3d-full__title{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:-.2px}.ygh3d-full__title svg{width:22px;height:22px}.ygh3d-full__title em{font-style:normal;font-family:var(--np-font-highlight, "Roboto Condensed", sans-serif);font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#159d59;border-radius:3px;padding:3px 7px}.ygh3d-full__close{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #2f5233;border-radius:50%;background:#fff;color:#2f5233;cursor:pointer;padding:0}.ygh3d-full__close:hover{background:#2f5233;color:#fff}.ygh3d-full__close svg{width:20px;height:20px}.ygh3d-full__stage{flex:1 1 auto;min-height:0}.ygh3d-full__stage .ygh3d__hint{top:16px}.ygh3d-full__stage .ygh3d__ar{bottom:22px}@media(max-width:768px){.ygh3d-full__head{padding:10px 12px}.ygh3d-full__title{font-size:14px}}.npwmp-hero-section .hero-3d-corner{position:absolute;top:12px;right:12px;z-index:6;width:124px;margin:0;padding:0;border:0;border-radius:14px;background:#fff;box-shadow:0 8px 24px #0003,0 0 0 1px #2f52331f;overflow:hidden;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease}.npwmp-hero-section .hero-3d-corner:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000003d,0 0 0 1px #2f52332e}.npwmp-hero-section .hero-3d-corner .ygh3d{height:116px;pointer-events:none}.npwmp-hero-section .hero-3d-corner__clip{display:block;height:116px;overflow:hidden;background:#eef7ea}.npwmp-hero-section .hero-3d-corner__clip video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.npwmp-hero-section .hero-3d-corner .hero-3d-corner__cfg{display:none}.npwmp-hero-section .hero-3d-corner .ygh3d__poster img{padding:2%}.npwmp-hero-section .hero-3d-corner__cap{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;background:#002e17;color:#fff;font-family:var(--np-font-highlight, "Roboto Condensed", sans-serif);font-weight:700;font-size:11px;line-height:1.1;letter-spacing:.9px;text-transform:uppercase}.npwmp-hero-section .hero-3d-corner__cap svg{width:14px;height:14px;flex:none}.npwmp-hero-section .hero-3d-corner.is-slide-hidden,.npwmp-hero-section .gallery-main.is-3d-stage .hero-3d-corner{display:none}@media(max-width:768px){.npwmp-hero-section .hero-3d-corner{top:10px;right:10px;width:96px;border-radius:12px}.npwmp-hero-section .hero-3d-corner .ygh3d,.npwmp-hero-section .hero-3d-corner__clip{height:88px}.npwmp-hero-section .hero-3d-corner__cap{padding:7px 8px;font-size:10px;letter-spacing:.7px}}.npwmp-hero-section .gallery-3d-back{position:absolute;top:12px;left:12px;z-index:7;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #dadee5;border-radius:999px;background:#fffffff0;color:#2f5233;font-family:var(--np-font-body, "IBM Plex Sans", sans-serif);font-weight:700;font-size:13px;cursor:pointer}.npwmp-hero-section .gallery-3d-back svg{width:16px;height:16px}.npwmp-hero-section .gallery-main.is-3d-stage .ygh-dc-badge,.npwmp-hero-section .gallery-main.is-3d-stage .gallery-cue,.npwmp-hero-section .gallery-main.is-3d-stage .gallery-count{display:none}.npwmp-hero-section .gallery-main.is-3d-stage .hero-main--3d .ygh3d__hint{top:auto;bottom:14px}.npwmp-hero-section .gallery-main.is-3d-stage .hero-main--3d .ygh3d__ar{bottom:52px}.npwmp-hero-section .hero-main--3d{width:100%;height:100%;aspect-ratio:1 / 1;border-radius:4px;cursor:default}.npwmp-hero-section .hero-thumb--3d .thumb-3d,.npwmp-hero-section .lightbox-thumb .thumb-3d{position:absolute;left:4px;bottom:4px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:4px;background:#002e17;color:#fff;font-family:var(--np-font-highlight, "Roboto Condensed", sans-serif);font-weight:800;font-size:10px;letter-spacing:.8px;line-height:1;pointer-events:none}.npwmp-hero-section .thumb-3d svg{width:11px;height:11px}.npwmp-hero-section .hero-thumb--3d img,.npwmp-hero-section .lightbox-thumb--3d img{background:#eef7ea;object-fit:contain!important;padding:6%}.npwmp-hero-section .lightbox-stage .hero-main--3d{width:min(94vw,1200px);height:min(82dvh,70vw);aspect-ratio:auto;border-radius:8px}@media(max-width:768px){.npwmp-hero-section .hero-main--3d{border-radius:0}.npwmp-hero-section .lightbox-stage .hero-main--3d{width:100vw;height:100dvh;border-radius:0}}.npwmp-hero-drawer-host .plan-slide--3d{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;overflow:hidden}.npwmp-hero-drawer-host .plan-slide--3d.is-active{display:block}.npwmp-hero-drawer-host .plan-slide--3d .ygh3d{position:absolute;top:0;right:0;bottom:0;left:0}.npwmp-hero-drawer-host .plan-gallery.is-3d .plan-gallery__stage{padding:0}.npwmp-hero-drawer-host .plan-gallery.is-3d .plan-gallery__foot{visibility:hidden}.npwmp-hero-drawer-host .plan-gallery.is-3d .plan-slide{display:none}.npwmp-hero-section .spec-view-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;padding:10px 12px;border:1px solid var(--light-grey, #dadee5);border-radius:10px;background:var(--secondary, #f1ffef)}.npwmp-hero-section .spec-view-row>span{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--dark-grey, #5a5d56);margin-right:2px}.npwmp-hero-section .spec-view-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1.5px solid #2f5233;background:#fff;color:#2f5233;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease}.npwmp-hero-section .spec-view-chip svg{width:14px;height:14px}.npwmp-hero-section .spec-view-chip:hover,.npwmp-hero-section .spec-view-chip.is-active{background:#2f5233;color:#fff}.npwmp-hero-section .spec-3d-card{display:none;margin:0 0 14px}.npwmp-hero-section .spec-3d-card .ygh3d{height:clamp(190px,28vh,260px);border-radius:12px;border:1px solid var(--light-grey, #dadee5)}.npwmp-hero-section .spec-3d-card__plan{display:none;width:100%;aspect-ratio:1 / 1;margin:0;padding:8px;border:1px solid var(--light-grey, #dadee5);border-radius:12px;background:#fff;cursor:zoom-in}.npwmp-hero-section .spec-3d-card__plan.is-active{display:block}.npwmp-hero-section .spec-3d-card__plan img{display:block;width:100%;height:100%;object-fit:contain}.npwmp-hero-section .spec-3d-card.is-plan .spec-3d-card__model{display:none}@media(max-width:1200px){.npwmp-hero-drawer-host .plan-slide--3d{display:none!important}.npwmp-hero-drawer-host .plan-gallery.is-3d .plan-gallery__foot{visibility:visible}.npwmp-hero-section .spec-view-row{flex-wrap:nowrap;gap:6px;padding:0;border:0;background:none}.npwmp-hero-section .spec-view-row>span{display:none}.npwmp-hero-section .spec-view-chip{flex:1 1 0;min-width:0;justify-content:center;padding:10px 6px;font-size:13px;white-space:nowrap}.npwmp-hero-section .spec-3d-card{display:block}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/ygh-3d.css.map */