.pi-p2-rec{--rec-bg: #000;--rec-text: #fff;--rec-soft: rgba(255, 255, 255, .8);--rec-blue: #006bb3;--rec-accent: #1aa3ff;--rec-fs-bg: #052842;--rec-pir-bg: #1a1a1a;--rec-pir-top: #363636;--rec-divider: rgba(255, 255, 255, .2);--rec-line: rgba(255, 255, 255, .8);--rec-dot: rgba(255, 255, 255, .8);--rec-line-w: 1px;--rec-dot-r: 2.67px;--rec-conn-h: 6px;--rec-modal-bg: #fff;--rec-modal-text: #111;--rec-gap: clamp(16px, 1.7vw, 32px);--rec-lbl-gap: 24px;--rec-pad-x: 40px;--rec-radius: 16px;--rec-frame-radius: clamp(10px, 1.05vw, 20px);--rec-ico-h: 26px;position:relative;margin:0;padding:calc(clamp(40px,5.21vw,100px) + var(--rec-extra-top, 0px)) 0 calc(clamp(40px,5.21vw,100px) + var(--rec-extra-bottom, 0px));background:var(--rec-bg);color:var(--rec-text);font-family:Inter,system-ui,sans-serif;line-height:1.15;text-align:left;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi-p2-rec *,.pi-p2-rec *:before,.pi-p2-rec *:after{box-sizing:border-box}.pi-p2-rec__inner{max-width:calc(1494px + 2 * var(--rec-pad-x));margin:0 auto;padding:0 var(--rec-pad-x)}.pi-p2-rec__sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pi-p2-rec .pi-p2-rec__title{margin:0 0 clamp(40px,5.5vw,80px);padding:0;color:var(--rec-text);font-family:Work Sans,sans-serif;text-align:center;text-transform:uppercase;font-weight:700;line-height:1;letter-spacing:0}.pi-p2-rec .pi-p2-rec__title-top{display:block;font-size:clamp(16px,5.4vw,50px);letter-spacing:.01em}.pi-p2-rec .pi-p2-rec__title-bottom{display:block;color:var(--rec-blue);font-size:clamp(34px,9.33vw,80px);font-weight:700;margin-top:clamp(2px,.83vw,16px)}.pi-p2-rec__labels,.pi-p2-rec__frames{max-width:1220px;margin-left:auto;margin-right:auto}.pi-p2-rec__labels{display:grid;grid-template-columns:repeat(var(--rec-cols, 4),minmax(0,1fr));column-gap:var(--rec-gap);align-items:center;margin-bottom:clamp(8px,1.25vw,24px)}.pi-p2-rec__lbl{grid-row:1;display:flex;align-items:center;gap:var(--rec-lbl-gap);min-width:0}.pi-p2-rec__lbl--first{grid-column:1}.pi-p2-rec__lbl--mid{grid-column:2}.pi-p2-rec__lbl--last{grid-column:-2 / -1}.pi-p2-rec__lbl-inner{flex:none;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--rec-soft);font-size:clamp(14px,.9vw + 3px,20px);font-weight:500;line-height:1;text-align:center;white-space:nowrap}.pi-p2-rec__lbl-text{margin-block:-.137em}.pi-p2-rec__line-2{display:block}.pi-p2-rec__line-2--blue{color:var(--rec-blue)}.pi-p2-rec__ico{display:block;flex:none;height:1.2em;width:auto;aspect-ratio:1}.pi-p2-rec__ico--phone{display:none}.pi-p2-rec img.pi-p2-rec__ico{aspect-ratio:auto;max-width:none;object-fit:contain}.pi-p2-rec__lbl--hl .pi-p2-rec__lbl-inner{gap:4px;color:#fff;font-size:clamp(14px,1vw + 1px,20px);font-weight:600;line-height:1.2;letter-spacing:0;text-transform:uppercase;filter:drop-shadow(0 1px 5px rgba(0,152,255,.3));min-width:7.9em}.pi-p2-rec__lbl--hl .pi-p2-rec__lbl-text{margin-block:-.237em}.pi-p2-rec__lbl--hl .pi-p2-rec__ico{height:clamp(30px,2.6vw,50px)}.pi-p2-rec__conn{--rec-dl: transparent;--rec-dr: transparent;display:block;flex:1 1 0;min-width:0;height:var(--rec-conn-h);background:radial-gradient(circle,var(--rec-dl) 0 calc(var(--rec-dot-r) - .5px),transparent var(--rec-dot-r)) left center / calc(var(--rec-dot-r) * 2) calc(var(--rec-dot-r) * 2) no-repeat,radial-gradient(circle,var(--rec-dr) 0 calc(var(--rec-dot-r) - .5px),transparent var(--rec-dot-r)) right center / calc(var(--rec-dot-r) * 2) calc(var(--rec-dot-r) * 2) no-repeat,linear-gradient(var(--rec-line),var(--rec-line)) center / 100% var(--rec-line-w) no-repeat}.pi-p2-rec__conn--edge{flex:0 0 25%}.pi-p2-rec__conn--dl{--rec-dl: var(--rec-dot)}.pi-p2-rec__conn--dr{--rec-dr: var(--rec-dot)}.pi-p2-rec__conn--join-l{margin-left:calc(var(--rec-gap) / -2 - 1px)}.pi-p2-rec__conn--join-r{margin-right:calc(var(--rec-gap) / -2 - 1px)}.pi-p2-rec__conn--mid{grid-column:var(--rec-mid-start) / -2;grid-row:1;margin:0 calc(var(--rec-gap) / -2)}@media(min-width:1024px){.pi-p2-rec__conn--mid-off-wide{display:none}}.pi-p2-rec__frames{display:grid;grid-template-columns:repeat(var(--rec-cols, 4),minmax(0,1fr));gap:var(--rec-gap);padding-top:clamp(24px,3.15vw,41px)}.pi-p2-rec__frame{position:relative;margin:0;aspect-ratio:385.33 / 270;border-radius:var(--rec-frame-radius);background:#111;container-type:inline-size}.pi-p2-rec .pi-p2-rec__frame img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:inherit;object-fit:cover;object-position:var(--rec-pos, 0% 50%)}.pi-p2-rec__frame picture{display:block;height:100%;border-radius:inherit;overflow:hidden}.pi-p2-rec__frame--glow{box-shadow:0 1px 5px #1aa3ff80,0 1px 30px #016bb340}.pi-p2-rec__frame--active{box-shadow:0 1px 5px #1aa3ff80,0 1px 50px #016bb3bf}.pi-p2-rec .pi-p2-rec__frame.pi-p2-rec__frame--active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #fff;border-radius:inherit;pointer-events:none}.pi-p2-rec__ts{position:absolute;bottom:calc(100% + .86em);left:50%;transform:translate(-50%);z-index:1;display:flex;align-items:center;gap:.556em;color:#fff;font-size:18px;font-size:4.67cqw;font-weight:400;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums;filter:drop-shadow(0 1px 5px #000);white-space:nowrap;pointer-events:none}.pi-p2-rec__ts-dot{flex:none;width:.556em;height:.556em;border-radius:50%;background:red}.pi-p2-rec__ts-narrow{display:none}.pi-p2-rec .pi-p2-rec__table{width:100%;max-width:1200px;margin:clamp(40px,4.2vw,80px) auto 0;border:0;border-collapse:separate;border-spacing:0;table-layout:fixed;background:none;color:var(--rec-text)}.pi-p2-rec__col-label{width:25%}.pi-p2-rec__col-fs,.pi-p2-rec__col-pir{width:37.5%}.pi-p2-rec .pi-p2-rec__table tr{background:none;border:0}.pi-p2-rec .pi-p2-rec__table th,.pi-p2-rec .pi-p2-rec__table td{position:relative;padding:24px 28px;border:0;background:none;color:var(--rec-text);font-size:clamp(15px,.75vw + 6px,20px);font-weight:400;line-height:1.3;letter-spacing:0;text-align:center;text-transform:none;text-wrap:balance;vertical-align:middle}.pi-p2-rec .pi-p2-rec__table thead th{padding-top:44px;padding-bottom:24px;font-size:clamp(18px,1vw + 6px,24px);font-weight:700;line-height:1.3}.pi-p2-rec .pi-p2-rec__table thead td{padding:0}.pi-p2-rec .pi-p2-rec__table .pi-p2-rec__c-fs{background:var(--rec-fs-bg)}.pi-p2-rec .pi-p2-rec__table .pi-p2-rec__c-pir{background:var(--rec-pir-bg);padding-right:60px}.pi-p2-rec .pi-p2-rec__table thead .pi-p2-rec__c-fs{border-top:4px solid var(--rec-accent);border-top-left-radius:var(--rec-radius)}.pi-p2-rec .pi-p2-rec__table thead .pi-p2-rec__c-pir{border-top:4px solid var(--rec-pir-top);border-top-right-radius:var(--rec-radius)}.pi-p2-rec .pi-p2-rec__table tbody tr:last-child .pi-p2-rec__c-fs{border-bottom-left-radius:var(--rec-radius)}.pi-p2-rec .pi-p2-rec__table tbody tr:last-child .pi-p2-rec__c-pir{border-bottom-right-radius:var(--rec-radius)}@media(min-width:1024px){.pi-p2-rec .pi-p2-rec__table tbody tr:last-child th,.pi-p2-rec .pi-p2-rec__table tbody tr:last-child td{padding-bottom:40px}}.pi-p2-rec .pi-p2-rec__table tbody th:before,.pi-p2-rec .pi-p2-rec__table tbody td:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--rec-divider)}.pi-p2-rec .pi-p2-rec__table tbody .pi-p2-rec__c-pir:before{right:32px}.pi-p2-rec__nowrap{white-space:nowrap}.pi-p2-rec .pi-p2-rec__info{all:unset;box-sizing:border-box;display:inline-flex;width:.8em;height:.8em;margin-left:.4em;vertical-align:-.06em;border-radius:50%;color:inherit;cursor:pointer;transition:color .15s}.pi-p2-rec .pi-p2-rec__info:hover{color:var(--rec-accent)}.pi-p2-rec .pi-p2-rec__info:focus-visible{outline:2px solid var(--rec-accent);outline-offset:2px}.pi-p2-rec .pi-p2-rec__info svg{display:block;width:100%;height:100%}html:has(.pi-p2-rec__modal[open]){overflow:hidden}.pi-p2-rec .pi-p2-rec__modal{position:fixed;top:0;right:0;bottom:0;left:0;width:min(610px,calc(100% - 40px));max-width:none;height:fit-content;max-height:calc(100% - 40px);margin:auto;padding:0;border:0;border-radius:20px;background:var(--rec-modal-bg);color:var(--rec-modal-text);box-shadow:0 24px 64px #00000080;overflow-y:auto;overscroll-behavior:contain;text-align:left}.pi-p2-rec .pi-p2-rec__modal:not([open]){display:none}.pi-p2-rec .pi-p2-rec__modal[open]{animation:pi-p2-rec-modal-in .2s ease-out}.pi-p2-rec .pi-p2-rec__modal::backdrop{background:#0009;animation:pi-p2-rec-fade-in .2s ease-out}.pi-p2-rec__modal-body{position:relative;padding:56px 40px 40px}.pi-p2-rec .pi-p2-rec__modal-title{margin:0 0 28px;padding:0 40px 0 0;color:var(--rec-modal-text);font-size:32px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none}.pi-p2-rec .pi-p2-rec__modal p{margin:0;padding:0;color:var(--rec-modal-text);font-size:16px;font-weight:400;line-height:1.55;letter-spacing:.01em}.pi-p2-rec .pi-p2-rec__modal-point{margin-top:26px}.pi-p2-rec .pi-p2-rec__modal-point h4{margin:0 0 2px;padding:0;color:var(--rec-modal-text);font-size:20px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none}.pi-p2-rec .pi-p2-rec__modal-close{all:unset;box-sizing:border-box;position:absolute;top:20px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--rec-blue);border-radius:50%;color:var(--rec-blue);cursor:pointer;transition:background-color .15s,color .15s}.pi-p2-rec .pi-p2-rec__modal-close:hover{background:var(--rec-blue);color:#fff}.pi-p2-rec .pi-p2-rec__modal-close:focus-visible{outline:2px solid var(--rec-blue);outline-offset:3px}.pi-p2-rec .pi-p2-rec__modal-close svg{display:block;width:18px;height:18px}@keyframes pi-p2-rec-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes pi-p2-rec-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:1023px){.pi-p2-rec{--rec-pad-x: 32px;--rec-gap: 16px;--rec-lbl-gap: 14px}.pi-p2-rec__labels,.pi-p2-rec__frames{grid-template-columns:repeat(var(--rec-cols-narrow, 3),minmax(0,1fr))}.pi-p2-rec__conn--mid-off-narrow{display:none}.pi-p2-rec__lbl-inner,.pi-p2-rec__lbl--hl .pi-p2-rec__lbl-inner{font-size:15px}.pi-p2-rec__ico{height:var(--rec-ico-h)}.pi-p2-rec__lbl--hl .pi-p2-rec__ico{height:calc(var(--rec-ico-h) * 1.35)}.pi-p2-rec__frame--wide-only{display:none}.pi-p2-rec__frame{aspect-ratio:6 / 5}.pi-p2-rec .pi-p2-rec__frame img{object-position:var(--rec-pos-narrow, var(--rec-pos, 0% 50%))}.pi-p2-rec .pi-p2-rec__frame.pi-p2-rec__frame--active:after{border-width:2px}.pi-p2-rec__ts{font-size:12px;font-size:max(12px,4.67cqw)}.pi-p2-rec__ts-wide{display:none}.pi-p2-rec__ts-narrow{display:inline}.pi-p2-rec .pi-p2-rec__table th,.pi-p2-rec .pi-p2-rec__table td{padding:20px 18px}.pi-p2-rec .pi-p2-rec__table thead th{padding-top:26px;padding-bottom:26px}.pi-p2-rec .pi-p2-rec__table .pi-p2-rec__c-pir{padding-right:42px}.pi-p2-rec .pi-p2-rec__table tbody .pi-p2-rec__c-pir:before{right:24px}}@media(max-width:767px){.pi-p2-rec{--rec-pad-x: 24px;--rec-gap: 8px;--rec-lbl-gap: 4px;--rec-ico-h: 15px;--rec-line-w: .5px;--rec-dot-r: 1.33px;--rec-conn-h: 3px}.pi-p2-rec .pi-p2-rec__title-top{line-height:.85}.pi-p2-rec .pi-p2-rec__title-bottom{margin-top:0}.pi-p2-rec__ico--wide{display:none}.pi-p2-rec__ico--phone{display:block}.pi-p2-rec__conn--edge{display:none}.pi-p2-rec__line-2--inline-phones{display:inline}.pi-p2-rec__lbl-inner{gap:8px;font-size:clamp(8px,2.2vw,11px);min-width:9.875em}.pi-p2-rec__lbl--hl .pi-p2-rec__lbl-inner{gap:8px;font-size:clamp(9px,2.7vw,13px);min-width:8.2em;filter:drop-shadow(0 1px 2.5px rgba(0,107,179,.65))}.pi-p2-rec__lbl--hl .pi-p2-rec__ico{height:var(--rec-ico-h)}.pi-p2-rec__frames{padding-top:clamp(17px,3.7vw,30px)}.pi-p2-rec__frame{aspect-ratio:207 / 224}.pi-p2-rec__frame--own-mobile{--rec-pos: 50% 50%}.pi-p2-rec__frame--glow{box-shadow:0 1px 2.5px #1aa3ff80,0 1px 15px #016bb340}.pi-p2-rec__frame--active{box-shadow:0 1px 2.5px #1aa3ff80,0 1px 25px #016bb3bf}.pi-p2-rec .pi-p2-rec__frame.pi-p2-rec__frame--active:after{border-width:1px}.pi-p2-rec__ts{bottom:calc(100% + 1.28em);gap:.33em;font-size:6px;font-size:5.79cqw}.pi-p2-rec__ts-dot{width:.5em;height:.5em}.pi-p2-rec__col-label{width:27.5%}.pi-p2-rec__col-fs,.pi-p2-rec__col-pir{width:36.25%}.pi-p2-rec .pi-p2-rec__table th,.pi-p2-rec .pi-p2-rec__table td{padding:16px 8px;font-size:12px;line-height:1.2}.pi-p2-rec .pi-p2-rec__table tbody th,.pi-p2-rec .pi-p2-rec__table tbody td{height:77px}.pi-p2-rec .pi-p2-rec__table tbody tr:last-child th,.pi-p2-rec .pi-p2-rec__table tbody tr:last-child td{height:85px;padding-bottom:24px}.pi-p2-rec .pi-p2-rec__table thead th{padding-top:20px;padding-bottom:16px;font-size:12px;line-height:1.3}.pi-p2-rec .pi-p2-rec__table tbody th{padding-left:4px;padding-right:4px}.pi-p2-rec .pi-p2-rec__table tbody .pi-p2-rec__c-fs{font-weight:400}.pi-p2-rec .pi-p2-rec__table tbody .pi-p2-rec__c-pir:before{right:0}.pi-p2-rec .pi-p2-rec__table .pi-p2-rec__c-pir{padding-right:8px}.pi-p2-rec .pi-p2-rec__info{width:1em;height:1em;margin-left:.33em;vertical-align:-.15em}.pi-p2-rec .pi-p2-rec__modal{width:calc(100% - 40px);max-height:calc(100% - 32px);border-radius:16px}.pi-p2-rec__modal-body{padding:48px 24px 32px}.pi-p2-rec .pi-p2-rec__modal-title{margin-bottom:22px;font-size:22px}.pi-p2-rec .pi-p2-rec__modal p{font-size:15px;line-height:1.5}.pi-p2-rec .pi-p2-rec__modal-point{margin-top:22px}.pi-p2-rec .pi-p2-rec__modal-point h4{font-size:16px}.pi-p2-rec .pi-p2-rec__modal-close{top:18px;right:16px;width:34px;height:34px}.pi-p2-rec .pi-p2-rec__modal-close svg{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){.pi-p2-rec .pi-p2-rec__modal[open],.pi-p2-rec .pi-p2-rec__modal::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/293/assets/pi-p2-recording.css.map */