.installation-section{padding:3rem 0;background-color:#fff}@media (min-width: 768px){.installation-section{padding:5rem 0}}.installation-header{text-align:center;margin-bottom:2.5rem}.installation-title{font-size:1.875rem;font-weight:700;color:#58098f;margin-bottom:.75rem}@media (min-width: 768px){.installation-title{font-size:2.25rem}}.installation-subtitle{max-width:600px;margin:0 auto;color:#6c757d}.installation-steps-container{position:relative;max-width:80rem;margin:0 auto}.installation-steps-progress-bar{display:none;justify-content:space-between;position:relative;max-width:48rem;margin:0 auto 3rem;align-items:center}@media (min-width: 768px){.installation-steps-progress-bar{display:flex}}.installation-progress-bar-bg,.installation-progress-bar-active{position:absolute;top:50%;transform:translateY(-50%);height:4px;background-color:#e5e7eb;width:100%;z-index:0;border-radius:9999px}.installation-progress-bar-active{background-color:#ee2a4b;z-index:1;width:0%;transition:width .4s ease}.installation-step{position:relative;display:flex;flex-direction:column;align-items:center;z-index:9}.installation-step-circle{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-bottom:.5rem;background-color:#ee2a4b;box-shadow:0 0 0 4px #ee2a4b33;transition:background-color .3s ease}.installation-step-circle.gray{background-color:#d1d5db;box-shadow:none}.installation-step-label{position:absolute;bottom:-1.5rem;white-space:nowrap;font-size:.875rem;font-weight:500;color:#58098f;transition:color .3s ease}.installation-step-label.gray{color:#6b7280}.installation-steps-mobile-indicator{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}@media (min-width: 768px){.installation-steps-mobile-indicator{display:none}}.installation-step-current{color:#58098f;font-weight:500}.installation-step-dots,.installation-step-dots-desktop{display:flex;gap:.25rem}.installation-step-dots-desktop{justify-content:center;margin-top:3rem}@media (max-width: 767px){.installation-step-dots-desktop{display:none}}.installation-dot{width:.75rem;height:.75rem;border-radius:9999px;background-color:#d1d5db;transition:background-color .3s;border:none}.installation-dot.active{background-color:#ee2a4b}.installation-dot:hover{background-color:#9ca3af}.installation-dot-mobile{width:.5rem;height:.5rem;border-radius:9999px;background-color:#d1d5db;transition:background-color .3s;border:none}.installation-dot-mobile.active{background-color:#ee2a4b}.installation-dot-mobile:hover{background-color:#9ca3af}.installation-step-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;max-width:56rem;margin:0 auto}@media (min-width: 768px){.installation-step-content{flex-direction:row;justify-content:center;gap:2rem}}.installation-phone-preview-container{position:relative;width:100%;display:flex;justify-content:center}@media (min-width: 768px){.installation-phone-preview-container{width:auto}}.installation-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;color:#58098f;padding:.5rem;border-radius:9999px;box-shadow:0 1px 3px #0000001a;z-index:9;border:none;opacity:1;transition:opacity .3s}.installation-nav-button-desktop{display:none}.installation-nav-button-mobile{display:block}@media (min-width: 768px){.installation-nav-button-desktop{display:block}.installation-nav-button-mobile{display:none}}.installation-nav-button.disabled{opacity:.5;cursor:not-allowed}.installation-nav-button:first-of-type{left:0}.installation-nav-button:last-of-type{right:0}@media (min-width: 768px){.installation-nav-button:first-of-type{left:-2rem}.installation-nav-button:last-of-type{right:-2rem}}.installation-phone-preview{position:relative;width:16rem;height:20rem;flex-shrink:0}.installation-phone-screen-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;z-index:0}.installation-phone-screen-image.active{opacity:1;z-index:9}.installation-phone-screen-image img{width:100%;height:100%;object-fit:contain}.installation-phone-top-bar{position:absolute;top:0;left:0;right:0;height:1rem;background-color:#d1d5db;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;z-index:20}.installation-step-info{position:relative;background-color:#f8f9fa;padding:1rem;border-radius:1rem;box-shadow:0 1px 3px #0000000d;max-width:20rem}@media (min-width: 768px){.installation-step-info{margin-left:1.5rem}}.installation-tooltip-arrow{display:none}@media (min-width: 768px){.installation-tooltip-arrow{display:block;position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f8f9fa}}@media (max-width: 767px){.installation-tooltip-arrow{display:block;position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f8f9fa}}.installation-step-info-title{font-size:1.125rem;font-weight:700;color:#58098f;margin-bottom:.5rem;display:none}.installation-step-info-title.active{display:block}@media (min-width: 768px){.installation-step-info-title{font-size:1.25rem}}.installation-step-info-text{color:#4b5563;font-size:.875rem;display:none}.installation-step-info-text.active{display:block}@media (min-width: 768px){.installation-step-info-text{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-installation.css.map */