.ns-pairs{background:#0a0a0a;color:#fff;padding-block:clamp(64px,9vw,120px);overflow:hidden}.ns-pairs--empty{padding-block:32px}.ns-pairs__empty{margin:0;font-family:var(--font-body);font-size:14px;color:#fff9;text-align:center}.ns-pairs__wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}.ns-pairs__head{text-align:center;max-width:60ch;margin:0 auto clamp(32px,5vw,56px)}.ns-pairs__eyebrow{display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff9;margin-bottom:12px}.ns-pairs__heading{margin:0;font-family:var(--font-heading);font-weight:700;font-size:clamp(26px,3.6vw,42px);line-height:1.1;letter-spacing:-.01em;text-transform:none;color:#fff;text-wrap:balance}.ns-pairs__sub{margin:14px 0 0;font-family:var(--font-body);font-size:15px;line-height:1.6;color:#ffffffad}.ns-pairs__stage{max-width:1100px;margin-inline:auto}.ns-pairs__slide{margin:0}.ns-pairs__slide[hidden]{display:none}.ns-pairs__slide.is-active{animation:ns-pairs-in .35s ease both}@keyframes ns-pairs-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ns-pairs__composition{position:relative;padding-bottom:9%}.ns-pairs__browser{border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#161616;overflow:hidden;box-shadow:0 28px 60px -28px #000000d9}.ns-pairs__browser-bar{display:flex;align-items:center;gap:6px;height:30px;padding-inline:14px;background:#1c1c1c;border-bottom:1px solid rgba(255,255,255,.08)}.ns-pairs__browser-bar span{width:8px;height:8px;border-radius:50%;background:#ffffff38}.ns-pairs__zoom{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;line-height:0}.ns-pairs__zoom:focus-visible{outline:2px solid #fff;outline-offset:-2px}.ns-pairs__browser img{display:block;width:100%;height:auto;background:#fff}.ns-pairs__phone{position:absolute;right:3%;bottom:0;width:21%;min-width:132px;max-width:260px;padding:7px;border-radius:30px;background:#0b0b0b;border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 48px -16px #000000d9,0 0 0 1px #0009}.ns-pairs__phone-screen{position:relative;border-radius:23px;overflow:hidden;background:#fff}.ns-pairs__phone-screen:after{content:"";position:absolute;top:7px;left:50%;width:30%;height:5px;border-radius:3px;background:#0a0a0a8c;transform:translate(-50%);pointer-events:none}.ns-pairs__phone img{display:block;width:100%;height:auto}.ns-pairs__slide--phone-left .ns-pairs__phone{right:auto;left:3%}.ns-pairs__slide--single .ns-pairs__composition{padding-bottom:0}.ns-pairs__slide--single .ns-pairs__phone{position:relative;right:auto;left:auto;margin-inline:auto;width:min(52%,260px)}.ns-pairs__caption{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px;text-align:center}.ns-pairs__caption-label{font-family:var(--font-heading);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#fff}.ns-pairs__caption-text{max-width:56ch;font-family:var(--font-body);font-size:14px;line-height:1.55;color:#ffffffa8}.ns-pairs__nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}.ns-pairs__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.ns-pairs__arrow:hover{background:#fff;color:#0a0a0a;border-color:#fff}.ns-pairs__arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}.ns-pairs__counter{min-width:64px;text-align:center;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#ffffffbf}.ns-pairs__thumbs{display:flex;gap:12px;margin-top:26px;padding:4px 2px 10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;justify-content:safe center}.ns-pairs__thumbs::-webkit-scrollbar{height:6px}.ns-pairs__thumbs::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.ns-pairs__thumb{flex:0 0 auto;width:148px;display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;color:#ffffff8c;text-align:left;cursor:pointer;scroll-snap-align:center;transition:color .2s ease}.ns-pairs__thumb-img{display:block;border:1px solid rgba(255,255,255,.16);border-radius:4px;overflow:hidden;background:#1c1c1c;opacity:.6;line-height:0;transition:opacity .2s ease,border-color .2s ease}.ns-pairs__thumb-img img{display:block;width:100%;height:auto}.ns-pairs__thumb-label{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.3}.ns-pairs__thumb:hover .ns-pairs__thumb-img{opacity:.9}.ns-pairs__thumb.is-active{color:#fff}.ns-pairs__thumb.is-active .ns-pairs__thumb-img{opacity:1;border-color:#fff}.ns-pairs__thumb:focus-visible{outline:2px solid #fff;outline-offset:3px}.ns-pairs__lightbox{padding:0;border:0;background:transparent;color:#fff;width:min(96vw,1500px);max-width:none;max-height:94vh;margin:auto;overflow:visible}.ns-pairs__lightbox::backdrop{background:#000000e0}.ns-pairs__lightbox-close{position:absolute;top:-4px;right:-4px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#0a0a0a;color:#fff;cursor:pointer}.ns-pairs__lightbox-scroll{max-height:92vh;overflow:auto;border-radius:6px;background:#111;text-align:center;overscroll-behavior:contain}.ns-pairs__lightbox-scroll img{display:block;margin-inline:auto;width:100%;height:auto}.ns-pairs__lightbox[data-kind=mobile]{width:min(94vw,560px)}@media(max-width:700px){.ns-pairs__composition{display:flex;flex-direction:column;align-items:center;padding-bottom:0}.ns-pairs__browser{width:100%}.ns-pairs__phone{position:relative;right:auto;bottom:auto;left:auto;width:min(52%,230px);min-width:0;margin-top:-12%;border-radius:26px;padding:6px}.ns-pairs__slide--phone-left .ns-pairs__phone{left:auto}.ns-pairs__phone-screen{border-radius:20px}.ns-pairs__caption{margin-top:18px}.ns-pairs__thumb{width:124px}.ns-pairs__arrow{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.ns-pairs__slide.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/ns-pairs.css.map */