@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}.eg{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start}.eg-tabs{display:flex;flex-direction:column;gap:8px}.eg-tab{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;border:1px solid #DDE7EF;border-radius:18px;background:#fff;color:#0c1a26;font:inherit;text-align:left;cursor:pointer;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s}.eg-tab:hover{border-color:#9ed3f2;transform:translate(4px)}.eg-tab .n{font:600 12px IBM Plex Mono,ui-monospace,monospace;color:#1c679c;min-width:22px}.eg-tab b{display:block;font-size:16px;line-height:1.25}.eg-tab small{display:block;margin-top:2px;font-size:12.5px;color:#52667a}.eg-tab[aria-selected=true]{background:#0c1a26;border-color:#0c1a26;color:#fff;transform:translate(8px);box-shadow:0 18px 36px -22px #0c1a2699}.eg-tab[aria-selected=true] .n{color:#ee5ad9}.eg-tab[aria-selected=true] small{color:#9ed3f2}.eg-tab:focus-visible{outline:3px solid #EE5AD9;outline-offset:2px}.eg-stage{position:relative;background:#fff;border:1px solid #DDE7EF;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px -48px #0c1a2659;--mx:0;--my:0}.eg-bg{position:absolute;left:0;right:0;top:0;height:270px;background:linear-gradient(135deg,#eaf6fd,#fdeefa);overflow:hidden}.eg-helix{position:absolute;right:6%;top:-40px;width:110px;opacity:.55;translate:calc(var(--mx)*-22px) calc(var(--my)*-16px);transition:translate .25s ease-out}.eg-dot{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#ee5ad9;opacity:.5;translate:calc(var(--mx)*var(--d)*18px) calc(var(--my)*var(--d)*14px);transition:translate .25s ease-out;animation:egFloat 7s ease-in-out infinite}.eg-dot:nth-child(2n){background:#1c679c;opacity:.35;animation-duration:9s}@keyframes egFloat{0%,to{margin-top:0}50%{margin-top:-10px}}.eg-panel{position:relative}.eg-panel:not([hidden]){animation:egIn .5s ease both}@keyframes egIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eg-vis{position:relative;height:270px;display:flex;align-items:center;justify-content:center;padding:24px}.eg-main{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;translate:calc(var(--mx)*8px) calc(var(--my)*6px);transition:translate .25s ease-out}.eg-cap{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:12px;color:#52667a}.eg-body{padding:28px 32px 32px;display:flex;flex-direction:column;gap:14px}.eg-ring{--a:0deg;position:relative;width:168px;height:168px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#EE5AD9 var(--a),#fff 0);box-shadow:0 24px 44px -22px #a0188b80;transition:--a 1.3s cubic-bezier(.2,.7,.2,1)}.eg-ring:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:#fff}.eg-ring>*{position:relative}.eg-ring b{font-size:50px;font-weight:600;letter-spacing:-.05em;line-height:1}.eg-ring small{font-size:11px;color:#52667a;max-width:90px;margin:2px auto 0;line-height:1.2}.on .eg-ring{--a:calc(var(--v)*360deg)}.eg-meta{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#33475b}.eg-chip{display:inline-block;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid #F7CDEF;font-size:12.5px;font-weight:600;color:#a0188b}.eg-gauge{width:min(440px,86vw);display:flex;flex-direction:column;gap:14px}.eg-scale{position:relative;height:16px;border-radius:99px;background:linear-gradient(90deg,#ee5ad9,#f7cdef 38%,#b7e0f7 68%,#1c679c)}.eg-scale.rev{background:linear-gradient(90deg,#1c679c,#b7e0f7 32%,#f7cdef 62%,#ee5ad9)}.eg-pin{position:absolute;top:50%;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;border:4px solid #0C1A26;transition:left 1.3s cubic-bezier(.2,.7,.2,1)}.on .eg-pin{left:var(--p)}.eg-pin em{position:absolute;bottom:34px;left:50%;translate:-50% 0;padding:3px 10px;border-radius:10px;background:#0c1a26;color:#fff;font:600 13px IBM Plex Mono,ui-monospace,monospace;font-style:normal}.eg-ends{display:flex;align-items:center;justify-content:space-between;font:12px IBM Plex Mono,ui-monospace,monospace;color:#52667a}.eg-key{display:block;text-align:center;font-size:12px;color:#52667a}.eg-rows{display:flex;flex-direction:column;gap:14px;width:min(460px,86vw)}.eg-row{display:grid;grid-template-columns:96px minmax(0,1fr) 32px 86px;gap:12px;align-items:center;font-size:14px}.eg-row b{font-size:18px;text-align:right}.eg-row em{font-style:normal;font-size:12px;font-weight:600;color:#1c679c;background:#fff;border-radius:99px;padding:3px 10px;text-align:center}.eg-track{position:relative;height:12px;border-radius:99px;background:#fff}.eg-track i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#b7e0f7,#ee5ad9);transition:width 1.3s cubic-bezier(.2,.7,.2,1)}.on .eg-track i{width:var(--w)}.eg-track u{position:absolute;top:-4px;bottom:-4px;width:2px;background:#0c1a26}.epi-note{margin:0;font-size:13px;line-height:1.5;color:#52667a}.epi-how{border-top:1px solid #DDE7EF;padding-top:12px}.epi-how summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;color:#1c679c}.epi-how summary::-webkit-details-marker{display:none}.epi-how summary:after{content:"+";font-size:22px;font-weight:400;line-height:1}.epi-how[open] summary:after{content:"\2013"}.epi-how p{margin:10px 0 0;font-size:14px;line-height:1.6;color:#33475b}@media(max-width:860px){.eg{grid-template-columns:minmax(0,1fr);gap:16px}.eg-tabs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.eg-tab{flex:0 0 auto;width:auto;min-width:0;padding:12px 16px;scroll-snap-align:start}.eg-tab small{display:none}.eg-tab[aria-selected=true],.eg-tab:hover{transform:none}.eg-body{padding:22px 20px 26px}.eg-vis,.eg-bg{height:300px}.eg-row{grid-template-columns:80px minmax(0,1fr) 28px}.eg-row em{display:none}}@media(prefers-reduced-motion:reduce){.eg-dot,.eg-panel:not([hidden]){animation:none}.eg-ring,.eg-pin,.eg-track i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/relaunch-epi.css.map */