.install-guide-container{max-width:1676px;margin:auto;padding:0 25px}.install-guide-container video,.install-guide-container img{display:block;width:100%;height:auto}.install--title{font-family:Saol Text;font-size:40px;line-height:50px;letter-spacing:-1.6px;padding:32px 0 16px;margin:0}.install-guide-container button{margin:0;padding:0;border:none;background-color:transparent}.install--tab.desktop--content{display:flex;margin:0 0 55px;border:1px solid #000;width:fit-content}.install--tab.desktop--content button{border:none;border-right:1px solid #000;font-family:Acumin Pro Bold;font-size:14px;font-weight:700;text-transform:uppercase;padding:14.5px 31.5px;display:flex;justify-content:center;align-items:center}.install--tab.desktop--content button:nth-child(2){padding:14.5px 24px}.install--tab.desktop--content button:last-child{border:none;padding:14.5px 16px}.install--tab.desktop--content button.active{background-color:#000;color:#fff}.toppers-tab--link{display:flex;flex-direction:row;gap:24px;width:fit-content;margin-bottom:28px;overflow:auto}.toppers-tab--link button{font-family:Acumin Pro Regular;font-size:18px;line-height:122.222%;padding:4px 8px;flex-shrink:0;color:#646362;border-bottom:1px solid transparent}.toppers-tab--link button.active{border-bottom:1px solid #000;color:#000}.toppers-tab--link{display:flex;flex-direction:row;gap:24px;width:fit-content;margin-bottom:28px}.toppers-tab--link button{font-family:Acumin Pro Regular;font-size:18px;line-height:22px;padding:4px 8px}.toppers-tab--link button.active{border-bottom:1px solid #000}.toppers-tabContent--wrap .toppers--content{display:none}.toppers-tabContent--wrap .toppers--content.active{display:block}.toppers--content--inner{display:flex;flex-direction:row;flex-wrap:nowrap;gap:80px}.toppers--content .topper-video{width:59%;flex-shrink:0;position:relative}.toppers--content .topper--instructions{width:calc(41% - 80px);flex-shrink:0;font-family:Acumin Pro Regular}.toppers--content .instruction--title{display:inline-block;font-size:18px;line-height:22px;margin-bottom:32px}.toppers--content .instruction--desc{font-size:24px;line-height:32px;width:474px;max-width:100%;margin-bottom:24px}.toppers--content .instruction--list{width:431px;max-width:100%}.toppers--content .instruction--list li{counter-increment:list-counter;width:calc(100% - 30px);font-size:14px;line-height:20px;position:relative;right:-30px;margin-bottom:16px}.toppers--content .instruction--list li:before{content:counter(list-counter,decimal-leading-zero);position:absolute;left:-30px;font-size:18px;font-style:normal;font-weight:400;line-height:22px}.toppers--content .instruction--list ul{counter-reset:list-counter}.toppers--content .instruction--list li:last-child{margin:0}.topper-accord--wrap{width:600px;max-width:100%;background:#e7e7e7;margin-bottom:15px}.topper-accord--wrap .tac--title{padding:11px 24px 10px;display:flex;justify-content:space-between}.topper-accord--wrap .tac--title{font-size:18px;line-height:22px;cursor:pointer}.topper-accord--wrap .tac--title .collapse-tab,.topper-accord--wrap .tac--title.active .expand-tab{display:none}.topper-accord--wrap .tac--title.active .collapse-tab{display:block}.topper-accord--wrap .tac--content{padding:6px 32px 13px}.topper-accord--wrap .tac--content ul{margin:0;counter-reset:accord-counter}.topper-accord--wrap .tac--content ul li{counter-increment:accord-counter;position:relative;right:-30px;font-size:14px;line-height:20px;margin-bottom:18px}.topper-accord--wrap .tac--content ul li:last-child{margin-bottom:0}.topper-accord--wrap .tac--content ul li:before{content:counter(accord-counter,decimal-leading-zero);position:absolute;left:-30px;font-size:18px;font-style:normal;font-weight:400;line-height:22px}h3.htu-sbs--title{font-family:SaolText-Regular;font-size:40px;line-height:50px;letter-spacing:-1.6px;padding:32px 0 20px}.sbs--steps-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;gap:14px;margin-right:-25px;padding-right:25px;margin-left:-25px;padding-left:25px}.sbs--steps-wrap::-webkit-scrollbar{height:0}.sbs--steps-wrap .sbs--step{width:314px;min-width:314px;border:1px solid #000;background:#fff;padding:18px}.sbs--steps-wrap .sbs--step-title{font-family:Acumin Pro Regular;font-size:18px;line-height:22px;text-align:center;margin:12px 0 5px}.sbs--steps-wrap .sbs--step-desc{text-align:center;font-family:Acumin Pro Regular;font-size:14px;line-height:20px;margin:0}.install-guide-container .video--content,.install-guide-container .iframe--content{position:relative}.install-guide-container .video-controls{position:absolute;right:24px;bottom:50px}.install-guide-container .video-controls svg{border:2px solid #fff;border-radius:50%;height:clamp(24px,2.448vw,47px);width:clamp(24px,2.448vw,47px)}.topper-nav--arrows{position:absolute;top:50%}.topper-nav--arrows.next{right:-16px}.topper-nav--arrows.previous{left:-16px}.topper-nav--dots{position:absolute;bottom:-16px;width:100%;display:flex;justify-content:center;gap:8px}.topper-nav--dots button{display:block;width:6px;height:6px;border-radius:50%;background-color:#d9d9d9}.topper-nav--dots button.active{background-color:#707070}.install-guide-container .topper-nav--dots,.install-guide-container .topper-nav--arrows{display:none}@media (max-width: 1024px){.toppers--content--inner{flex-direction:column;gap:32px}.toppers--content .topper-video,.toppers--content .topper--instructions,.toppers--content .instruction--desc,.topper-accord--wrap,.toppers--content .instruction--list{width:100%}.toppers--content .topper--instructions{background-color:#fff;margin:0 -25px;width:calc(100% + 50px);padding:0 25px}.toppers--content .instruction--title{padding-top:24px}.howToUse--stepByStep{padding-bottom:40px}}.install-guide-container .mobile--content{display:none}@media (max-width: 768px){.install-guide-container .topper-nav--arrows,.install-guide-container .mobile--content{display:block}.install-guide-container .topper-nav--dots{display:flex}.install-guide-container .desktop--content{display:none}.install--title{padding:24px 0 8px}.install-guide-container .install--subtext{font-family:Acumin Pro Regular;font-size:14px;line-height:24px;margin-bottom:5px}.install--dropdown.mobile--content{width:372px;max-width:100%;margin-bottom:18px;position:relative}.install--dropdown.mobile--content .install--tab-btn{padding:16px 15px 11px;width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #000;background-color:#fff}.install--dropdown.mobile--content button{font-family:Acumin Pro Regular;font-size:14px;line-height:133.333%;padding:16px 15px 11px}.install--dropdown .install-dropdown--content{display:none}.install--dropdown.active .install-dropdown--content{display:flex;flex-direction:column;border:1px solid #000000;border-top:0;align-items:flex-start;position:absolute;top:53px;width:100%;z-index:1;background-color:#fff;padding:8px 0}.install--dropdown.mobile--content .dropdown--option{padding:8px 16px;display:block;width:100%;text-align:left}.install--dropdown.active .install--tab-btn svg{transform:rotate(180deg)}.install--dropdown.mobile--content .dropdown--option:disabled{opacity:.5}.toppers-tab--link::-webkit-scrollbar{display:none;height:0}.toppers-tab--link{gap:12px;margin-bottom:18px}.toppers-tab--link button{padding:4px 0;font-size:14px}.install-guide-container .video--content{padding:0 33px}.toppers--content .instruction--title{padding-top:24px;margin-bottom:18px}.toppers--content .instruction--list ul{margin-bottom:24px}.install-guide-container .video-controls{right:47px;bottom:14px}h3.htu-sbs--title{padding:32px 0}.topper-video-mobile{padding:0 33px}}.mobile-thumbnail{display:none}.install-guide-container .iframe-controls{position:absolute;right:24px}.install-guide-container .iframe-controls svg{border:2px solid #fff;border-radius:50%;height:clamp(24px,2.448vw,47px);width:clamp(24px,2.448vw,47px)}.iframe--wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}.iframe--wrapper iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.placeholder-thumbnail svg{height:408px;width:100%}.placeholder-thumbnail--mobile{display:none}@media (max-width: 768px){.desktop-thumbnail{display:none}.mobile-thumbnail{display:block;padding:0 33px}.placeholder-thumbnail--desktop{display:none}.placeholder-thumbnail--mobile{display:block;padding:0 33px}.install-guide-container .iframe-controls{right:47px;bottom:25px}.topper-video-mobile{padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/1136/assets/how-to-install-styles.css.map */