.codespot_codespot_wrapper__olauc{background-color:#000;padding:200px 0;color:#ccc}@media(max-width:768px){.codespot_codespot_wrapper__olauc{padding:100px 0 160px}}.codespot_codespot_wrapper__olauc .codespot_inner_wrapper__CKxuw{max-width:calc(1440px + 40px);margin:0 auto;padding:0 20px}.codespot_codespot_wrapper__olauc .codespot_inner_wrapper__CKxuw>h1{font-size:48px;line-height:56px;font-weight:500;margin:15px 0;letter-spacing:-.5px;color:#fff;border-bottom:1px solid #ccc;padding-bottom:35px;display:flex;justify-content:flex-start}.codespot_codespot_wrapper__olauc .codespot_inner_wrapper__CKxuw>h1 a{white-space:nowrap;height:44px;line-height:22px;margin-top:10px;margin-left:40px}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_inner_wrapper__CKxuw>h1{flex-direction:column;font-size:42px;line-height:50px;margin-bottom:30px;padding-bottom:60px}.codespot_codespot_wrapper__olauc .codespot_inner_wrapper__CKxuw>h1 a{width:150px;margin-top:30px;margin-left:0}}.codespot_codespot_wrapper__olauc .codespot_back__rBloI{background-image:url(/images/back_arrow.svg);background-repeat:no-repeat;background-size:21px 14px;background-position:left 8px;padding-left:30px;font-weight:200;font-size:20px;line-height:28px;display:inline-block;text-decoration:none;color:#ccc}.codespot_codespot_wrapper__olauc .codespot_back__rBloI:after{content:" ";width:100%;height:1px;background-color:#ccc;display:block;margin-top:-4px;transition:opacity .5s}.codespot_codespot_wrapper__olauc .codespot_back__rBloI:active:after,.codespot_codespot_wrapper__olauc .codespot_back__rBloI:hover:after{opacity:1}.codespot_codespot_wrapper__olauc .codespot_back__rBloI:after{margin-top:4px}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_back__rBloI{font-size:14px}.codespot_codespot_wrapper__olauc .codespot_back__rBloI:after{margin-top:-4px}}.codespot_codespot_wrapper__olauc .codespot_tags__6h9NR{margin-top:80px;width:100%;display:flex;justify-content:flex-start}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_tags__6h9NR{margin-top:60px;margin-bottom:55px}}.codespot_codespot_wrapper__olauc .codespot_tags__6h9NR>span{font-size:14px;line-height:17px;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:14px;padding:4px 14px;font-weight:200}.codespot_codespot_wrapper__olauc .codespot_tags__6h9NR>span.codespot_language__G1z90{background-color:#04734c}.codespot_codespot_wrapper__olauc .codespot_tags__6h9NR>span.codespot_type__gIJp9{background-color:#824acc}.codespot_codespot_wrapper__olauc .codespot_attributes__5_ojg{font-size:16px;line-height:28px;font-family:Geist Mono;text-transform:uppercase;margin:25px 0}.codespot_codespot_wrapper__olauc .codespot_author__NqT_N a{display:inline-block;text-decoration:none;color:#8388fe;font-size:20px;line-height:40px;font-weight:200}.codespot_codespot_wrapper__olauc .codespot_author__NqT_N a:after{content:" ";width:100%;height:1px;background-color:#ccc;display:block;margin-top:-4px;transition:opacity .5s;opacity:0}.codespot_codespot_wrapper__olauc .codespot_author__NqT_N a:active:after,.codespot_codespot_wrapper__olauc .codespot_author__NqT_N a:hover:after{opacity:1}.codespot_codespot_wrapper__olauc .codespot_author__NqT_N a:after{background-color:#8388fe}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_author__NqT_N{margin-bottom:30px}.codespot_codespot_wrapper__olauc .codespot_author__NqT_N a{font-size:16px}}.codespot_codespot_wrapper__olauc .codespot_description__S3ouZ{color:#ccc;font-size:20px;line-height:28px;font-weight:200}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_description__S3ouZ{font-size:16px;line-height:25px}}.codespot_codespot_wrapper__olauc .codespot_description__S3ouZ ul{margin:10px 0 40px;padding:0 0 0 20px}.codespot_codespot_wrapper__olauc .codespot_rating__V2ciF{border:1px solid #ccc;border-radius:3px;display:flex;justify-content:space-between;padding:0 20px;align-items:center;color:#fff;width:303px;height:45px;margin:60px 0;position:relative}.codespot_codespot_wrapper__olauc .codespot_rating__V2ciF>p{display:inline-block;margin:-3px 0 0;font-size:18px;font-weight:200}.codespot_codespot_wrapper__olauc .codespot_rating__V2ciF>div{margin-left:40px}.codespot_codespot_wrapper__olauc .codespot_rating__V2ciF:hover{border-color:#8388fe}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_rating__V2ciF{width:100%}}.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm{background-color:#21252c;border:1px solid #ccc;border-width:1px 0}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm{width:calc(100% + 48px);margin-left:-24px}}.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm img{max-width:50%;height:auto;cursor:pointer}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm img{max-width:100%;cursor:auto}}.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm>h2{color:#fff;display:flex;align-items:center;font-size:32px;line-height:40px;font-weight:200;cursor:pointer;padding:35px 50px;margin:0}.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm>h2:after{content:" ";display:inline-block;width:18.5px;height:10px;background-image:url(/images/filter_expand.svg);background-size:contain;background-position:50%;background-repeat:no-repeat;margin-left:20px;margin-top:8px;transition:transform .5s}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm>h2{font-size:20px;line-height:30px;padding:15px 24px 18px}.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm>h2:after{width:15px;height:8px}}.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm .codespot_content__snKqq{overflow:hidden;pointer-events:none;transition:height 1s;padding:0 50px}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm .codespot_content__snKqq{padding:0 24px}}.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm.codespot_expand__aVP_J h2:after{transform:rotate(180deg)}.codespot_codespot_wrapper__olauc .codespot_installation__x1Csm.codespot_expand__aVP_J .codespot_content__snKqq{pointer-events:auto}.codespot_codespot_wrapper__olauc .codespot_content__snKqq p+h4{margin-top:40px}.codespot_codespot_wrapper__olauc .codespot_content__snKqq h4{font-size:20px;font-weight:300;color:#fff;margin:0}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_content__snKqq h4{font-size:16px;line-height:26px;margin:0 0 -7px}}.codespot_codespot_wrapper__olauc .codespot_content__snKqq p{font-size:20px;font-weight:300;line-height:28px;color:#ccc;margin:10px 0}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_content__snKqq p{font-size:16px;line-height:25px}}.codespot_codespot_wrapper__olauc .codespot_content__snKqq ul li{font-size:20px;font-weight:300;line-height:30px}.codespot_codespot_wrapper__olauc .codespot_content__snKqq img{margin:10px 0;display:block}.codespot_codespot_wrapper__olauc .codespot_content__snKqq code{background-color:#0c0d10;color:#979797;display:block;font-size:16px;line-height:25px;padding:15px 20px;margin:25px 0;overflow-x:auto}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_content__snKqq code{font-size:14px;line-height:20px;padding:10px 15px}}.codespot_codespot_wrapper__olauc .codespot_content__snKqq * a{display:inline-block;text-decoration:none;color:#8388fe}.codespot_codespot_wrapper__olauc .codespot_content__snKqq * a:after{content:" ";width:100%;height:1px;background-color:#ccc;display:block;margin-top:-4px;transition:opacity .5s;opacity:0}.codespot_codespot_wrapper__olauc .codespot_content__snKqq * a:active:after,.codespot_codespot_wrapper__olauc .codespot_content__snKqq * a:hover:after{opacity:1}.codespot_codespot_wrapper__olauc .codespot_content__snKqq * a:after{background-color:#8388fe}.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h1,.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h2,.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h3{font-size:20px;line-height:20px;font-family:Geist Mono;color:#5b5b5b;font-weight:200;background-color:#d8d8d8;height:41px;display:inline-flex;align-items:center;padding:0 10px;margin-top:45px}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h1,.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h2,.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h3{font-size:16px;height:32px;margin:50px 0 25px}.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h1:first-child,.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h2:first-child,.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h3:first-child{margin-top:25px}}.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h1~h2{font-size:20px;font-weight:300;color:#fff;margin:20px 0 0;display:flex;background-color:unset;font-family:unset;padding:0}@media(max-width:768px){.codespot_codespot_wrapper__olauc .codespot_content__snKqq.codespot_installation_content__LE_Ho h1~h2{font-size:16px;line-height:26px;margin:0 0 -7px}}.codespot_installation_instructions_modal__RFma2{background-color:rgba(0,0,0,.3);position:absolute;bottom:0;left:0;right:0;top:0;position:fixed;display:flex;z-index:20;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s}.codespot_installation_instructions_modal__RFma2.codespot_open__ggIKe{opacity:1;pointer-events:auto}.codespot_installation_instructions_modal__RFma2>div{position:relative}.codespot_installation_instructions_modal__RFma2>div img{max-width:80vw;height:auto;max-height:80vh}.codespot_installation_instructions_modal__RFma2>div>a{position:absolute;top:-30px;right:-30px;width:20px;height:20px;background-image:url(/images/x_white.svg);background-repeat:no-repeat;background-size:contain}