.scroll-container{z-index:0;width:100%;height:430vh;position:relative}.phone-wrapper{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.main-image{-o-object-fit:cover;object-fit:cover;width:100vw;height:100vh}.scroll-steps{width:100%;position:relative}.scroll-step{height:90vh}.scroll-step:nth-child(3){height:145vh}.scroll-step:nth-child(4){height:105vh}.final-section{background:0 0;width:100%}.final-image{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;display:block}.avatar-buttons-overlay{z-index:10000;gap:0;display:flex;position:fixed;bottom:5%;left:50%;transform:translate(-50%)}.avatar-button-overlay{cursor:pointer;-o-transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;width:20vw;height:16vh;transition:all .2s}@media (max-width:768px){.scroll-container{height:800vh;margin-top:0;padding-top:0}.phone-wrapper{width:100vw;height:100vh;margin:0;padding:0}.main-image{-o-object-fit:cover;object-fit:cover;width:100vw;height:100vh}.scroll-step,.scroll-step:nth-child(3),.scroll-step:nth-child(4){height:80vh}.avatar-buttons-overlay{width:90vw;max-width:400px;bottom:8%}.avatar-button-overlay{width:25%;height:60px}.final-section{margin:0;padding:0}.final-image{-o-object-fit:cover;object-fit:cover;width:100vw;max-width:100vw;height:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}@media (max-width:480px){.scroll-container{height:300vh}.scroll-step,.scroll-step:nth-child(3),.scroll-step:nth-child(4){height:75vh}.main-image{-o-object-fit:cover;object-fit:cover;width:100vw;height:100vh}.avatar-buttons-overlay{bottom:10%}.avatar-button-overlay{width:25%;height:50px}}
