.respecto-nv900{display:block;width:min(100%,1100px);margin:40px auto 48px;color:#374754;--green:#23cf68;container-type:inline-size}.respecto-nv900 *{box-sizing:border-box}.respecto-nv900 .nv-heading{text-align:center;font-size:clamp(23px,3vw,32px);line-height:1.4;margin:0 0 8px;color:inherit}.respecto-nv900 .nv-sub{text-align:center;margin:0 0 24px;font-size:16px;line-height:1.6}.respecto-nv900 .nv-panel{background:#101416;border-radius:24px;padding:16px;color:#f5f7f7}.respecto-nv900 button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.respecto-nv900 button:focus-visible{outline:3px solid #8fffc0;outline-offset:3px}.respecto-nv900 button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.respecto-nv900 .viewer{position:relative;overflow:hidden;border-radius:16px;background:#121b20;border:1px solid #ffffff18;isolation:isolate;touch-action:pan-y;aspect-ratio:715/410}.respecto-nv900 .scene{position:relative;transform-origin:50% 35%;transition:transform .65s cubic-bezier(.2,.8,.2,1);line-height:0}.respecto-nv900 .scene>svg{width:100%;height:auto;display:block}.respecto-nv900 .screen-tap{position:absolute;left:19.5%;top:23.5%;width:51%;height:22%;border:0;background:transparent;border-radius:18px}.respecto-nv900 .device-power{display:none}.respecto-nv900 .scene-bottom{position:absolute;bottom:0;left:0;width:100%;padding:35px 15px 12px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#071014bb);pointer-events:none}.respecto-nv900 .scene-bottom>span{visibility:hidden}.respecto-nv900 .zoom{display:flex;align-items:center;gap:5px;border:1px solid #ffffff30;background:#101a20c9;border-radius:30px;pointer-events:auto}.respecto-nv900 .zoom button{width:40px;height:40px;border:0;color:#fff;background:none;font-size:24px}.respecto-nv900 .zoom button:disabled{opacity:.3;cursor:default}.respecto-nv900 .zoom output{font-size:12px;min-width:27px;color:#fff}.respecto-nv900 .console{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin:20px auto 0;padding:8px 10px;border:1px solid #ffffff20;border-radius:100px;background:linear-gradient(150deg,#ffffff0c,#ffffff03)}.respecto-nv900 .power{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid #ffffff35;background:#ffffff09;color:#d5e1dc;transition:background .25s,color .25s,transform .2s}.respecto-nv900 .power span{display:none}.respecto-nv900 .power[aria-pressed=true]{background:#b8f9cf;color:#113b25;border-color:transparent}.respecto-nv900 .modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0}.respecto-nv900 .modes button{display:flex;align-items:center;justify-content:center;min-height:52px;min-width:126px;padding:12px 17px;gap:8px;color:#bdc9c7;border:1px solid transparent;border-radius:50px;background:transparent;font-size:16px;line-height:1.4;transition:background .25s,color .25s,transform .2s}.respecto-nv900 .modes button svg{width:19px;height:19px;flex-shrink:0}.respecto-nv900 .modes button[aria-pressed=true]{color:#f2fff6;background:#ffffff13;border-color:#ffffff30}.respecto-nv900 .modes button[aria-pressed=true] svg{color:#87ebb0}.respecto-nv900 .modes button:active,.respecto-nv900 .power:active{transform:scale(.94)}.respecto-nv900 .caption{max-width:760px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;gap:6px 12px;margin:18px auto 0;padding:0 4px}.respecto-nv900 .caption h3{color:inherit;font-size:16px;margin:0;font-weight:500;line-height:1.5}.respecto-nv900 .caption p{display:none}.respecto-nv900 .caption>span{white-space:nowrap;color:#bccbc4;font-size:14px}.respecto-nv900 .note{font-size:12px;line-height:1.6;color:#a4b4b7;text-align:center;margin:18px 10px 2px}.respecto-nv900 .camera-content{opacity:0;transition:opacity .35s}.respecto-nv900 .camera-content.on{opacity:1}.respecto-nv900 .feed{opacity:0;transition:opacity .22s}.respecto-nv900 .feed.visible{opacity:1}.respecto-nv900 [data-ref=screenBacking]{opacity:0}.respecto-nv900 [data-ref=screenBacking].on{opacity:1}.respecto-nv900 [data-ref=boot]{opacity:0;pointer-events:none}.respecto-nv900 [data-ref=boot].booting{animation:nv900-boot 1.6s both}@keyframes nv900-boot{0%{opacity:0}22%,72%{opacity:1}to{opacity:0}}@media(hover:hover){.respecto-nv900 .modes button:hover{background:#ffffff0b;color:#fff}.respecto-nv900 .power:hover{border-color:#92dfb2}}@container (max-width:760px){.respecto-nv900 .nv-panel{padding:10px;border-radius:18px}.respecto-nv900 .viewer{border-radius:12px}.respecto-nv900 .console{width:100%;gap:6px;padding:7px;border-radius:25px;margin-top:14px}.respecto-nv900 .power{flex-basis:42px;width:42px;height:42px}.respecto-nv900 .modes{flex:1;gap:2px}.respecto-nv900 .modes button{flex-direction:column;min-width:0;min-height:62px;padding:8px 3px;gap:5px;font-size:13px;border-radius:18px}.respecto-nv900 .modes button svg{width:20px;height:20px}.respecto-nv900 .caption{padding:0 7px;margin-top:15px;flex-direction:column;align-items:center;gap:4px}.respecto-nv900 .caption h3{font-size:14px}.respecto-nv900 .caption>span{font-size:13px;padding-top:0}.respecto-nv900 .note{font-size:11px;margin:14px 8px 2px}.respecto-nv900 .scene-bottom{padding:24px 9px 7px}.respecto-nv900 .zoom button{width:36px;height:36px}.respecto-nv900 .zoom output{font-size:11px}.respecto-nv900 .nv-sub{font-size:14px;margin-bottom:18px}}@media(max-width:749px){.respecto-nv900{margin:24px auto 32px}}@media(prefers-reduced-motion:reduce){.respecto-nv900 *{transition:none!important;animation-duration:.01ms!important}}.respecto-nv900 .scene{transform:scale(1.1)}.respecto-nv900 [data-ref=guides] path{opacity:0}.respecto-nv900.nv-parking-active [data-ref=guides] path{animation:nv900-guide-on .65s ease-out both}.respecto-nv900.nv-parking-active [data-ref=guides] path:nth-child(3){animation-delay:.25s}.respecto-nv900.nv-parking-active [data-ref=guides] path:nth-child(2){animation-delay:.45s}.respecto-nv900.nv-parking-active [data-ref=guides] path:nth-child(1){animation-delay:.65s}@keyframes nv900-guide-on{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.respecto-nv900.nv-parking-active [data-ref=guides] path{animation:none!important;opacity:1}}.respecto-nv900 [data-ref=parkingPan]{transform-box:view-box;transform-origin:332.5px 150px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.respecto-nv900 .parking-adjust{position:absolute;z-index:2;left:50%;top:58%;transform:translate(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:calc(100% - 24px);margin:0;padding:7px 8px 7px 18px;border:1px solid #8cebb04d;border-radius:20px;background:#192922;color:#f5fff8}.respecto-nv900 .parking-adjust[hidden]{display:none}.respecto-nv900 .parking-adjust span{font-size:14px;line-height:1.4;margin-right:8px}.respecto-nv900 .parking-adjust button{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;padding:0;border:1px solid #b8f9cf44;border-radius:13px;background:#b8f9cf;color:#123d26}.respecto-nv900 .parking-adjust button:disabled{opacity:.3;cursor:default}.respecto-nv900 .parking-adjust button:hover:not(:disabled){background:#d4ffe3}@container (max-width:760px){.respecto-nv900 .parking-adjust{margin-top:0;padding:6px 7px 6px 13px;gap:6px}.respecto-nv900 .parking-adjust span{font-size:12px;margin-right:5px}.respecto-nv900 .parking-adjust button{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.respecto-nv900 [data-ref=parkingPan]{transition:none}}.respecto-nv900.nv-parking-active .parking-adjust button{animation:nv900-control-hint 1.6s .7s ease-in-out both}@keyframes nv900-control-hint{0%,to{box-shadow:0 0 #a8f7c000}45%{box-shadow:0 0 0 5px #a8f7c025,0 0 20px #a8f7c05c}}.respecto-nv900 .parking-adjust:focus-within button,.respecto-nv900 .parking-adjust:hover button{animation:none}@media(prefers-reduced-motion:reduce){.respecto-nv900.nv-parking-active .parking-adjust button{animation:none!important}}.respecto-nv900 .nv-panel{background:linear-gradient(135deg,#ffffffe6,#ebf1f4d1 58%,#ebf0f4c7);color:#374754;border:1px solid rgba(190,204,211,.6);box-shadow:inset 0 1px #fff,0 12px 36px #283d4a17;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}.respecto-nv900 .console{background:linear-gradient(145deg,#ffffffd1,#fff6);border-color:#fffffff2;box-shadow:inset 0 1px #fff,0 3px 14px #2e414d14}.respecto-nv900 .modes button{color:#465863}.respecto-nv900 .modes button[aria-pressed=true]{color:#176334;background:#dcf3e4;border-color:#b3d9c0;box-shadow:inset 0 1px #fff,0 2px 7px #294b3510}.respecto-nv900 .modes button[aria-pressed=true] svg{color:#16823b}.respecto-nv900 .power{background:#ffffffc9;border-color:#c9d6dd;color:#465863;box-shadow:inset 0 1px #fff}.respecto-nv900 .power[aria-pressed=true]{background:#d7f4e1;border-color:#a9d9ba;color:#176334}.respecto-nv900 .caption>span{color:#566975}.respecto-nv900 button:focus-visible{outline-color:#14823c}.respecto-nv900 .parking-adjust{background:linear-gradient(145deg,#fffffff0,#eaf0f4bd);border-color:#cbd7de;color:#374754;box-shadow:inset 0 1px #fff}.respecto-nv900 .parking-adjust button{background:#d7f4e1;border-color:#a9d9ba;color:#176334}.respecto-nv900 .parking-adjust button:hover:not(:disabled){background:#c3ebd1}.respecto-nv900 .zoom{background:#f8fcfddb;border-color:#ffffffc9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px #172b3820}.respecto-nv900 .zoom button,.respecto-nv900 .zoom output{color:#374754}@media(hover:hover){.respecto-nv900 .modes button:hover{background:#ffffffd9;color:#263d49}.respecto-nv900 .modes button[aria-pressed=true]:hover{background:#d8f1e1;color:#176334}.respecto-nv900 .power:hover{border-color:#6fa581}}@container (max-width:480px){.respecto-nv900 .parking-adjust{left:42%;padding:5px;gap:6px;border-radius:17px}.respecto-nv900 .parking-adjust span{display:none}}@media(max-width:749px){.respecto-nv900 .parking-adjust:not([hidden]){position:relative;inset:auto;z-index:1;display:flex;flex-wrap:wrap;width:fit-content;max-width:calc(100% - 20px);margin:12px auto 0;padding:8px 12px;border-radius:18px;gap:9px}.respecto-nv900 .parking-adjust span{display:inline;font-size:13px;line-height:1.35;margin:0 8px 0 0;white-space:normal}.respecto-nv900 .parking-adjust button{width:42px;height:42px}}@media(max-width:749px){.respecto-nv900 .nv-panel>.parking-adjust:not([hidden]){position:static;left:auto;top:auto;transform:none;display:flex;visibility:visible;opacity:1;margin:12px auto 0;max-width:100%;width:max-content;align-items:center;justify-content:center;flex-wrap:wrap}.respecto-nv900 .nv-panel>.parking-adjust[hidden]{display:none!important}.respecto-nv900 .nv-panel>.parking-adjust span{display:inline!important}}@media(min-width:750px){.respecto-nv900{width:min(100%,960px,calc((100vh - 320px)*1.744));width:min(100%,960px,calc((100svh - 320px)*1.744));margin:24px auto 32px}.respecto-nv900 .console{width:100%;max-width:720px;gap:8px}.respecto-nv900 .modes{flex:1}.respecto-nv900 .modes button{min-width:0;padding-inline:10px;font-size:15px}}.respecto-nv900 .nv-heading{font-size:clamp(23px,3vw,32px);line-height:1.4;margin:0 0 8px;font-weight:700}.respecto-nv900 .nv-sub{line-height:1.6;margin:0 0 24px}.respecto-nv900 .caption h3{font-size:16px;line-height:1.5;margin:0;font-weight:500}@container (max-width:760px){.respecto-nv900 .modes button{font-size:13px;padding:8px 3px}.respecto-nv900 .nv-sub{font-size:14px;margin-bottom:18px}.respecto-nv900 .caption h3{font-size:14px}}.respecto-nv900.nv-modes-wrapped .modes{grid-template-columns:repeat(2,minmax(0,1fr))}.respecto-nv900.nv-modes-wrapped .modes button{min-width:0;white-space:normal;overflow-wrap:normal}.respecto-nv900.nv-modes-wrapped .console{border-radius:24px}.blog-post-content .respecto-nv900 .caption h3{font-size:16px!important;line-height:1.5!important;margin:0!important;font-weight:500!important}.blog-post-content .respecto-nv900 .nv-sub{margin:0 0 18px!important}@container (max-width:760px){.blog-post-content .respecto-nv900 .caption h3{font-size:14px!important}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/respecto-nv900-interactive.css.map */