.install-modal{--im-green: #76bc43;--im-green-dark: #5da130;--im-green-ring: rgba(118, 188, 67, .22);--im-orange: #da5c15;--im-orange-dark: #c44e12;--im-gray: #cccccc;--im-ink: #313131;--im-muted: #747272;--im-line: #ececec;--im-error: #e74c3c;--im-radius: 10px;--im-ease-out: cubic-bezier(.16, 1, .3, 1);--im-ease-in: cubic-bezier(.4, 0, .2, 1);--im-in: .44s;--im-out: .28s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:1.25rem;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--im-out)}.install-modal.is-open{visibility:visible;pointer-events:auto;transition:visibility 0s linear 0s}.install-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;will-change:opacity;transition:opacity var(--im-out) var(--im-ease-in)}.install-modal.is-open .install-modal__overlay{opacity:1;transition:opacity var(--im-in) var(--im-ease-out)}.install-modal__panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:800px;max-height:calc(100vh - 2.5rem);background:#fff;color:var(--im-ink);border-radius:var(--im-radius);box-shadow:0 24px 60px -12px #00000059;overflow:hidden;opacity:0;transform:translateY(10px) scale(.985);will-change:opacity,transform;backface-visibility:hidden;transition:opacity var(--im-out) var(--im-ease-in),transform var(--im-out) var(--im-ease-in);outline:none}.install-modal.is-open .install-modal__panel{opacity:1;transform:none;transition:opacity var(--im-in) var(--im-ease-out),transform var(--im-in) var(--im-ease-out)}.install-modal__grabber{display:none}.install-modal__close{position:absolute;top:.75rem;right:.75rem;z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--im-radius);background:transparent;color:var(--im-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.install-modal__close:hover{background:#f3f3f3;color:var(--im-ink)}.install-modal__header{padding:1.75rem 3rem 1.25rem;text-align:center;border-bottom:1px solid var(--im-line)}.install-modal__title{max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}.install-modal__product{margin:.375rem 0 0;font-size:.9375rem;font-weight:600;color:var(--im-muted)}.container-steps-installment{display:flex;justify-content:center;align-items:flex-start;gap:1rem;margin:1.25rem 0 0}.step-installment{display:flex;flex-direction:column;align-items:center;gap:.375rem}.step-installment__circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--im-gray);color:#fff;font-weight:700;font-size:1rem;transition:background-color .3s ease,box-shadow .3s ease}.step-installment__active,.step-installment__circle.is-done{background:var(--im-green)}.step-installment__active{box-shadow:0 0 0 4px var(--im-green-ring)}.step-installment__label{font-size:.875rem;color:var(--im-muted);transition:color .3s ease}.step-installment__active+.step-installment__label,.step-installment__circle.is-done+.step-installment__label{color:var(--im-ink);font-weight:600}.step-installment__divider{position:relative;width:48px;height:2px;margin-top:15px;border-radius:2px;background:var(--im-gray);overflow:hidden}.step-installment__divider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--im-green);transform:scaleX(0);transform-origin:left center;transition:transform .4s var(--im-ease-out)}.step-installment__divider.is-done:after{transform:scaleX(1)}.install-modal__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem}.installation-steps-div{display:none}.installation-steps-div.is-active{display:block;animation:im-step-in .34s var(--im-ease-out) both}.install-modal__panel[data-direction=back] .installation-steps-div.is-active{animation-name:im-step-in-back}@keyframes im-step-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes im-step-in-back{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.install-modal__intro{max-width:56ch;margin:0 auto;text-align:center;line-height:1.55;color:var(--im-ink)}.install-modal__link{display:block;margin-top:1rem;text-align:center;color:var(--im-ink);text-decoration:underline}.install-modal__terms{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.install-postal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin:1.25rem 0 0}.install-postal__label{font-weight:600}.install-postal__input{width:140px;padding:.625rem .875rem;border:1px solid var(--im-gray);border-radius:var(--im-radius);font:inherit;font-size:1rem;letter-spacing:.08em;font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease}.install-postal__input:focus{outline:none;border-color:var(--im-green);box-shadow:0 0 0 3px var(--im-green-ring)}.install-postal__message{min-height:1.5em;margin:.875rem 0 0;text-align:center;font-size:.9375rem;font-weight:600;opacity:0;transition:opacity .2s ease}.install-postal__message.is-visible{opacity:1}.install-postal__message.is-success{color:var(--im-green)}.install-postal__message.is-error{color:var(--im-error)}.items-available-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem;margin-bottom:1rem}.items-available-container__item{max-width:180px}.add2cart{padding:.5rem 1rem;border:none;border-radius:var(--im-radius, 10px);background-color:#da5c15;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.add2cart:hover{background-color:#c44e12}.add2cart:disabled{background-color:#ccc;cursor:not-allowed}.install-btn{padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--im-radius);font:inherit;font-size:.9375rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.install-btn--primary{background:var(--im-green);color:#fff}.install-btn--primary:hover:enabled{background:var(--im-green-dark)}.install-btn--primary:disabled{background:var(--im-gray);cursor:not-allowed}.install-btn--secondary{background:#fff;border-color:var(--im-green);color:var(--im-green-dark)}.install-btn--secondary:hover:enabled{background:var(--im-green);color:#fff}.install-btn--secondary:disabled{border-color:var(--im-gray);color:#9a9a9a;cursor:default}.install-btn--accent{background:var(--im-orange);color:#fff}.install-btn--accent:hover:enabled{background:var(--im-orange-dark)}.install-btn--accent:disabled{opacity:.7;cursor:wait}.install-btn.is-hidden{display:none}.install-btn:focus-visible,.install-modal__close:focus-visible,.install-modal__skip:focus-visible{outline:2px solid var(--im-green);outline-offset:2px}.install-modal__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:1rem 1.5rem;border-top:1px solid var(--im-line)}.install-modal__skip{color:var(--im-muted);text-decoration:underline;font-size:.9375rem}.install-modal__nav{display:flex;gap:.75rem;margin-left:auto}.button-group-container{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;flex-wrap:wrap}body.install-modal-open{overflow:hidden;padding-right:var(--im-scrollbar, 0px)}@media(max-width:599px){.install-modal{align-items:flex-end;padding:0}.install-modal__panel{max-height:92vh;border-radius:var(--im-radius) var(--im-radius) 0 0;transform:translateY(100%)}.install-modal__grabber{display:block;width:40px;height:4px;margin:.625rem auto 0;border-radius:999px;background:var(--im-line)}.install-modal__header{padding:1rem 2.75rem}.install-modal__title{font-size:1.0625rem}.install-modal__body{padding:1.25rem 1rem}.install-modal__actions{flex-direction:column-reverse;align-items:stretch;padding:.875rem 1rem calc(.875rem + env(safe-area-inset-bottom,0px))}.install-modal__skip{text-align:center}.install-modal__nav{margin-left:0}.install-modal__nav .install-btn{flex:1}}@media(prefers-reduced-motion:reduce){.install-modal,.install-modal.is-open,.install-modal__overlay,.install-modal__panel,.install-modal.is-open .install-modal__overlay,.install-modal.is-open .install-modal__panel,.step-installment__divider:after{transition:none!important}.installation-steps-div.is-active{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/installment-modal.css.map */