.nkp-angle nakama-case-motion{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.nkp-angle nakama-case-motion[data-ready]{cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.nkp-angle nakama-case-motion[data-dragging]{cursor:grabbing}.nkp-angle [data-angle-backdrop]{pointer-events:none;transform:none}.nkp-angle__phone-position{position:absolute;left:50%;top:7.48145933%;width:auto;height:min(71.67238038%,42.456vw);aspect-ratio:var(--nkp-case-aspect,239 / 479);transform:translate(-50%);pointer-events:none}.nkp-angle__phone{width:100%;height:100%;transform-origin:50% 50%;filter:drop-shadow(0 3px 3px #0006)}.nkp-angle .nkp-angle__phone svg{display:block;width:100%;height:100%;max-width:none;overflow:visible}.nkp-angle nakama-case-motion:focus-visible{outline:2px solid #fff;outline-offset:-4px}.nkp-angle:has(nakama-case-motion[data-ready]) .nkp-angle__heading{pointer-events:none}.nkp-angle__controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:10px;position:absolute;bottom:38px;left:50%;transform:translate(-50%);z-index:2;white-space:nowrap;color:#fff;font:500 14px/20px NakamaBarlow,sans-serif}.nkp .nkp-angle__controls button{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#111e;color:#fff;box-shadow:0 5px 16px #0008,inset 0 1px #ffffff18;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.nkp .nkp-angle__controls button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nkp .nkp-angle__controls button:hover{border-color:#fff;background:#252525;transform:translateY(-1px)}.nkp .nkp-angle__controls button{min-width:44px;min-height:44px;touch-action:manipulation}.nkp .nkp-angle__controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}.nkp .nkp-angle__controls:not([hidden]){width:230px;gap:10px;justify-content:flex-start}.nkp .nkp-angle__controls [data-angle-prev]{margin-right:auto}.nkp .nkp-angle__controls button[data-angle-reset]{position:static}.nkp-angle__annotations,.nkp .nkp-angle__mobile-points{transition:opacity .18s ease}.nkp-angle[data-angle-moving] .nkp-angle__annotations,.nkp[data-angle-moving] .nkp-angle__mobile-points{opacity:0}.nkp-angle__annotations>*,.nkp .nkp-angle__mobile-points{transition:opacity .38s ease,clip-path .56s cubic-bezier(.22,1,.36,1);clip-path:inset(-12% -12% -12% -12%)}.nkp-angle[data-angle-moving] .nkp-angle__annotations>*,.nkp[data-angle-moving] .nkp-angle__mobile-points{opacity:0;clip-path:inset(-12% 112% -12% -12%);transition-duration:.12s;transition-delay:0ms}.nkp-angle:not([data-angle-moving]) .nkp-angle__point--silver,.nkp-angle:not([data-angle-moving]) .nkp-angle__connector--silver{transition-delay:.1s}.nkp-angle:not([data-angle-moving]) .nkp-angle__point--sides,.nkp-angle:not([data-angle-moving]) .nkp-angle__connector--sides{transition-delay:.18s}.nkp .nkp-angle__light:not([hidden]){position:absolute;z-index:3;left:48px;bottom:42px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border:1px solid #777;border-radius:24px;color:#e1e1e3;background:linear-gradient(145deg,#343434,#181818);box-shadow:inset 0 1px #ffffff24,0 4px 18px #0005;font:500 13px/1.2 NakamaInter,sans-serif;cursor:pointer;touch-action:manipulation}.nkp .nkp-angle__light:hover{border-color:#d5d5d5}.nkp .nkp-angle__light:focus-visible{outline:2px solid #fff;outline-offset:4px}.nkp-angle__light-icon{flex:none;color:#fff;filter:drop-shadow(0 0 5px #ffffff70);transition:color .3s,filter .3s}.nkp-angle__light-track{display:block;flex:none;position:relative;width:38px;height:22px;border:1px solid #e24851;border-radius:20px;background:#bc1823;box-shadow:inset 0 2px 5px #0005;transition:background .3s,border-color .3s}.nkp-angle__light-track>span{position:absolute;width:16px;height:16px;left:2px;top:2px;transform:translate(16px);border-radius:50%;background:linear-gradient(#fff,#c4c4c4);box-shadow:0 1px 3px #0008;transition:transform .3s cubic-bezier(.22,1,.36,1)}.nkp-angle__light[aria-checked=false] .nkp-angle__light-track{background:#171717;border-color:#666}.nkp-angle__light[aria-checked=false] .nkp-angle__light-track>span{transform:translate(0)}.nkp-angle__light[aria-checked=false] .nkp-angle__light-icon{color:#aaa;filter:none}@media(max-width:749px){.nkp .nkp-angle__light:not([hidden]){left:auto;right:14px;top:14px;bottom:auto;gap:8px;font-size:12px;padding:9px 10px}}@media(max-width:749px){.nkp-angle__light>span:not(.nkp-angle__light-track){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nkp.nkp-angle .nkp-angle__heading{left:20px;right:20px;top:auto;bottom:22px;width:auto}.nkp.nkp-angle h2{font-size:clamp(22px,7.18vw,28px);line-height:1.1;white-space:normal;text-wrap:balance}}@media(max-width:767px){.nkp-angle{height:834px}.nkp-angle__scene{height:580px}.nkp-angle__phone-position{top:7.08059809%;height:min(67.06572967%,86.67vw)}.nkp-angle .nkp-angle__gesture{top:400px;width:40px;gap:0}.nkp-angle .nkp-angle__gesture>img{width:40px;height:auto}.nkp-angle .nkp-angle__hand{display:none}.nkp .nkp-angle__controls:not([hidden]){bottom:88px;width:auto;font-size:13px;gap:12px;justify-content:center}.nkp .nkp-angle__controls [data-angle-prev]{margin-right:0}.nkp .nkp-angle__controls button{width:44px;height:44px;min-width:44px;min-height:44px}.nkp .nkp-angle__controls button svg{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){.nkp-angle__annotations,.nkp .nkp-angle__mobile-points{transition:none}}@media(prefers-reduced-motion:reduce){.nkp-angle__annotations>*,.nkp .nkp-angle__mobile-points,.nkp-angle__light-icon,.nkp-angle__light-track,.nkp-angle__light-track>span{transition:none!important}}.nkp-angle__phone:has([data-render-poster]){filter:none}.nkp-angle nakama-case-3d{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.nkp-angle nakama-case-3d[data-state=ready]{cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.nkp-angle nakama-case-3d[data-dragging]{cursor:grabbing}.nkp-angle nakama-case-3d:focus-visible{outline:2px solid #fff;outline-offset:-4px}.nkp-angle nakama-case-3d:not([data-state=error]) .nkp-angle__phone-position{opacity:0}.nkp-angle .nkp-angle__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.nkp-angle:has(nakama-case-3d[data-state=ready]) .nkp-angle__heading{pointer-events:none}.nkp-angle__credit,.nkp-angle__status{position:absolute;left:50%;transform:translate(-50%);z-index:2;color:#c9c9c9;text-align:center;font:400 11px/16px NakamaBarlow,sans-serif;white-space:nowrap}.nkp-angle__credit{bottom:12px}.nkp-angle__credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.nkp-angle__status{bottom:44px;font-size:14px}.nkp-angle__status button{margin-left:8px;border:1px solid #878788;background:#151515;color:#fff;border-radius:16px;padding:5px 10px;cursor:pointer}@media(min-width:768px){body:has(.nkp-sticky:not([hidden])) .nkp-angle .nkp-angle__controls:not([hidden]){bottom:191px}}@media(max-width:767px){.nkp-angle__credit{bottom:2px;font-size:10px}.nkp-angle__status{bottom:90px}.nkp-angle .nkp-angle__point{display:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/nakama-pdp-angle-motion.css.map */