.pi-imgt{--pi-imgt-bg: #ffffff;--pi-imgt-heading: #000000;--pi-imgt-accent: #006bb3;--pi-imgt-toggle-bg: #ededed;--pi-imgt-toggle-active-bg: #006bb3;--pi-imgt-toggle-text: #000000;--pi-imgt-toggle-active-text: #ffffff;--pi-imgt-top: 11%;--pi-imgt-top-mobile: 7%;--pi-imgt-max-width: 1920px;--pi-imgt-pt: 0px;--pi-imgt-pb: 0px;--pi-imgt-count: 2;--pi-imgt-benefits-bg-mobile: #f5f5f5;--pi-imgt-img-offset-mobile: 0;background:var(--pi-imgt-bg);padding:var(--pi-imgt-pt) 0 var(--pi-imgt-pb)}.pi-imgt,.pi-imgt *,.pi-imgt *:before,.pi-imgt *:after{box-sizing:border-box}.pi-imgt__frame{position:relative;max-width:var(--pi-imgt-max-width);margin:0 auto;overflow:hidden;container-type:inline-size;isolation:isolate}.pi-imgt__track,.pi-imgt__copies{display:grid}.pi-imgt__panel,.pi-imgt__copy{grid-area:1 / 1;min-width:0;visibility:hidden}.pi-imgt__panel.is-active,.pi-imgt__copy.is-active{z-index:1;visibility:visible}.pi-imgt .is-leaving{visibility:visible}.pi-imgt__img{display:block;width:100%;height:auto}.pi-imgt__panel{display:flex;flex-direction:column;justify-content:flex-end}.pi-imgt__panel picture{display:block}.pi-imgt__placeholder{display:block;width:100%;height:auto;aspect-ratio:1920 / 900;background:#f2f2f2}.pi-imgt__header{position:absolute;top:var(--pi-imgt-top);left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.1cqi,40px);pointer-events:none}.pi-imgt__copies{width:100%;isolation:isolate}.pi-imgt__copy{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.25cqi,24px);width:100%;padding:0 24px;text-align:center}.pi-imgt__heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:.25em;row-gap:.1em;margin:0;font-family:Work Sans,sans-serif;font-size:clamp(32px,4.2cqi,80px);font-weight:700;line-height:1;letter-spacing:normal;text-transform:uppercase;color:var(--pi-imgt-heading)}.pi-imgt__heading-accent{color:var(--pi-imgt-accent)}.pi-imgt__text{max-width:1040px;font-family:Inter,sans-serif;font-size:clamp(14px,2vw,25px);line-height:1.5;letter-spacing:normal;color:var(--pi-imgt-heading);pointer-events:auto}.pi-imgt__text p{margin:0;font:inherit}.pi-imgt__toggle{--pi-imgt-active: 0;--pi-imgt-pad: clamp(4.5px, .417cqi, 8px);position:relative;display:flex;width:calc(var(--pi-imgt-count) * clamp(130px,11.72cqi,225px));max-width:calc(100% - 48px);padding:var(--pi-imgt-pad);border-radius:clamp(7px,.625cqi,12px);background:var(--pi-imgt-toggle-bg);pointer-events:auto}.pi-imgt__thumb{position:absolute;top:var(--pi-imgt-pad);bottom:var(--pi-imgt-pad);left:var(--pi-imgt-pad);width:calc((100% - 2 * var(--pi-imgt-pad)) / var(--pi-imgt-count));border-radius:clamp(4.5px,.417cqi,8px);background:var(--pi-imgt-toggle-active-bg);transform:translate(calc(var(--pi-imgt-active) * 100%));transition:transform .35s cubic-bezier(.4,0,.2,1)}.pi-imgt__btn{position:relative;z-index:1;flex:1 1 0;min-width:0;margin:0;padding:clamp(11.5px,1.042cqi,20px) 12px;border:0;border-radius:clamp(4.5px,.417cqi,8px);background:transparent;font-family:Inter,sans-serif;font-size:clamp(12px,1.042cqi,20px);font-weight:700;line-height:.9;color:var(--pi-imgt-toggle-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .25s}.pi-imgt__btn[aria-pressed=true]{color:var(--pi-imgt-toggle-active-text)}.pi-imgt__btn:focus-visible{outline:2px solid var(--pi-imgt-toggle-active-bg);outline-offset:2px;box-shadow:none}.pi-imgt__benefits{display:flex;max-width:var(--pi-imgt-max-width);margin:24px auto 0;padding:0 clamp(16px,8.33vw,160px)}.pi-imgt__benefit{display:flex;flex:1 1 0;align-items:flex-start;gap:clamp(16px,2.1vw,40px);min-width:0;padding:clamp(24px,3.33vw,64px) clamp(12px,2.1vw,40px)}.pi-imgt__benefit-icon{flex:0 0 auto;width:clamp(56px,4.74vw,91px);height:auto;aspect-ratio:91 / 80;object-fit:contain}.pi-imgt__benefit-copy{display:flex;flex:1 1 0;flex-direction:column;gap:8px;min-width:0;color:var(--pi-imgt-heading)}.pi-imgt__benefit-title{margin:0;font:700 clamp(18px,1.25vw,24px) / 1.2 "Inter",sans-serif;letter-spacing:.02em}.pi-imgt__benefit-text{margin:0;font:400 clamp(16px,1.042vw,20px) / 1.5 "Inter",sans-serif;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.pi-imgt__thumb,.pi-imgt__btn{transition:none}}@media(max-width:768px){.pi-imgt__header{top:var(--pi-imgt-top-mobile);gap:clamp(16px,6.4cqi,40px)}.pi-imgt__copy{gap:clamp(8px,3.2cqi,24px);padding:0 12px}.pi-imgt__heading{font-size:clamp(24px,8cqi,56px)}.pi-imgt__toggle{--pi-imgt-pad: clamp(4px, 1.6cqi, 8px);width:min(calc(var(--pi-imgt-count) * clamp(100px,30.8cqi,225px)),calc(100% - 32px));max-width:none;border-radius:clamp(6px,1.6cqi,12px)}.pi-imgt__thumb,.pi-imgt__btn{border-radius:clamp(4px,1.07cqi,8px)}.pi-imgt__btn{padding:clamp(8px,2.67cqi,16px) 8px;font-size:clamp(12px,3.2cqi,18px);line-height:1.5}.pi-imgt__panel picture{padding-top:calc(var(--pi-imgt-img-offset-mobile) * 1cqi)}.pi-imgt__benefits{flex-direction:column;max-width:none;margin-top:0;padding:20px 24px;background:var(--pi-imgt-benefits-bg-mobile)}.pi-imgt__benefit{align-items:center;gap:20px;padding:12px 24px}.pi-imgt__benefit-icon{width:24px;aspect-ratio:1}.pi-imgt__benefit-copy{gap:4px}.pi-imgt__benefit-text{font-size:12px;line-height:1.2}}
/*# sourceMappingURL=/cdn/shop/t/293/assets/pi-image-toggle.css.map */