.control-kit-builder .wrapper{max-width:1122px;overflow:hidden}.control-kit-builder .btn{width:100%;margin:0 auto 17px}@media screen and (width>=750px){.control-kit-builder .btn{max-width:480px;margin:39px auto 17px}}.control-kit-builder .afterpay-paragraph{font-size:1.2rem}.control-kit-builder .afterpay-logo{vertical-align:middle;display:inline-block;width:72px!important}.control-kit-builder .afterpay-link{opacity:0;width:72px;margin-left:-72px;position:absolute}.control-kit-builder__header{text-align:center;margin-bottom:40px}@media screen and (width>=1025px){.control-kit-builder__header{text-align:left}}.control-kit-builder__header h3{margin-bottom:16px;font-size:3.2rem;line-height:3.2rem}@media screen and (width>=750px){.control-kit-builder__header h3{margin-bottom:8px}}.control-kit-builder__header p{letter-spacing:.2rem;text-transform:uppercase;font-family:Graphik Wide,Graphik Wide Fallback,arial,sans-serif}.control-kit-builder__step{text-align:center;margin-bottom:22px}@media screen and (width>=750px){.control-kit-builder__step{margin-bottom:0}}.control-kit-builder__step:last-child{margin-bottom:0}.control-kit-builder__step:last-child .control-kit-builder__step-number:after{width:100%}@media screen and (width>=1025px){.tab-outline .control-kit-builder__step:focus-within .control-kit-builder__step-image{display:none}.tab-outline .control-kit-builder__step:focus-within .control-kit-builder__step-image.control-kit-builder__step-image--single,.tab-outline .control-kit-builder__step:focus-within .control-kit-builder__step-image.control-kit-builder__step-image--hover{display:block}.tab-outline .control-kit-builder__step:focus-within .control-kit-builder__step-number span{color:#fff;background-color:#000}.control-kit-builder__step:hover .control-kit-builder__step-image{display:none}.control-kit-builder__step:hover .control-kit-builder__step-image.control-kit-builder__step-image--single,.control-kit-builder__step:hover .control-kit-builder__step-image.control-kit-builder__step-image--hover{display:block}.control-kit-builder__step:hover .control-kit-builder__step-number span{color:#fff;background-color:#000}}.control-kit-builder__step-image{height:240px}.control-kit-builder__step-image.control-kit-builder__step-image--single{display:block}.control-kit-builder__step-image.control-kit-builder__step-image--hover{display:none}.control-kit-builder__step-image img{-o-object-fit:cover;object-fit:cover;height:100%}.control-kit-builder__step-content{position:relative}@media screen and (width>=750px){.control-kit-builder__step-content{min-height:200px}}@media screen and (width>=1025px){.control-kit-builder__step-content{min-height:180px}}.control-kit-builder__step-content h4{margin-bottom:5px;font-family:Graphik,Graphik Fallback,sans-serif;font-size:2rem;font-weight:400}.control-kit-builder__step-content p{max-width:280px;margin:0 auto 10px;font-size:1.6rem;line-height:2rem;display:block}.control-kit-builder__step-content .choices,.control-kit-builder__step-content select{width:100%;margin-top:22px}@media screen and (width>=750px){.control-kit-builder__step-content .choices,.control-kit-builder__step-content select{margin:0;position:absolute;bottom:0;left:0}}.control-kit-builder__step-content .btn{max-width:none}.control-kit-builder__step-number{text-align:center;justify-content:space-between;margin:0 0 20px;display:block;position:relative}@media screen and (width>=750px){.control-kit-builder__step-number{margin:22px 0}}.control-kit-builder__step-number:before{content:"";background-color:#000;width:1px;height:40px;margin:0 auto;display:block}@media screen and (width>=750px){.control-kit-builder__step-number:before{display:none}}.control-kit-builder__step-number:after{content:"";z-index:1;background-color:#000;width:calc(100% + 33px);height:1px;display:none;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (width>=750px){.control-kit-builder__step-number:after{display:block}}.control-kit-builder__step-number button,.control-kit-builder__step-number span{z-index:2;color:#fff;background-color:#000;border:1px solid #000;border-radius:100%;width:40px;height:40px;font-family:Graphik Wide,Graphik Wide Fallback,arial,sans-serif;font-size:1.4rem;font-weight:700;line-height:38px;transition:color .2s cubic-bezier(.46,.01,.32,1),background-color .2s cubic-bezier(.46,.01,.32,1);display:inline-block;position:relative}@media screen and (width>=750px){.control-kit-builder__step-number button,.control-kit-builder__step-number span{color:#000;background-color:#fff}}
