:root{--evr-xpill-grid-gap: 12px}.evr-xpill{--_xp-ease: var(--evr-ease, cubic-bezier(.2,.8,.2,1));--_xp-ms: var(--evr-ease-ms, .36s);--_xp-open-radius: var(--evr-xpill-open-radius, 38px);--_xp-pad-closed: var(--evr-xpill-pad-closed, 16px 14px);--_xp-pad-open: var(--evr-xpill-pad-open, 28px 14px);--_xp-btn-pad: var(--evr-xpill-btn-pad, 0);--_xp-icon-col: var(--evr-xpill-icon-col, 34px);--_xp-btn-gap: var(--evr-xpill-btn-gap, 8px);--_xp-icon-size: var(--evr-xpill-icon-size, 28px);--_xp-icon-border: var(--evr-xpill-icon-border, 2px);--_xp-icon-color: var(--evr-xpill-icon-color, var(--color-foreground, currentColor));--_xp-body-pad-closed: var(--evr-xpill-body-pad-closed, 0 28px 0 28px);--_xp-body-pad-open: var(--evr-xpill-body-pad-open, var(--_xp-body-pad-closed));--_xp-body-opacity-ms: var(--evr-xpill-body-opacity-ms, .22s);--_xp-body-shift: var(--evr-xpill-body-shift, 6px);--_xp-title-size: var(--evr-xpill-title-size, var(--font-h4--size, 20px));--_xp-title-lh: var(--evr-xpill-title-line-height, var(--font-h4--line-height, 1.2));--_xp-title-ls: var(--evr-xpill-title-letter-spacing, var(--font-h4--letter-spacing, 0));--_xp-title-family: var(--evr-xpill-title-family, var(--font-h4--family, inherit));--_xp-title-style: var(--evr-xpill-title-style, var(--font-h4--style, normal));--_xp-title-weight: var(--evr-xpill-title-weight, var(--font-h4--weight, 600));--_xp-title-color: var(--evr-xpill-title-color, var(--color-foreground-heading, var(--color-foreground, currentColor)))}.evr-xpill{overflow:hidden;border-radius:999px;padding:var(--_xp-pad-closed);transition:border-radius .12s var(--_xp-ease),padding var(--_xp-ms) var(--_xp-ease);will-change:padding,border-radius;height:max-content;width:100%;cursor:pointer}.evr-xpill.is-open{border-radius:var(--_xp-open-radius);padding:var(--_xp-pad-open)}.evr-xpill__btn{border:0;background:transparent;padding:var(--_xp-btn-pad);display:grid;grid-template-columns:var(--_xp-icon-col) 1fr;gap:var(--_xp-btn-gap);align-items:center;text-align:left;cursor:pointer;color:inherit;transition:grid-template-columns var(--_xp-ms) var(--_xp-ease)}.evr-xpill.is-open .evr-xpill__btn{grid-template-columns:0 1fr!important}.evr-xpill__iconWrap{width:var(--_xp-icon-size);height:var(--_xp-icon-size);border-radius:999px;display:grid;place-items:center;color:var(--_xp-icon-color);border:var(--_xp-icon-border) solid var(--_xp-icon-color);transform-origin:center;transition:opacity var(--_xp-body-opacity-ms) var(--_xp-ease),transform var(--_xp-body-opacity-ms) var(--_xp-ease);will-change:opacity,transform}.evr-xpill.is-open .evr-xpill__iconWrap{opacity:0;transform:scale(.75)}.evr-xpill__title{font-size:var(--_xp-title-size);line-height:var(--_xp-title-lh);letter-spacing:var(--_xp-title-ls);font-family:var(--_xp-title-family);font-style:var(--_xp-title-style);font-weight:var(--_xp-title-weight);color:var(--_xp-title-color);min-width:0;transition:padding-left var(--_xp-body-opacity-ms) var(--_xp-ease),padding-bottom var(--_xp-body-opacity-ms) var(--_xp-ease)}.evr-xpill.is-open .evr-xpill__title{padding-left:18px;padding-bottom:var(--_xp-title-size)}.evr-xpill__body{padding:var(--_xp-body-pad-closed);display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--_xp-ms) var(--_xp-ease),padding var(--_xp-ms) var(--_xp-ease);will-change:grid-template-rows,padding}.evr-xpill__bodyInner{min-height:0;overflow:hidden}.evr-xpill__bodyInner>*{opacity:0;transform:translateY(calc(var(--_xp-body-shift) * -1));transition:opacity var(--_xp-body-opacity-ms) var(--_xp-ease),transform var(--_xp-body-opacity-ms) var(--_xp-ease);will-change:opacity,transform}.evr-xpill.is-open .evr-xpill__body{padding:var(--_xp-body-pad-open);grid-template-rows:1fr}.evr-xpill.is-open .evr-xpill__bodyInner>*{opacity:1;transform:translateY(0)}.evr-xpill__body[hidden]{display:grid;grid-template-rows:0fr;padding-bottom:0}.evr-xpill__body[hidden] .evr-xpill__bodyInner>*{opacity:0;transform:translateY(calc(var(--_xp-body-shift) * -1))}@media (prefers-reduced-motion: reduce){.evr-xpill,.evr-xpill__btn,.evr-xpill__iconWrap,.evr-xpill__title,.evr-xpill__body,.evr-xpill__bodyInner>*{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/evr-xpill.css.map */