.hx .cut{--cut-w: 14rem;--cut-gap: 14px;margin:0;padding-inline:calc(var(--cut-w) + var(--cut-gap))}.hx .cut__stage{position:relative;max-width:620px;margin-inline:auto}.hx .cut__win{aspect-ratio:1;overflow:hidden;border-radius:var(--r-md);background:var(--blue-900)}.hx .cut__win img{display:block;width:100%;height:100%;object-fit:cover}.hx .cut__key{list-style:none;margin:0;padding:0}.hx .cut__note{position:absolute;top:var(--cut-y);transform:translateY(-50%);display:flex;align-items:center}.hx .cut__note--h2{--cut-x: 88.07%;--cut-y: 27.73%}.hx .cut__note--pem{--cut-x: 88.93%;--cut-y: 51.45%}.hx .cut__note--vent{--cut-x: 89.06%;--cut-y: 61.9%}.hx .cut__note--post{--cut-x: 9.56%;--cut-y: 64.59%}.hx .cut__note--h2,.hx .cut__note--pem,.hx .cut__note--vent{left:var(--cut-x);right:calc(-1 * (var(--cut-w) + var(--cut-gap)))}.hx .cut__note--post{right:calc(100% - var(--cut-x));left:calc(-1 * (var(--cut-w) + var(--cut-gap)));flex-direction:row-reverse}.hx .cut__lead{flex:1 1 auto;height:1px;background:#ffffff8c}.hx .cut__txt{display:block;flex:0 0 var(--cut-w);padding-left:var(--cut-gap)}.hx .cut__note--post .cut__txt{padding-left:0;padding-right:var(--cut-gap);text-align:right}.hx .cut__t{display:block;font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--ink-900)}.hx .cut__d{display:block;margin-top:var(--s-1);font-size:var(--t-xs);line-height:1.45;color:var(--ink-500)}.hx .cut__cap{align-items:start}@media(max-width:1080px){.hx .cut{padding-inline:0}.hx .cut__stage{max-width:560px}.hx .cut__key{display:grid;gap:var(--s-5);margin-top:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hx .cut__note{position:static;transform:none;display:block}.hx .cut__lead{display:none}.hx .cut__txt,.hx .cut__note--post .cut__txt{padding:var(--s-3) 0 0;text-align:left;border-top:1px solid var(--line)}}.hx .bt--img{color:#fff}.hx .bt__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:brightness(.78)}.hx .bt--img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,rgba(5,50,63,.78),rgba(5,50,63,.28) 40%,transparent 60%),linear-gradient(to top,rgba(5,50,63,.72),rgba(5,50,63,.22) 42%,transparent 62%)}.hx .bt--img b{text-shadow:0 1px 12px rgba(5,50,63,.6)}.hx .bt--img p{opacity:1;color:#ffffffd1}.hx .bt--img .bt__num sup{opacity:.8}@media(max-width:560px){.hx .bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--s-3)}.hx .bt{min-height:150px;padding:var(--s-4)}.hx .bt--img p{display:none}.hx .bt--img .bt__num{font-size:1.55rem}.hx .bt--tall,.hx .bt--wide,.hx .bt--photo{grid-column:span 2}.hx .bt--photo{min-height:230px}}.hx #specs-bento .bt--kit p{opacity:1;color:#fff;max-width:30ch}.hx #specs-bento .bt--kit .bt__kit{flex:1 1 auto;min-height:0;max-width:none;width:calc(100% + 2 * var(--s-5));margin:var(--s-5) calc(-1 * var(--s-5)) calc(-1 * var(--s-5));object-fit:cover;object-position:50% 52%;position:relative;z-index:1}.hx #specs-bento .bt--cmp p{max-width:28ch}.hx #specs-bento .bt--ro .bt__bg{filter:brightness(.52)}.hx #specs-bento .bt--orp .bt__bg{filter:brightness(.44)}@media(max-width:560px){.hx #specs-bento .bt--kit .bt__kit{max-height:250px;object-position:50% 62%}}.hx .bt__bg{transition:transform var(--dur-water) var(--ease-water)}.hx .bt--img:hover .bt__bg{transform:scale(1.045)}@media(prefers-reduced-motion:reduce){.hx .bt--img:hover .bt__bg{transform:none}}@property --odo-fill{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --odo-phase{syntax: "<number>"; inherits: false; initial-value: 0;}.hx .odo{position:relative;display:inline-block;color:var(--odo-liquid);--odo-liquid: var(--blue-600);--odo-empty: color-mix(in srgb, var(--ink-900) 13%, transparent)}.hx .odo.is-lined{color:var(--odo-empty)}.hx .odo__liq{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--odo-liquid);clip-path:polygon(0% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 0) * 45deg)),4.1667% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 1) * 45deg)),8.3333% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 2) * 45deg)),12.5% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 3) * 45deg)),16.6667% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 4) * 45deg)),20.8333% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 5) * 45deg)),25% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 6) * 45deg)),29.1667% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 7) * 45deg)),33.3333% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 8) * 45deg)),37.5% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 9) * 45deg)),41.6667% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 10) * 45deg)),45.8333% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 11) * 45deg)),50% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 12) * 45deg)),54.1667% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 13) * 45deg)),58.3333% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 14) * 45deg)),62.5% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 15) * 45deg)),66.6667% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 16) * 45deg)),70.8333% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 17) * 45deg)),75% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 18) * 45deg)),79.1667% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 19) * 45deg)),83.3333% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 20) * 45deg)),87.5% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 21) * 45deg)),91.6667% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 22) * 45deg)),95.8333% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 23) * 45deg)),100% calc(100% - var(--odo-fill) - .06em * sin((var(--odo-phase) + 24) * 45deg)),100% calc(100% + .3em),0% calc(100% + .3em));transition:--odo-fill 1.8s var(--ease-water)}.hx .odo.is-filling .odo__liq{animation:hx-odo-drift 1.8s linear}@keyframes hx-odo-drift{0%{--odo-phase: 0}to{--odo-phase: 8}}@media(prefers-reduced-motion:reduce){.hx .odo__liq{transition:none}.hx .odo.is-filling .odo__liq{animation:none}}.hx .lab .odo{--odo-liquid: var(--aqua);--odo-empty: color-mix(in srgb, #fff 16%, transparent)}@supports not (color: color-mix(in srgb,red 50%,transparent)){.hx .odo{--odo-empty: var(--ink-300)}.hx .lab .odo{--odo-empty: var(--blue-200)}}.hx #ppb .bar__fill{background:linear-gradient(90deg,var(--ink-300) 0 88%,color-mix(in srgb,var(--ink-300) 45%,#fff) 100%);transition:width 1.8s var(--ease-water)}.hx #ppb .bar.is-hero .bar__fill{background:linear-gradient(90deg,var(--blue-600) 0%,var(--aqua) 88%,color-mix(in srgb,var(--aqua) 45%,#fff) 100%)}.hx .lab .meter i{background:linear-gradient(90deg,var(--blue-600) 0%,var(--aqua) 86%,color-mix(in srgb,var(--aqua) 50%,#fff) 100%);transition:width 1.8s var(--ease-water)}.hx .lab .bar__name{color:#ffffffd9}.hx .lab .bar__val{color:#fff9}.hx .lab .bar__track{background:#ffffff14;border-color:#ffffff24}.hx .lab .bar__fill{background:#ffffff59}.hx .lab .bar.is-hero .bar__name{color:#fff}.hx .lab .bar.is-hero .bar__val{color:var(--aqua)}.hx .lab .bar.is-hero .bar__track{background:#ffffff1a}.hx .lab .bar.is-hero .bar__fill{background:linear-gradient(90deg,var(--blue-600),var(--aqua))}
/*# sourceMappingURL=/cdn/shop/t/35/assets/hx-2.css.map */