.ht-filter-presentation{width:100%}.ht-filter-figure{position:relative;isolation:isolate;width:100%;aspect-ratio:1/1;margin:0;overflow:hidden;border:1px solid #1e3b52;border-radius:9px;background:radial-gradient(ellipse at 43% 45%,#103955,#082039 32%,#020812 76%);box-sizing:border-box}.ht-filter-figure>.ht-filter-piece{position:absolute!important;inset:0 auto 0 2%!important;width:75%!important;height:100%!important;object-fit:contain!important;filter:none!important;pointer-events:none;margin-left:.5%}.ht-filter-piece--cap>.ht-filter-cap-photo,.ht-filter-cap-twist{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}.ht-filter-cap-twist[hidden]{display:none!important}.ht-filter-twist-cue{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;fill:none;stroke:#79caff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.ht-filter-twist-arc{stroke-dasharray:1;stroke-dashoffset:1}.ht-filter-twist-arrow{opacity:0}.ht-filter-piece--cartridge{clip-path:inset(31% 0 0 0);z-index:1!important}.ht-filter-piece--cap{clip-path:inset(0 0 69% 0);z-index:2!important;transform:translateY(0)}.ht-filter-label{position:absolute;right:5%;width:31%;box-sizing:border-box;padding:12px 0 12px 14px;border-left:2px solid #1599f5;color:#e8f2fa;font-family:Inter,Helvetica,Arial,sans-serif;font-size:clamp(10px,1.15vw,13px);font-weight:700;line-height:1.7;letter-spacing:.1em;text-transform:uppercase;z-index:3}.ht-filter-label--carbon{top:15%}.ht-filter-label--membrane{top:69%}.ht-filter-figure[data-motion-state=waiting] .ht-filter-piece--cap{transform:translateY(13.7%)}.ht-filter-figure[data-motion-state=waiting] .ht-filter-label{opacity:0}.ht-filter-controls{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 0 0;font-family:Inter,Helvetica,Arial,sans-serif}.ht-filter-controls[hidden]{display:none!important}.ht-filter-controls button{-webkit-appearance:none;appearance:none;min-height:40px;border:1px solid #28445a;background:#081521;color:#b9d0e1;font:600 11px Inter,Helvetica,Arial,sans-serif;letter-spacing:.025em;padding:10px 13px;border-radius:5px;cursor:pointer}.ht-filter-controls button:hover,.ht-filter-controls button[aria-pressed=true]{border-color:#1599f5;color:#f2f8fc}.ht-filter-controls button:disabled{opacity:.6;cursor:default}.ht-filter-controls button:focus-visible{outline:2px solid #9bdaff;outline-offset:3px}@media(max-width:480px){.ht-filter-label{font-size:9px;letter-spacing:.055em;padding:8px 0 8px 8px;width:33%;right:3%}.ht-filter-controls button{min-height:44px}}@media(prefers-reduced-motion:reduce){.ht-filter-piece--cap{transform:none!important}.ht-filter-label{opacity:1!important;transform:none!important}.ht-filter-controls{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ht-filter-animation.css.map */