:root{--oc-hero-bg:#ECE6E1;--oc-lens-light:#E3F1FA;--oc-lens-deep:#8CC4E6;--oc-lens-stroke:#7FB2D9;--oc-particle:#E8D7B4}.oc-logo-dark{filter:brightness(0)}.oc-logo-light{filter:brightness(0) invert(1)}.oc-sci svg{width:100%;height:auto;display:block}.oc-sci .lens-stroke{stroke:var(--oc-lens-stroke)}.oc-gal{display:flex;flex-direction:column;gap:16px}.oc-gal-stage{position:relative;overflow:hidden;border-radius:20px;background:var(--oc-hero-bg)}.oc-gal-track{display:flex;aspect-ratio:1/1;width:100%;scroll-snap-type:x mandatory;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.oc-gal-track::-webkit-scrollbar{display:none}.oc-gal-slide{position:relative;height:100%;width:100%;flex:0 0 100%;scroll-snap-align:center;overflow:hidden}.oc-gal-slide>img{height:100%;width:100%;object-fit:cover}.oc-gal-blur{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;transform:scale(1.1);object-fit:cover;opacity:.6;filter:blur(24px)}.oc-gal-video{position:relative;height:100%;width:100%;object-fit:contain}.oc-gal-badge{position:absolute;bottom:12px;left:12px;border-radius:6px;background:#0f2230bf;padding:4px 10px;font-size:11px;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.oc-gal-count{pointer-events:none;position:absolute;left:12px;top:12px;border-radius:6px;background:var(--oc-card);padding:6px 12px;font-size:12px;font-weight:700;color:var(--oc-fg)}.oc-gal-thumbs{display:flex;gap:12px;overflow-x:auto;padding:2px;scrollbar-width:none}.oc-gal-thumbs::-webkit-scrollbar{display:none}.oc-gal-thumb{position:relative;width:80px;flex-shrink:0;overflow:hidden;border-radius:12px;border:1px solid var(--oc-border);background:var(--oc-card);padding:0;cursor:pointer;transition:border-color .15s}@media(min-width:640px){.oc-gal-thumb{width:96px}}.oc-gal-thumb[aria-current=true]{border-color:var(--oc-primary);box-shadow:0 0 0 1px var(--oc-primary)}.oc-gal-thumb img{aspect-ratio:1/1;width:100%;object-fit:cover;display:block}.oc-gal-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f223026}.oc-gal-play i{display:grid;place-items:center;height:32px;width:32px;border-radius:999px;background:#ffffffe6;box-shadow:0 1px 4px #0003}.oc-gal-play svg{width:16px;height:16px;margin-left:2px;fill:var(--oc-fg)}.ocx-stage{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#070f1a;box-shadow:0 40px 90px -40px #070f1aa6,inset 0 0 0 1px #ffffff0f}.ocx-stage>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ocx-head{position:absolute;left:5%;top:5.5%;color:#fff;pointer-events:none;animation:ocx-up .6s cubic-bezier(.2,.8,.2,1) both}.ocx-head b{display:block;font-size:11px;font-weight:600;letter-spacing:0;color:#84c5ff}.ocx-head span{display:block;margin-top:.45em;font-size:24px;font-weight:600;letter-spacing:0;line-height:1.1}.ocx-tag{position:absolute;right:4.5%;top:5.5%;font-size:10px;font-weight:600;letter-spacing:0;text-transform:uppercase;color:#d6e8ffb8;border:1px solid rgba(214,232,255,.2);background:#ffffff0a;border-radius:999px;padding:.7em 1em;pointer-events:none}.ocx-t{transition:opacity .9s ease}.ocx[data-scene="0"] .ocx-s1,.ocx[data-scene="0"] .ocx-s2,.ocx[data-scene="1"] .ocx-s2,.ocx-s3{opacity:0}.ocx[data-scene="3"] .ocx-s3{opacity:1}.ocx:not([data-scene="0"]) .ocx-s0{opacity:0}@keyframes ocx-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ocx-wave{0%{transform:translateY(0) scaleX(.8);opacity:0}12%{opacity:.95}to{transform:translateY(-262px) scaleX(1.06);opacity:0}}.ocx-wave{transform-box:fill-box;transform-origin:center;animation:ocx-wave 2.1s cubic-bezier(.25,.6,.4,1) infinite}@keyframes ocx-surf{to{transform:translate(-80px)}}.ocx-surf-calm{animation:ocx-surf 9s linear infinite}.ocx-surf-live{animation:ocx-surf 1.1s linear infinite}@keyframes ocx-jit{0%{transform:translate(0)}25%{transform:translate(.8px,-.6px)}50%{transform:translate(-.7px,.5px)}75%{transform:translate(.5px,.7px)}to{transform:translate(0)}}.ocx:not([data-scene="0"]) .ocx-lens{animation:ocx-jit .13s linear infinite}@keyframes ocx-flow{to{stroke-dashoffset:-192}}.ocx-flow{stroke-dasharray:1.5 14.5;stroke-linecap:round;animation:ocx-flow 2.6s linear infinite}@keyframes ocx-mote{0%{transform:translate(0);opacity:0}20%{opacity:.85}to{transform:translate(var(--mx),-120px);opacity:0}}.ocx-mote{animation:ocx-mote var(--md) linear infinite;animation-delay:var(--mdl)}@keyframes ocx-lift{0%{transform:translate(0);opacity:.95}18%{opacity:.95}to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes ocx-in{0%{opacity:0}to{opacity:.95}}.ocx-speck{opacity:.95}.ocx[data-scene="0"] .ocx-speck{animation:ocx-in .9s ease both}.ocx[data-scene="1"] .ocx-speck,.ocx[data-scene="2"] .ocx-speck{animation:ocx-jit .11s linear infinite}.ocx[data-scene="3"] .ocx-speck{animation:ocx-lift 2.7s cubic-bezier(.45,0,.7,1) both;animation-delay:calc(var(--d) * 1s)}@keyframes ocx-pulse{0%,to{opacity:.5}50%{opacity:1}}.ocx-glow{opacity:.1;transition:opacity .6s}.ocx:not([data-scene="0"]) .ocx-glow{animation:ocx-pulse .8s ease-in-out infinite}@keyframes ocx-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.ocx-loupe{opacity:0;transform-box:fill-box;transform-origin:center}.ocx[data-scene="3"] .ocx-loupe{animation:ocx-pop .8s cubic-bezier(.2,.9,.25,1) .15s both}.ocx[data-scene="3"] .ocx-lspeck{animation:ocx-lift 2.4s cubic-bezier(.45,0,.7,1) both;animation-delay:calc(.9s + var(--d) * 1s)}@keyframes ocx-caustic{0%,to{transform:translate(0)}50%{transform:translate(22px,-10px)}}.ocx-caustic{animation:ocx-caustic 8s ease-in-out infinite}.ocx-haze{transition:opacity 1.8s ease .8s}.ocx[data-scene="3"] .ocx-haze{opacity:0}@keyframes ocx-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ocx-bar{transform-origin:left;animation:ocx-bar linear both}@media(max-width:600px){.ocx-head span{font-size:16px}.ocx-head b{font-size:10px}.ocx-tag{font-size:9px}}@media(prefers-reduced-motion:reduce){.ocx *,.ocx-head{animation:none!important}}.oc-science-sec .ocx-stage{border-radius:18px;box-shadow:var(--oc-shadow-product)}.oc-science-wrap{margin:40px auto 0;max-width:768px;padding-inline:24px}.oc-science-cap{margin-top:20px;min-height:3rem;text-align:center;font-size:18px;font-weight:500}.oc-scenes{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:768px){.oc-scenes{grid-template-columns:repeat(4,1fr)}}.oc-scene{position:relative;display:block;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;padding:12px;text-align:left;cursor:pointer;color:inherit;font-family:inherit;transition:background-color .2s,border-color .2s}.oc-scene:hover{background:#ffffff0d}.oc-scene[aria-selected=true]{border-color:var(--oc-science-light);background:#9ec3ec1a}.oc-scene b{display:block;font-size:10px;font-weight:600;color:var(--oc-science-light)}.oc-scene span{margin-top:4px;display:block;font-size:12px;font-weight:600;line-height:1.25}@media(min-width:768px){.oc-scene span{font-size:14px}}.oc-scene .oc-scene-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--oc-science-light)}.oc-science-foot{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;font-size:12px;color:var(--oc-dark-secondary)}.oc-science-foot button{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;color:var(--oc-science-light);text-decoration:underline;text-underline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/oc2.css.map */