#care-cinema{--care-a:var(--green);--care-b:var(--blue);--care-c:var(--purple);color:var(--foreground)}#care-cinema[data-mode=RMMR]{--care-a:var(--purple);--care-b:var(--blue);--care-c:var(--orange)}#care-cinema .cinema{position:relative;isolation:isolate;overflow:hidden;margin-top:18px;padding:28px 30px 26px;border-radius:28px;background:color-mix(in srgb,var(--background) 95%,var(--care-b));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--care-b) 22%,transparent)}#care-cinema .aurora{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:-2;background:radial-gradient(ellipse at 12% 50%,color-mix(in srgb,var(--care-a) 40%,transparent),transparent 47%),radial-gradient(ellipse at 92% 27%,color-mix(in srgb,var(--care-c) 32%,transparent),transparent 48%),radial-gradient(ellipse at 60% 100%,color-mix(in srgb,var(--care-b) 25%,transparent),transparent 50%);transform:rotate(-7deg)}#care-cinema .cinema-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}#care-cinema .wordmark{display:flex;align-items:center;gap:8px;font-weight:500}#care-cinema .wordmark svg{color:color-mix(in srgb,var(--care-a) 65%,var(--foreground))}#care-cinema #care-count{font-variant-numeric:tabular-nums;letter-spacing:.12em;white-space:nowrap}#care-cinema .scene-label{margin-bottom:8px;color:var(--foreground)}#care-cinema #care-title{margin:0;max-width:100%;font-size:clamp(26px,5vw,38px);line-height:1.15;font-weight:500;letter-spacing:-.035em}#care-cinema .theatre{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;min-height:245px;margin:4px 0}#care-cinema .orbit{position:absolute;pointer-events:none;width:70%;height:130px;top:43px;left:15%;border:1px solid color-mix(in srgb,var(--care-b) 23%,transparent);border-radius:50%;transform:rotate(-16deg);z-index:-1}#care-cinema .orbit-two{transform:rotate(17deg);width:80%;left:10%;height:145px;top:35px;border-color:color-mix(in srgb,var(--care-c) 18%,transparent)}#care-cinema .actor{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;flex:0 1 180px;width:34%;text-align:center;perspective:700px}#care-cinema .actor>span{min-height:42px;max-width:160px;font-weight:500}#care-cinema .medallion{display:grid;place-items:center;width:112px;height:112px;border-radius:32px;transform:rotate(-8deg);background:linear-gradient(140deg,color-mix(in srgb,var(--care-a) 36%,var(--background)),color-mix(in srgb,var(--care-b) 16%,var(--background)));box-shadow:inset 0 2px color-mix(in srgb,var(--background) 65%,transparent),0 10px color-mix(in srgb,var(--care-a) 30%,var(--background)),0 24px 35px color-mix(in srgb,var(--care-a) 24%,transparent)}#care-cinema .actor-right .medallion{transform:rotate(8deg);background:linear-gradient(140deg,color-mix(in srgb,var(--care-b) 26%,var(--background)),color-mix(in srgb,var(--care-c) 36%,var(--background)));box-shadow:inset 0 2px color-mix(in srgb,var(--background) 65%,transparent),0 10px color-mix(in srgb,var(--care-c) 30%,var(--background)),0 24px 35px color-mix(in srgb,var(--care-c) 24%,transparent)}#care-cinema .medallion svg{width:60px;height:60px;stroke-width:1.6;transform:rotate(8deg);color:color-mix(in srgb,var(--care-a) 45%,var(--foreground))}#care-cinema .actor-right .medallion svg{transform:rotate(-8deg);color:color-mix(in srgb,var(--care-c) 45%,var(--foreground))}#care-cinema .bridge{position:relative;flex:1;max-width:170px;height:54px;margin-top:-62px}#care-cinema .beam{position:absolute;top:26px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--care-a),var(--care-b),var(--care-c));box-shadow:0 0 14px color-mix(in srgb,var(--care-b) 50%,transparent)}#care-cinema .parcel{position:absolute;left:0;top:6px;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--background);color:var(--foreground);box-shadow:0 6px 20px color-mix(in srgb,var(--care-b) 35%,transparent)}#care-cinema .spark{position:absolute;width:6px;height:6px;border-radius:50%;top:24px;left:12%;background:var(--care-b)}#care-cinema .spark-two{left:70%;background:var(--care-c)}#care-cinema .caption{display:flex;align-items:stretch;gap:14px;min-height:72px}#care-cinema .caption-rule{flex:0 0 3px;background:linear-gradient(var(--care-a),var(--care-c));border-radius:2px}#care-cinema .chapter-track{display:flex;gap:7px;margin-top:24px}#care-cinema .chapter-track span{height:4px;flex:1;border-radius:3px;background:color-mix(in srgb,var(--foreground) 10%,transparent)}#care-cinema .chapter-track .passed{background:var(--care-a)}#care-cinema .chapter-track .active{background:linear-gradient(90deg,var(--care-a),var(--care-c))}#care-cinema #care-steps{margin:20px 0 14px}#care-cinema .scene-enter .medallion{animation:care-pop .9s cubic-bezier(.2,.9,.3,1.2) both}#care-cinema .scene-enter .actor-right .medallion{animation-name:care-pop-right;animation-delay:.15s}#care-cinema .scene-enter .parcel{animation:care-send 4.5s ease-in-out both}#care-cinema .scene-enter .spark{animation:care-spark 3s ease-out both}#care-cinema .scene-enter .spark-two{animation-delay:.6s}#care-cinema .scene-enter .aurora{animation:care-aurora 7.5s ease-in-out both}#care-cinema .scene-enter .caption{animation:care-caption .7s ease-out both}#care-cinema .paused *{animation-play-state:paused!important}@keyframes care-pop{0%{transform:translateY(25px) rotateY(-30deg) rotate(-15deg);opacity:.2}to{transform:translateY(0) rotateY(0) rotate(-8deg);opacity:1}}@keyframes care-pop-right{0%{transform:translateY(25px) rotateY(30deg) rotate(15deg);opacity:.2}to{transform:translateY(0) rotateY(0) rotate(8deg);opacity:1}}@keyframes care-send{0%,12%{left:0;transform:rotate(-10deg) scale(.9)}50%{transform:translateY(-25px) rotate(0) scale(1.12)}85%,to{left:calc(100% - 42px);transform:rotate(8deg) scale(1)}}@keyframes care-spark{0%{transform:translateY(0);opacity:0}40%{opacity:.8}to{transform:translateY(-55px);opacity:0}}@keyframes care-aurora{0%{transform:rotate(-7deg) scale(1)}to{transform:rotate(7deg) scale(1.12)}}@keyframes care-caption{0%{transform:translateY(12px);opacity:.25}to{transform:translateY(0);opacity:1}}@media(max-width:440px){#care-cinema .cinema{padding:22px 18px;border-radius:22px}#care-cinema .cinema-top{margin-bottom:22px}#care-cinema .medallion{width:78px;height:78px;border-radius:24px}#care-cinema .medallion svg{width:44px;height:44px}#care-cinema .theatre{min-height:218px}#care-cinema .actor{width:35%;flex-basis:35%;gap:20px}#care-cinema .bridge{min-width:42px}#care-cinema .caption{min-height:116px}#care-cinema .orbit{width:94%;left:3%}#care-cinema .orbit-two{width:100%;left:0}}@media(prefers-reduced-motion:reduce){#care-cinema *{animation:none!important;transition:none!important}}.pa-care-feature{background:radial-gradient(ellipse at 0 15%,#e2f6ee80,transparent 45%),radial-gradient(ellipse at 100% 80%,#efe8fb90,transparent 45%),#fffdf9}.pa-care-intro{text-align:center;max-width:690px;margin:0 auto 34px}.pa-care-intro h2{margin:16px 0;color:#173e49;font-size:clamp(32px,4vw,48px)}.pa-care-intro p{color:#53636a;line-height:1.8}.pa-care-hint{display:inline-block;font-size:11px;letter-spacing:.5px;color:#685333;background:#fff3d8;padding:9px 16px;border-radius:30px;margin-top:10px}.pa-care-frame{max-width:920px;margin:auto;padding:24px;background:#ffffffb8;border:1px solid #dde5e2;border-radius:30px;box-shadow:0 22px 60px #173e490b}#care-cinema{--background:#fffdf9;--foreground:#173e49;--green:#087f83;--blue:#398baf;--purple:#7952b2;--orange:#c47748;font-size:15px;line-height:1.65}#care-cinema .viz-controls,#care-cinema .viz-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}#care-cinema .btn{-webkit-appearance:none;appearance:none;font:inherit;font-size:13px;line-height:1.4;cursor:pointer;min-height:44px;padding:10px 18px;border:1px solid #c9d8d3;border-radius:30px;background:#fffdf9;color:#234c55;transition:background .2s,box-shadow .2s}#care-cinema .btn:hover{background:#e2f6ee}#care-cinema .btn[aria-pressed=true],#care-cinema .btn-primary{background:#085e67;color:#fff;border-color:#085e67}#care-cinema[data-mode=RMMR] .btn[aria-pressed=true],#care-cinema[data-mode=RMMR] .btn-primary{background:#6845a0;border-color:#6845a0}#care-cinema .btn:focus-visible{outline:3px solid #ad402f;outline-offset:3px}#care-cinema .btn:disabled{opacity:.4;cursor:default}#care-cinema .cinema{margin-top:22px}#care-cinema .wordmark svg{width:24px;height:24px}#care-cinema .parcel svg{width:24px;height:24px}#care-cinema .scene-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}#care-cinema .caption{font-size:15px;line-height:1.75;max-width:700px}#care-cinema .wordmark{font-size:16px}#care-cinema #care-count{font-size:12px}#care-cinema #care-steps .btn{width:44px;padding:8px;border-radius:13px}.pa-care-footer{max-width:920px;margin:24px auto 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.pa-care-footer p{font-size:13px;color:#607078}.pa-care-footer a{color:#085e67}@media(max-width:600px){.pa-care-frame{padding:12px;border-radius:22px}#care-cinema .cinema{padding:20px 14px}#care-cinema .caption{font-size:14px;min-height:145px}#care-cinema .btn{padding:10px 12px;font-size:12px}#care-cinema .actor>span{font-size:12px}#care-cinema #care-title{font-size:27px}#care-cinema #care-steps{gap:6px}#care-cinema #care-steps .btn{width:36px;padding:6px}.pa-care-footer{flex-direction:column;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/care-animation.css.map */