.pi-p2-did{--pd-bg: #000;--pd-blue: #006bb3;--pd-col-p2: #052842;--pd-col-p2-line: #1aa3ff;--pd-text: #fff;--pd-soft: rgba(255, 255, 255, .8);--pd-rule: rgba(255, 255, 255, .2);--pd-card: #262626;--pd-screen: #030303;--pd-col-pir: #1a1a1a;--pd-col-pir-line: #363636;--pd-card-p2: color-mix(in srgb, var(--pd-blue) 45%, transparent);--pd-glow: color-mix(in srgb, var(--pd-blue) 50%, transparent);--pd-pad-y: clamp(40px, 25.44px + 3.883vw, 100px);--pd-gap-group: clamp(32px, 16.47px + 4.142vw, 96px);--pd-h-top: clamp(20px, 12.72px + 1.942vw, 50px);--pd-h-bottom: clamp(35px, 24.08px + 2.913vw, 80px);--pd-h-gap: clamp(0px, -3.88px + 1.036vw, 16px);--pd-cards-gap: clamp(12px, 1.32px + 2.848vw, 56px);--pd-time: clamp(14px, 10.6px + .906vw, 28px);--pd-time-pad: clamp(0px, -2.43px + .647vw, 10px);--pd-time-gap: clamp(12px, 9.09px + .777vw, 24px);--pd-card-py: clamp(16px, 12.12px + 1.036vw, 32px);--pd-card-px: clamp(16px, 10.17px + 1.553vw, 40px);--pd-card-gap: clamp(12px, 9.09px + .777vw, 24px);--pd-card-radius: clamp(12px, 9.09px + .777vw, 24px);--pd-card-border: clamp(2px, 1.51px + .129vw, 4px);--pd-card-glow: clamp(50px, 43.93px + 1.618vw, 75px);--pd-lbl-ico: clamp(12px, 7.15px + 1.294vw, 32px);--pd-lbl-text: clamp(11px, 7.36px + .971vw, 26px);--pd-lbl-gap: clamp(8px, 7.03px + .259vw, 12px);--pd-lbl-py: clamp(0px, -3.88px + 1.036vw, 16px);--pd-lbl-px: clamp(0px, -4.85px + 1.294vw, 20px);--pd-media-radius: clamp(8px, 6.06px + .518vw, 16px);--pd-off-ico: clamp(25px, 11.65px + 3.56vw, 80px);--pd-off-stroke: clamp(3px, 2.76px + .065vw, 4px);--pd-off-title: clamp(10px, 6.6px + .906vw, 24px);--pd-off-text: clamp(8px, 5.09px + .777vw, 20px);--pd-off-gap: clamp(6px, 5.51px + .129vw, 8px);--pd-caption: clamp(10px, 6.6px + .906vw, 24px);--pd-label-w: clamp(90px, 39.03px + 13.592vw, 300px);--pd-t-text: clamp(12px, 10.06px + .518vw, 20px);--pd-t-head: clamp(12px, 9.09px + .777vw, 24px);--pd-t-py: clamp(16px, 14.06px + .518vw, 24px);--pd-t-head-pt: clamp(24px, 18.17px + 1.553vw, 48px);--pd-t-head-pb: clamp(16px, 14.06px + .518vw, 24px);--pd-t-last-pb: clamp(24px, 20.12px + 1.036vw, 40px);--pd-t-pir-pr: clamp(0px, -7.77px + 2.071vw, 32px);--pd-t-lines: 2;--pd-pill-gap: clamp(8px, 6.06px + .518vw, 16px);--pd-pill-h: clamp(21px, 19.06px + .518vw, 29px);--pd-pill-text: clamp(8px, 7.03px + .259vw, 12px);position:relative;margin:0;padding:calc(var(--pd-pad-y) + var(--pd-extra-top, 0px)) 0 calc(var(--pd-pad-y) + var(--pd-extra-bottom, 0px));background:var(--pd-bg);color:var(--pd-text);font-family:Inter,system-ui,sans-serif;line-height:1.2;text-align:center;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi-p2-did *,.pi-p2-did *:before,.pi-p2-did *:after{box-sizing:border-box}.pi-p2-did p{margin:0;color:inherit}.pi-p2-did__inner{max-width:1664px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;align-items:center;gap:var(--pd-gap-group)}.pi-p2-did .pi-p2-did__title{display:flex;flex-direction:column;align-items:center;gap:var(--pd-h-gap);margin:0;padding:0;color:var(--pd-text);font-family:Work Sans,sans-serif;font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase}.pi-p2-did__title-top{font-size:var(--pd-h-top)}.pi-p2-did__title-bottom{color:var(--pd-blue);font-size:var(--pd-h-bottom)}.pi-p2-did__cards{display:flex;justify-content:center;align-items:stretch;gap:var(--pd-cards-gap);width:100%}.pi-p2-did__card-wrap{flex:0 1 600px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--pd-time-gap)}.pi-p2-did .pi-p2-did__time{padding:var(--pd-time-pad);font-size:var(--pd-time);line-height:normal}.pi-p2-did__time>span{display:block;text-box:trim-both cap alphabetic}.pi-p2-did__card{position:relative;flex:1 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--pd-card-gap);padding:var(--pd-card-py) var(--pd-card-px);border-radius:var(--pd-card-radius);background:var(--pd-card);overflow:hidden}.pi-p2-did__card--p2{background:var(--pd-card-p2);box-shadow:1px 1px var(--pd-card-glow) 0 var(--pd-glow)}.pi-p2-did__card--p2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:var(--pd-card-border) solid var(--pd-blue);border-radius:inherit;pointer-events:none}.pi-p2-did .pi-p2-did__card-label{display:flex;align-items:center;justify-content:center;gap:var(--pd-lbl-gap);padding:var(--pd-lbl-py) var(--pd-lbl-px);font-size:var(--pd-lbl-text);font-weight:400;line-height:1.2;white-space:nowrap}.pi-p2-did .pi-p2-did__card-label--p2{font-weight:700}.pi-p2-did__card-label img{flex:none;width:var(--pd-lbl-ico);height:var(--pd-lbl-ico)}.pi-p2-did__phone{display:none}.pi-p2-did .pi-p2-did__media{display:block;position:relative;flex:none;width:100%;aspect-ratio:520 / 395;border-radius:var(--pd-media-radius);background:var(--pd-screen);overflow:hidden}.pi-p2-did__media img,.pi-p2-did__media .pi-p2-did__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:0 50%}.pi-p2-did__placeholder{fill:#fff3}.pi-p2-did .pi-p2-did__media--off{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4px;color:var(--pd-soft)}.pi-p2-did__off-ico{width:calc(var(--pd-off-ico) * 1.05);height:calc(var(--pd-off-ico) * 1.05);margin:calc(var(--pd-off-ico) * -.025);margin-bottom:calc(12px + var(--pd-off-ico) * -.025);stroke-width:var(--pd-off-stroke)}.pi-p2-did .pi-p2-did__off-title{font-size:var(--pd-off-title);font-weight:600;line-height:1.2}.pi-p2-did .pi-p2-did__off-text{margin-top:var(--pd-off-gap);font-size:var(--pd-off-text);line-height:normal;text-box:trim-both cap alphabetic}.pi-p2-did .pi-p2-did__caption{font-size:var(--pd-caption);font-weight:500;line-height:1.2;text-transform:uppercase}.pi-p2-did__compare{width:100%;max-width:1200px}.pi-p2-did .pi-p2-did__table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;table-layout:fixed;color:var(--pd-text);font-size:var(--pd-t-text);line-height:1.3}.pi-p2-did__col-label{width:var(--pd-label-w)}.pi-p2-did .pi-p2-did__table th,.pi-p2-did .pi-p2-did__table td{padding:var(--pd-t-py) 8px;border:0;border-bottom:1px solid var(--pd-rule);background:none;color:inherit;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:0;text-align:center;text-transform:none;vertical-align:middle}.pi-p2-did .pi-p2-did__table td.pi-p2-did__p2,.pi-p2-did .pi-p2-did__table th.pi-p2-did__p2{background:var(--pd-col-p2)}.pi-p2-did .pi-p2-did__table td.pi-p2-did__pir,.pi-p2-did .pi-p2-did__table th.pi-p2-did__pir{padding-right:calc(8px + var(--pd-t-pir-pr));background:var(--pd-col-pir)}.pi-p2-did__in{min-height:calc(var(--pd-t-lines) * 1.3em);display:flex;align-items:center;justify-content:center;text-align:center}.pi-p2-did__in strong{font-weight:700}.pi-p2-did .pi-p2-did__table thead th,.pi-p2-did .pi-p2-did__table thead td{padding-top:var(--pd-t-head-pt);padding-bottom:var(--pd-t-head-pb);font-size:var(--pd-t-head);font-weight:700}.pi-p2-did .pi-p2-did__table thead .pi-p2-did__in{min-height:0}.pi-p2-did .pi-p2-did__table thead th.pi-p2-did__p2{border-top:4px solid var(--pd-col-p2-line);border-top-left-radius:16px}.pi-p2-did .pi-p2-did__table thead th.pi-p2-did__pir{border-top:4px solid var(--pd-col-pir-line);border-top-right-radius:16px}.pi-p2-did .pi-p2-did__table thead td.pi-p2-did__label{border-top:4px solid transparent}.pi-p2-did .pi-p2-did__table tbody tr:last-child>*{padding-bottom:var(--pd-t-last-pb);border-bottom:0}.pi-p2-did .pi-p2-did__table tbody tr:last-child>.pi-p2-did__p2{border-bottom-left-radius:16px}.pi-p2-did .pi-p2-did__table tbody tr:last-child>.pi-p2-did__pir{border-bottom-right-radius:16px}.pi-p2-did__after{display:grid;grid-template-columns:var(--pd-label-w) 1fr 1fr;margin-top:var(--pd-pill-gap)}.pi-p2-did .pi-p2-did__why{grid-column:3;justify-self:center;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;height:var(--pd-pill-h);margin:0 calc(var(--pd-t-pir-pr)) 0 0;padding:0 14px;border:0;border-radius:30px;background:var(--pd-blue);color:#fff;font-family:inherit;font-size:var(--pd-pill-text);font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:filter .2s ease}.pi-p2-did .pi-p2-did__why:before{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px}.pi-p2-did__why:hover{filter:brightness(1.15)}.pi-p2-did__why:focus-visible{outline:2px solid #fff;outline-offset:2px}.pi-p2-did__why svg{flex:none;width:1.25em;height:auto}.pi-p2-did .pi-p2-did__dialog{width:min(calc(100% - 40px),480px);max-width:none;max-height:calc(100% - 40px);margin:auto;padding:0;border:0;border-radius:12px;background:#fff;color:#000;font-family:Inter,system-ui,sans-serif;text-align:left;overflow-y:auto;overscroll-behavior:contain}.pi-p2-did__dialog::backdrop{background:#00000080}html:has(.pi-p2-did__dialog[open]){overflow:hidden}.pi-p2-did__dialog-in{padding:20px 16px 40px}.pi-p2-did__dialog-top{display:flex;justify-content:flex-end}.pi-p2-did .pi-p2-did__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:1.5px solid var(--pd-blue);border-radius:50%;background:none;color:var(--pd-blue);cursor:pointer}.pi-p2-did__close svg{width:20px;height:20px}.pi-p2-did__close:focus-visible{outline:2px solid var(--pd-blue);outline-offset:2px}.pi-p2-did__dialog-body{padding:0 8px;font-size:14px;line-height:1.5;letter-spacing:.02em}.pi-p2-did .pi-p2-did__dialog-title{margin:0 0 30px;padding:0;color:#000;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:.02em;text-transform:none}.pi-p2-did .pi-p2-did__dialog-text p{margin:0;color:#000;font-size:14px;line-height:1.5;letter-spacing:.02em}.pi-p2-did .pi-p2-did__dialog-text p+p{margin-top:21px}.pi-p2-did .pi-p2-did__dialog-text strong{font-size:16px;font-weight:700}@media(max-width:768px){.pi-p2-did{--pd-t-lines: 3}.pi-p2-did__inner{padding:0 24px}.pi-p2-did__title-top{line-height:.85}.pi-p2-did .pi-p2-did__table thead th{padding-left:4px;padding-right:4px}}@media(max-width:575px){.pi-p2-did__card-wrap{flex:1 1 0}.pi-p2-did__card-wrap--p2{flex:0 0 calc((100% - var(--pd-cards-gap)) * .578)}.pi-p2-did .pi-p2-did__card-label--p2{font-weight:400}.pi-p2-did__card-label:has(.pi-p2-did__phone) .pi-p2-did__wide{display:none}.pi-p2-did__phone{display:inline}.pi-p2-did .pi-p2-did__card--p2 .pi-p2-did__media{width:calc(100% + 2 * var(--pd-card-px));margin:0 calc(-1 * var(--pd-card-px));aspect-ratio:182 / 167}.pi-p2-did .pi-p2-did__card--pir .pi-p2-did__media{flex:1 1 auto;aspect-ratio:auto;min-height:120px}}@media(prefers-reduced-motion:reduce){.pi-p2-did__why{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/293/assets/pi-p2-did-it-record.css.map */