.jp-pswitch{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.jp-pswitch__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:27px 22px 22px;background:var(--pure-white);border:1px solid var(--platinum);cursor:pointer;text-align:left;font-family:var(--jp-sans);transition:border-color .2s,box-shadow .25s,transform .25s;overflow:hidden}.jp-pswitch__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--jp-pcol)}.jp-pswitch__card:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px);border-color:var(--jp-pcol)}.jp-pswitch__card.is-active{border-color:var(--jp-pcol);box-shadow:0 0 0 3px color-mix(in srgb,var(--jp-pcol) 20%,transparent),var(--shadow-soft)}.jp-pswitch__check{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--jp-pcol) 78%,var(--ink));color:#fff;display:none;align-items:center;justify-content:center}.jp-pswitch__card.is-active .jp-pswitch__check{display:flex}.jp-pswitch__card.is-active .jp-pswitch__badge{display:none}.jp-pswitch__ic{width:44px;height:44px;border-radius:2px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--jp-pcol) 14%,white);color:var(--jp-pcol)}.jp-pswitch__badge{position:absolute;top:14px;right:14px;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--jp-pcol) 58%,var(--ink));border:1px solid color-mix(in srgb,var(--jp-pcol) 45%,white);padding:3px 8px;border-radius:2px}.jp-pswitch__card b{font-family:var(--jp-serif);font-size:22px;font-weight:500;line-height:1.2;letter-spacing:normal;text-transform:none;color:var(--ink)}.jp-pswitch__card small{font-size:13px;line-height:1.5;color:var(--steel)}.jp-pswitch__cta{margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.08em;color:color-mix(in srgb,var(--jp-pcol) 58%,var(--ink));display:inline-flex;align-items:center;gap:6px}.jp-pswitch__card.is-active .jp-pswitch__cta{visibility:hidden}@media screen and (max-width:989px){.jp-pswitch{grid-template-columns:repeat(2,1fr);gap:12px}.jp-pswitch__card{padding:18px 16px 16px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/jp-section-persona-cards.css.map */