html body .nf3d{padding-top:56px;padding-bottom:64px;color:var(--text, #f2f4f5)}html body .nf3d__head{max-width:760px;margin-bottom:22px}html body .nf3d .nf-eyebrow{display:flex;align-items:center;gap:10px}html body .nf3d .nf-eyebrow span{width:6px;height:6px;background:var(--neon, #c6ff3d);box-shadow:var(--glow-lime)}html body .nf3d h2{margin:0 0 10px;font-size:clamp(28px,3.2vw,40px);font-weight:600;line-height:1.1;letter-spacing:-.03em}html body .nf3d__hl{color:var(--neon, #c6ff3d);text-shadow:var(--glow-soft-lime)}html body .nf3d__hint{margin:0;color:var(--muted, #9aa3ab);font-size:13px}html body .nf3d__hint[data-hint-touch]{display:none}@media(hover:none),(pointer:coarse){html body .nf3d__hint[data-hint-fine]{display:none}html body .nf3d__hint[data-hint-touch]{display:block}}html body .nf3d__stage{display:block}html body .nf3d__frame{position:relative;height:clamp(380px,46vw,560px);border:1px solid var(--cyan-35, rgb(46 242 255 / .35));border-radius:8px;overflow:hidden;background:radial-gradient(60% 70% at 50% 45%,#1d242c,#12161b 60%,#0e1115);box-shadow:0 0 12px var(--cyan-18, rgb(46 242 255 / .18)),inset 0 0 24px var(--cyan-06, rgb(46 242 255 / .06))}html body .nf3d__frame:before,html body .nf3d__frame:after{content:"";position:absolute;z-index:2;width:72px;height:72px;pointer-events:none;filter:var(--glow-lime-bracket)}html body .nf3d__frame:before{top:-1px;left:-1px;border-top:2px solid var(--neon);border-left:2px solid var(--neon);border-top-left-radius:8px}html body .nf3d__frame:after{right:-1px;bottom:-1px;border-right:2px solid var(--neon);border-bottom:2px solid var(--neon);border-bottom-right-radius:8px}html body .nf3d__viewer{width:100%;height:100%;background:transparent;--poster-color: transparent;--progress-bar-color: transparent;outline:none}html body .nf3d__viewer:focus-visible{outline:2px solid var(--nf-focus, #c6ff3d);outline-offset:-4px}html body .nf3d__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted, #9aa3ab);font-size:13px;letter-spacing:.08em;pointer-events:none;transition:opacity .3s ease}html body nf-model-stage.is-loaded .nf3d__loading{opacity:0}html body nf-model-stage.is-error .nf3d__loading:after{content:" (could not load, see the photos above)"}html body .nf3d__progress{position:absolute;left:0;right:0;bottom:0;height:2px}html body .nf3d__progress i{display:block;height:100%;width:100%;background:var(--neon);box-shadow:var(--glow-soft-lime);transform-origin:left;animation:nf3d-load 1.4s ease-in-out infinite}html body nf-model-stage.is-loaded .nf3d__progress{display:none}@keyframes nf3d-load{0%{transform:scaleX(0);opacity:1}80%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}html body .nf3d__reset,html body .nf3d__ar{position:absolute;z-index:3;border:1px solid var(--line, #232a31);background:#0b0e12c7;color:var(--text, #f2f4f5);cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .16s var(--nf-ease-out)}html body .nf3d__reset{top:14px;right:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}html body .nf3d__ar{left:50%;bottom:16px;translate:-50% 0;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;border-color:var(--cyan-50);color:var(--cyan)}html body :is(.nf3d__reset,.nf3d__ar):active{transform:scale(.96)}html body :is(.nf3d__reset,.nf3d__ar,.nf3d__chip,.nf3d__spot):focus-visible{outline:2px solid var(--nf-focus, #c6ff3d);outline-offset:2px}@media(hover:hover)and (pointer:fine){html body .nf3d__reset:hover{border-color:var(--cyan-50);color:var(--cyan)}}html body .nf3d__spot{display:block;position:relative;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;--min-hotspot-opacity: 0}html body .nf3d__spot:not([data-visible]),html body nf-model-stage:not(.is-loaded) .nf3d__spot{opacity:0;pointer-events:none}html body .nf3d__spot-dot{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--neon, #c6ff3d);box-shadow:0 0 0 3px #c6ff3d38,0 0 10px var(--lime-55);transition:transform .2s var(--nf-ease-out)}html body .nf3d__spot.is-active .nf3d__spot-dot{transform:scale(1.25);background:var(--cyan, #2ef2ff);box-shadow:0 0 0 3px #2ef2ff40,0 0 12px var(--cyan-55)}html body .nf3d__spot-label{position:absolute;left:50%;bottom:calc(100% + 6px);translate:-50% 4px;padding:5px 9px;border:1px solid var(--cyan-35);border-radius:4px;background:#0b0e12e6;color:var(--text, #f2f4f5);font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,translate .18s var(--nf-ease-out)}html body .nf3d__spot.is-active .nf3d__spot-label,html body .nf3d__spot:focus-visible .nf3d__spot-label{opacity:1;translate:-50% 0}@media(hover:hover)and (pointer:fine){html body .nf3d__spot:hover .nf3d__spot-label{opacity:1;translate:-50% 0}}html body .nf3d__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}html body .nf3d__chip{min-height:36px;padding:8px 12px;border:1px solid var(--line, #232a31);border-radius:999px;background:var(--panel, #12161b);color:var(--muted, #9aa3ab);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .16s var(--nf-ease-out)}html body .nf3d__chip:active{transform:scale(.97)}html body .nf3d__chip[aria-pressed=true]{color:var(--neon);border-color:var(--neon);text-shadow:var(--glow-soft-lime)}@media(hover:hover)and (pointer:fine){html body .nf3d__chip:not([aria-pressed=true]):hover{color:var(--text);border-color:var(--cyan-50)}}@media(pointer:coarse){html body .nf3d__chip{min-height:44px}}html body .nf3d__note{max-width:760px;margin:14px 0 0;color:var(--muted, #9aa3ab);font-size:12px;line-height:1.7}@media(max-width:749px){html body .nf3d{padding-top:40px;padding-bottom:48px}html body .nf3d__frame{height:380px}html body .nf3d__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}html body .nf3d__chips::-webkit-scrollbar{display:none}html body .nf3d__chip{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){html body .nf3d__progress i{animation:none}html body :is(.nf3d__spot-dot,.nf3d__spot-label,.nf3d__chip,.nf3d__reset,.nf3d__ar){transition-duration:1ms}}html body .nf3d.is-moved,html body .nf3d__badge,html body .nf3d__gnote{display:none}html body slideshow-container.nf3d-host{position:relative}html body .nf3d--gallery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:block}html body .nf3d--gallery[hidden]{display:none!important}html body .nf3d--gallery .nf3d__frame{height:100%;border-radius:6px}html body .nf3d--gallery .nf3d__frame:before,html body .nf3d--gallery .nf3d__frame:after{width:56px;height:56px}html body media-gallery.nf3d-gallery.is-3d .nx-gallery-overlay{visibility:hidden}html body .nf3d--gallery .nf3d__badge{display:inline-flex;align-items:center;gap:8px;position:absolute;z-index:3;top:14px;left:14px;margin:0;padding:6px 10px 6px 6px;border:1px solid var(--line, #232a31);border-radius:999px;background:#0b0e12c7;color:var(--muted, #9aa3ab);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}html body .nf3d--gallery .nf3d__badge i{font-style:normal;font-size:10px;transition:transform .2s var(--nf-ease-out)}html body .nf3d--gallery .nf3d__badge[aria-expanded=true] i{transform:rotate(180deg)}html body .nf3d--gallery .nf3d__badge:focus-visible{outline:2px solid var(--nf-focus, #c6ff3d);outline-offset:2px}@media(hover:hover)and (pointer:fine){html body .nf3d--gallery .nf3d__badge:hover{color:var(--text);border-color:var(--cyan-50)}}html body .nf3d--gallery .nf3d__badge span{padding:2px 7px;border-radius:999px;background:var(--neon, #c6ff3d);color:var(--ink-on-neon, #0b0e12);font-size:11px;letter-spacing:.06em}html body .nf3d--gallery .nf3d__ar{top:14px;right:62px;bottom:auto;left:auto;translate:none;padding:9px 13px;font-size:12px}html body media-gallery.nf3d-gallery.is-3d .nf3d__gnote{display:block;margin:8px 2px 0;color:var(--muted, #9aa3ab);font-size:11px;line-height:1.55}html body media-gallery.nf3d-gallery.is-3d slideshow-arrows{visibility:hidden}html body .nf3d--gallery .nf3d__chips{position:absolute;z-index:3;left:0;right:0;bottom:12px;margin:0;padding-inline:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 24px),transparent)}html body .nf3d--gallery .nf3d__chips::-webkit-scrollbar{display:none}html body .nf3d--gallery .nf3d__chip{flex:0 0 auto;min-height:34px;padding:7px 11px;background:#0b0e12d1}@media(pointer:coarse){html body .nf3d--gallery .nf3d__chip{min-height:40px}}html body .nf3d-thumb{flex:0 0 auto;display:inline-grid;place-items:center;align-content:center;gap:2px;width:60px;height:60px;margin-inline-end:8px;padding:0;border:1px solid var(--line, #232a31);border-radius:6px;background:var(--panel, #12161b);color:var(--muted, #9aa3ab);font:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .16s var(--nf-ease-out)}html body .nf3d-thumb:active{transform:scale(.96)}html body .nf3d-thumb[aria-pressed=true]{color:var(--neon, #c6ff3d);border-color:var(--neon, #c6ff3d);box-shadow:0 0 10px var(--lime-45, rgb(198 255 61 / .45));text-shadow:var(--glow-soft-lime)}html body .nf3d-thumb:focus-visible{outline:2px solid var(--nf-focus, #c6ff3d);outline-offset:2px}@media(hover:hover)and (pointer:fine){html body .nf3d-thumb:not([aria-pressed=true]):hover{color:var(--text);border-color:var(--cyan-50)}}html body media-gallery.nf3d-gallery .slideshow-controls__thumbnails-container{display:flex;align-items:center;justify-content:safe center}html body media-gallery.nf3d-gallery.is-3d .slideshow-controls__thumbnail{opacity:.7}html body .nf3d-back{position:absolute;z-index:5;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--neon, #c6ff3d);border-radius:999px;background:#0b0e12d9;color:var(--neon, #c6ff3d);font:inherit;font-size:12px;font-weight:700;cursor:pointer}html body media-gallery.nf3d-gallery.is-3d .nf3d-back{display:none}@media(max-width:749px){html body media-gallery.nf3d-gallery.is-3d .nf3d__gnote{font-size:10.5px;margin-inline:0}html body .nf3d--gallery .nf3d__badge{top:10px;left:10px}html body .nf3d--gallery .nf3d__reset{top:10px;right:10px}html body .nf3d--gallery .nf3d__ar{top:10px;right:58px}html body .nf3d-thumb{width:52px;height:52px;margin-inline-end:6px}}html body .nf3d__help{display:none}html body .nf3d--gallery .nf3d__help{display:block;position:absolute;z-index:4;top:54px;left:14px;max-width:290px;padding:10px 14px;border:1px solid var(--cyan-35, rgb(46 242 255 / .35));border-radius:8px;background:#0b0e12e6;color:var(--text, #f2f4f5);font-size:12px;line-height:1.45;opacity:0;translate:0 -6px;visibility:hidden;pointer-events:none;transition:opacity .2s ease,translate .2s var(--nf-ease-out),visibility 0s linear .2s}html body .nf3d--gallery .nf3d__help.is-open{opacity:1;translate:0 0;visibility:visible;pointer-events:auto;transition:opacity .2s ease,translate .2s var(--nf-ease-out),visibility 0s}html body .nf3d__help ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}html body .nf3d__help b{color:var(--neon, #c6ff3d);font-weight:600;margin-right:6px}html body .nf3d__help [data-hint-touch]{display:none}@media(hover:none),(pointer:coarse){html body .nf3d__help [data-hint-fine]{display:none}html body .nf3d__help [data-hint-touch]{display:grid}html body .nf3d--gallery .nf3d__help{top:48px;left:10px;right:10px;max-width:none;font-size:11.5px}}@media(hover:hover)and (pointer:fine){html body .nf3d--gallery .nf3d__chips{flex-wrap:wrap;overflow:visible;gap:6px;-webkit-mask-image:none;mask-image:none}html body .nf3d--gallery .nf3d__chip{min-height:30px;padding:6px 10px;font-size:11.5px}}@media(prefers-reduced-motion:reduce){html body .nf3d--gallery .nf3d__help{translate:none;transition-duration:1ms}}html body .nf3d__ar{display:inline-flex;align-items:center;gap:7px}html body .nf3d__ar svg,html body .nf3d__qrbtn svg{flex:none}html body .nf3d__qrbtn{position:absolute;z-index:3;top:14px;right:62px;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1px solid var(--cyan-50, rgb(46 242 255 / .5));background:#0b0e12c7;color:var(--cyan, #2ef2ff);font:inherit;font-size:12px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .2s ease,border-color .2s ease,transform .16s var(--nf-ease-out)}html body nf-model-stage.is-loaded .nf3d__qrbtn{opacity:1}html body .nf3d__qrbtn[hidden]{display:none}html body .nf3d__qrbtn:active{transform:scale(.97)}html body .nf3d__qrbtn[aria-expanded=true]{border-color:var(--neon, #c6ff3d);color:var(--neon, #c6ff3d)}html body :is(.nf3d__qrbtn,.nf3d__qrclose):focus-visible{outline:2px solid var(--nf-focus, #c6ff3d);outline-offset:2px}@media(hover:hover)and (pointer:fine){html body .nf3d__qrbtn:hover{border-color:var(--neon, #c6ff3d)}}html body .nf3d__qr{position:absolute;z-index:5;top:60px;right:14px;display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;width:min(380px,calc(100% - 28px));padding:14px 40px 14px 14px;border:1px solid var(--cyan-35, rgb(46 242 255 / .35));border-radius:10px;background:#0b0e12f0;color:var(--text, #f2f4f5);font-size:12px;line-height:1.45;transition:opacity .18s ease,translate .18s var(--nf-ease-out)}html body .nf3d__qr[hidden]{display:none}@starting-style{html body .nf3d__qr{opacity:0;translate:0 -6px}}html body .nf3d__qrcode{width:132px;height:132px;padding:6px;border-radius:6px;background:#fff;display:grid;place-items:center;color:#0b0e12;font-size:11px;text-align:center}html body .nf3d__qrcode svg{width:100%;height:100%;display:block}html body .nf3d__qr p{margin:0 0 6px}html body .nf3d__qr b{color:var(--neon, #c6ff3d);font-weight:600}html body .nf3d__qrtitle{font-size:14px;font-weight:700;color:var(--text, #f2f4f5)}html body .nf3d__qrsmall{color:var(--muted, #9aa4ad);font-size:11px;margin-bottom:0!important}html body .nf3d__qrclose{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:1px solid var(--line, #232a31);background:transparent;color:var(--text, #f2f4f5);font-size:16px;line-height:1;cursor:pointer}@media(prefers-reduced-motion:reduce){html body .nf3d__qr{transition-duration:1ms}@starting-style{html body .nf3d__qr{translate:none}}}@media(max-width:749px),(pointer:coarse){html body .nf3d--gallery .nf3d__ar{top:auto;right:auto;left:50%;bottom:64px;translate:-50% 0;padding:10px 16px;font-size:13px;background:#0b0e12e0;border-color:var(--cyan, #2ef2ff);box-shadow:0 0 18px #2ef2ff40}}html body .nf3d__arbar{display:none}html body model-viewer:is([ar-status=session-started],[ar-status=object-placed]) .nf3d__arbar{position:absolute;z-index:10;left:50%;translate:-50% 0;bottom:calc(28px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100% - 32px));display:grid;justify-items:center;gap:10px}html body .nf3d__arhint{margin:0;padding:8px 12px;border-radius:8px;background:#0b0e12c7;color:#f2f4f5;font-size:12.5px;line-height:1.4;text-align:center}html body .nf3d__arhere{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:999px;border:1px solid var(--neon, #c6ff3d);background:var(--neon, #c6ff3d);color:#0b0e12;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .16s var(--nf-ease-out, cubic-bezier(.23,1,.32,1))}html body .nf3d__arhere:active{transform:scale(.97)}html body .nf3d__arhere:focus-visible{outline:2px solid #fff;outline-offset:3px}html body .nf3d__arbar.no-here .nf3d__arhere{display:none}html body .nf3d[hidden]{display:none!important}html body .nf3d--gallery .nf3d__badge.is-hinting{border-color:#c6ff3d8c;color:var(--text, #e8ecef)}html body .nf3d--gallery .nf3d__badge.is-hinting:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:2px solid var(--neon, #c6ff3d);opacity:0;pointer-events:none;animation:nf3d-hint 2.4s cubic-bezier(.23,1,.32,1) .8s infinite}html body .nf3d--gallery .nf3d__badge.is-hinting span{animation:nf3d-hint-pill 2.4s ease-in-out .8s infinite}@keyframes nf3d-hint{0%{opacity:.85;transform:scale(1)}70%,to{opacity:0;transform:scale(1.18,1.45)}}@keyframes nf3d-hint-pill{0%,to{opacity:1}35%{opacity:.55}}@media(prefers-reduced-motion:reduce){html body .nf3d--gallery .nf3d__badge.is-hinting:after{animation:none;opacity:.7;transform:none}html body .nf3d--gallery .nf3d__badge.is-hinting span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/nanref-3d.css.map */
