.hayat-cartridge__intro{display:grid;gap:20px;align-items:center;margin-bottom:36px}.hayat-cartridge__art{justify-self:center;width:min(62%,240px)}.hayat-cartridge__copy{display:grid;gap:12px}.hayat-cartridge__facts{display:grid;gap:10px;margin:8px 0 0;padding:0;list-style:none}.hayat-cartridge__facts li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--hayat-radius-small);background:var(--hayat-card);color:var(--hayat-navy);font-family:var(--hayat-font)}.hayat-section--tint .hayat-cartridge__facts li{background:var(--hayat-white)}.hayat-cartridge__facts .hayat-icon{width:24px;height:24px;color:var(--hayat-link)}.hayat-cartridge__facts span{display:grid;line-height:1.4}.hayat-cartridge__facts small{color:var(--hayat-link);font-size:13px;font-weight:var(--hayat-weight-semibold)}.hayat-cartridge__facts b{font-size:17px;font-weight:var(--hayat-weight-bold)}.hayat-swap-art{display:block;width:100%;height:100%;overflow:visible}.sw-bg{fill:var(--hayat-card)}.sw-shadow{fill:rgba(var(--hayat-navy-rgb),.12)}.sw-core{fill:var(--hayat-white);stroke:var(--hayat-navy);stroke-opacity:.55;stroke-width:1.2}.sw-core-shade{fill:rgba(var(--hayat-navy-rgb),.04)}.sw-core--old{fill:#e9e6e0}.sw-rim{fill:none;stroke:var(--hayat-navy);stroke-opacity:.25}.sw-mesh-base{fill:var(--hayat-tint);stroke:var(--hayat-navy);stroke-opacity:.3}.sw-mesh-line{fill:none;stroke:var(--hayat-link);stroke-opacity:.55;stroke-width:.5}.sw-grit circle{fill:var(--hayat-muted)}.sw-arrow,.sw-arrowhead,.sw-turn{fill:none;stroke:var(--hayat-link);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.sw-turn{stroke-dasharray:5 5;animation:hayat-cartridge-turn 1.2s linear infinite}.sw-turn--back{animation-direction:reverse}.sw-divider{fill:none;stroke:var(--hayat-line);stroke-width:1.5;stroke-dasharray:3 4}.sw-old{animation:hayat-cartridge-out 2.6s ease-in-out infinite}.sw-new{animation:hayat-cartridge-in 2.6s ease-in-out infinite}.sw-sparkles path{fill:var(--hayat-sky);stroke:var(--hayat-navy);stroke-width:.5;transform-box:fill-box;transform-origin:center;animation:hayat-cartridge-twinkle 2.2s ease-in-out infinite}.sw-sparkles path:nth-child(2){animation-delay:-.7s}.sw-sparkles path:nth-child(3){animation-delay:-1.4s}.sw-check circle{fill:var(--hayat-sky);stroke:var(--hayat-navy);stroke-width:1.2}.sw-check path{fill:none;stroke:var(--hayat-navy);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hayat-cartridge__steps-title{margin-bottom:16px}.hayat-cartridge__steps{margin-top:0;margin-bottom:32px;list-style:none}.hayat-cartridge__step{display:grid;align-content:start;gap:8px;min-width:0}.hayat-cartridge__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--hayat-radius-media);background:var(--hayat-card)}.hayat-cartridge__media img,.hayat-cartridge__video,.hayat-cartridge__video video{display:block;width:100%;height:100%;object-fit:cover}.hayat-cartridge__num{position:absolute;top:10px;inset-inline-start:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hayat-navy);color:var(--hayat-white);font-family:var(--hayat-font);font-size:14px;font-weight:var(--hayat-weight-bold)}.hayat-cartridge__step-title{margin:4px 0 0;color:var(--hayat-navy);font-family:var(--hayat-font);font-size:17px;font-weight:var(--hayat-weight-bold);line-height:1.4;letter-spacing:0}.hayat-cartridge__step-text{margin:0;color:var(--hayat-navy);font-size:15px;line-height:1.7;opacity:.9}.hayat-calc{display:grid;max-width:980px;margin-inline:auto;overflow:hidden;border:1px solid var(--hayat-line);border-radius:var(--hayat-radius-card);background:var(--hayat-white);box-shadow:var(--hayat-shadow);font-family:var(--hayat-font);color:var(--hayat-navy)}.hayat-calc__pick{display:grid;gap:12px;min-width:0;padding:22px 18px 24px}.hayat-calc__head{display:flex;align-items:center;gap:10px}.hayat-calc__head .hayat-icon{width:26px;height:26px;color:var(--hayat-link)}.hayat-calc__title{margin:0;color:var(--hayat-navy);font-family:var(--hayat-font);font-size:22px;font-weight:var(--hayat-weight-bold);letter-spacing:0}.hayat-calc__label{font-size:15px;font-weight:var(--hayat-weight-semibold)}.hayat-calc__select{position:relative}.hayat-calc__select:after{content:"";position:absolute;top:50%;inset-inline-end:16px;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--hayat-navy);border-bottom:2px solid var(--hayat-navy);transform:rotate(45deg);pointer-events:none}.hayat-calc__select select{width:100%;min-height:52px;padding:10px 16px;padding-inline-end:44px;border:2px solid var(--hayat-sky);border-radius:var(--hayat-radius-small);background:var(--hayat-tint);color:var(--hayat-navy);font-family:var(--hayat-font);font-size:17px;font-weight:var(--hayat-weight-bold);-webkit-appearance:none;appearance:none;cursor:pointer}.hayat-calc__select select:focus-visible{outline:2px solid var(--hayat-link);outline-offset:2px}.hayat-calc__track{--dot: 34px;--line-inset: calc(100% / var(--nodes, 4) / 2);position:relative;display:grid;grid-template-columns:repeat(var(--nodes, 4),minmax(0,1fr));column-gap:4px;margin:14px 0 0;padding:0;list-style:none}.hayat-calc__track:before,.hayat-calc__track:after{content:"";position:absolute;top:calc(var(--dot) / 2 - 2px);inset-inline-start:var(--line-inset);height:4px;border-radius:4px}.hayat-calc__track:before{inset-inline-end:var(--line-inset);background:var(--hayat-line)}.hayat-calc__track:after{width:calc((100% - var(--line-inset) * 2) * var(--progress, 0));background:var(--hayat-sky);transition:width .4s ease}.hayat-calc__node{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;gap:6px;min-width:0;text-align:center}.hayat-calc__dot{display:grid;place-items:center;width:var(--dot);height:var(--dot);border:2px solid var(--hayat-line);border-radius:50%;background:var(--hayat-white);color:var(--hayat-navy);transition:background-color .3s ease,border-color .3s ease}.hayat-calc__dot svg{width:18px;height:18px}.hayat-calc__node.is-passed .hayat-calc__dot{border-color:var(--hayat-sky);background:var(--hayat-sky)}.hayat-calc__node.is-install .hayat-calc__dot{border-color:var(--hayat-navy);background:var(--hayat-navy);color:var(--hayat-white)}.hayat-calc__node.is-change .hayat-calc__dot{border-color:var(--hayat-navy);background:var(--hayat-card);color:var(--hayat-navy);box-shadow:0 0 0 5px rgba(var(--hayat-sky-rgb),.35)}.hayat-calc.is-due .hayat-calc__node.is-change .hayat-calc__dot{background:var(--hayat-sky)}.hayat-calc__node.is-now .hayat-calc__dot{box-shadow:0 0 0 3px var(--hayat-white),0 0 0 6px var(--hayat-link)}.hayat-calc__node-name{width:100%;overflow-wrap:anywhere;font-size:13px;font-weight:var(--hayat-weight-bold);line-height:1.3}.hayat-calc__node small{padding:1px 8px;border-radius:var(--hayat-radius-pill);background:var(--hayat-card);color:var(--hayat-link);font-size:11.5px;font-weight:var(--hayat-weight-semibold);line-height:1.6}.hayat-calc__node.is-change small{background:var(--hayat-navy);color:var(--hayat-white)}.hayat-calc__answer{display:grid;align-content:center;justify-items:start;gap:8px;padding:24px 20px 26px;background:var(--hayat-navy);color:var(--hayat-white)}.hayat-calc__answer-label{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--hayat-sky);font-size:15px;font-weight:var(--hayat-weight-semibold)}.hayat-calc__date{margin:0;color:var(--hayat-white);font-size:clamp(30px,24px + 1.6vw,40px);font-weight:var(--hayat-weight-bold);line-height:1.25}.hayat-calc__note{margin:0;color:#ffffffc7;font-size:14px;line-height:1.6}.hayat-calc__left{display:inline-flex;align-items:center;margin-top:4px;padding:3px 12px;border-radius:var(--hayat-radius-pill);background:rgba(var(--hayat-sky-rgb),.2);color:var(--hayat-white);font-size:13px;font-weight:var(--hayat-weight-bold);line-height:1.6}.hayat-calc__left:empty{display:none}.hayat-calc__left.is-due{background:var(--hayat-orange);color:var(--hayat-navy)}.hayat-calc__order{margin-top:8px}@keyframes hayat-cartridge-turn{to{stroke-dashoffset:-20}}@keyframes hayat-cartridge-out{0%,20%{transform:translateY(0);opacity:1}70%{transform:translateY(-10px);opacity:.45}to{transform:translateY(0);opacity:1}}@keyframes hayat-cartridge-in{0%,20%{transform:translateY(-10px)}70%,to{transform:translateY(0)}}@keyframes hayat-cartridge-twinkle{0%,to{transform:scale(.7);opacity:.4}50%{transform:scale(1.1);opacity:1}}@keyframes hayat-cartridge-glow{0%,to{opacity:.75}50%{opacity:1}}@media screen and (min-width:750px){.hayat-calc__pick{padding:28px 30px 30px}.hayat-calc__answer{padding:28px 30px}.hayat-calc__track{--dot: 40px}.hayat-calc__node-name{font-size:14px}}@media screen and (min-width:990px){.hayat-cartridge__intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;margin-bottom:56px}.hayat-cartridge__art{width:min(100%,280px)}.hayat-calc{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.hayat-cartridge__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.hayat-cartridge__steps.hayat-scroller{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-inline:0;margin-bottom:48px;padding-inline:0;overflow:visible}}@media(prefers-reduced-motion:reduce){.sw-turn,.sw-old,.sw-new,.sw-sparkles path{animation:none}.hayat-calc__track:after,.hayat-calc__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hayat-cartridge.css.map */