*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;text-decoration:none;color:var(--main-text);border-style:none;font-family:Satoshi,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*:focus{outline:none}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul{list-style:none}img,video,svg{height:auto;max-width:100%}html,body{min-height:100dvh;overflow-x:hidden}:root{--light-background: #EFF8F6;--dark-text: #2A2D2A;--dark-text-neutral: #666666;--light-lighter: #f6fbfa;--light-darker: #d1e6e1;--dark-background: #1e232c;--light-text: #d1e6e1;--light-text-neutral: #85aba2;--dark-lighter: #272c35;--dark-darker: #15191f;--dark: #1e232c;--text-dark: #333333;--text-light: #CCCCCC;--text-light-neutral: #999999;--light: #f5f5f7;--primary: #3FBC92;--button-InputOption-black: #191B1D ;--button-InputOption-blue: #2C7CBF;--button-InputOption-yellow: #FDD315;--button-InputOption-white: #FFFFFF;--button-InputOption-green: #3FBC92;--button-InputOption-red: #EC1456;--button-InputOption-orange: #F58F1D;--button-InputOption-ivory: #B6C994;--button-InputOption-pink: #E961A3;--size-xxs: .5rem;--size-nxxs: -.5rem;--size-xs: .75rem;--size-s: 1rem;--size-m: 1.5rem;--size-l: 2rem;--size-xl: 4rem;--size-xxl: 8rem}:root body:has(option[value=light]:checked){--main-background: var(--light-background);--main-text: var(--dark-text);--main-neutral: var(--dark-text-neutral);--main-lighter: var(--light-lighter);--main-darker: var(--light-darker);--box-shadow1: var(--size-xxs) var(--size-xxs) var(--size-xxs) var(--main-darker);--box-shadow2: var(--size-nxxs) var(--size-nxxs) var(--size-xxs) var(--main-lighter)}:root body:has(option[value=dark]:checked){--main-background: var(--dark-background);--main-text: var(--light-text);--main-neutral: var(--light-text-neutral);--main-lighter: var(--dark-lighter);--main-darker: var(--dark-darker);--box-shadow1: var(--size-xxs) var(--size-xxs) var(--size-xxs) var(--main-darker);--box-shadow2: var(--size-nxxs) var(--size-nxxs) var(--size-xxs) var(--main-lighter)}body{background-color:var(--main-background)}nav{display:flex;align-items:center;z-index:1000;width:100svw;padding:0 var(--size-xl);background-color:var(--main-background)}@media (width <= 768px){nav{flex-direction:column;justify-content:center;gap:var(--size-m);padding:var(--size-xs);min-height:var(--size-xl)}}@media (width > 768px){nav{justify-content:space-between;height:var(--size-xl)}}nav>ul{display:flex;justify-content:center}@media (width <= 768px){nav>ul{gap:var(--size-xxs)}}@media (width > 768px){nav>ul{gap:var(--size-s)}}nav>ul>li,nav>ul>select{display:flex;justify-content:center;align-items:center;border-radius:var(--size-m);font-weight:500;font-size:1rem;cursor:pointer;background-color:var(--main-background)}@media (width <= 768px){nav>ul>li>a{padding:.2rem;font-size:.8rem}}@media (width > 768px){nav>ul>li>a{padding:var(--size-xxs)}}@media (width <= 768px){nav>ul>select{padding:.2rem;font-size:.8rem}}@media (width > 768px){nav>ul>select{padding:var(--size-xxs)}}nav>ul>li.active>a{color:var(--primary)}@media (width <= 768px){nav>img{height:var(--size-l)}}@media (width > 768px){nav>img{height:var(--size-m)}}article{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background-color:var(--main-background);width:100%;height:100%}@media (width <= 768px){article{padding:3rem var(--size-s);gap:var(--size-m)}}@media (width > 768px){article{padding:6rem;gap:var(--size-l)}}article>img{position:absolute;z-index:0;right:0;height:100%;width:auto}@media (width <= 768px){article>img{display:none}}#home_title{height:600px}#home_featured>div{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-l);width:100%}#home_featured>div>.card{display:flex;flex-direction:column;gap:var(--size-m);cursor:pointer}#home_featured>div>.card>img{height:260px;min-width:260px;border-radius:var(--size-xs);background-color:var(--main-lighter)}#home_featured>div>.card>.cardInfo{padding:0 var(--size-s)}#home_featured>div>.card>.cardInfo>label{font-size:1.1rem;color:var(--main-neutral)}#home_featured>div>.card>.cardInfo>label>span{font-weight:500;color:var(--main-text)}h1,h2{z-index:1000;text-align:left;letter-spacing:.02rem;font-weight:700}@media (width <= 768px){h1,h2{font-size:2rem}}@media (width > 768px){h1,h2{font-size:3rem}}h3{padding-left:var(--size-xxs);border-left:var(--size-xxs) solid var(--primary)}p{z-index:1000;font-size:1rem;line-height:2rem;font-weight:400;color:var(--main-neutral)}article>p{font-size:1.25rem}button{z-index:1000;border-radius:var(--size-xs);font-weight:600;font-size:1rem;padding:var(--size-xs);width:fit-content;cursor:pointer;background-color:var(--primary);color:var(--dark-lighter)}button>a{color:var(--dark-lighter)}button:hover{outline:2px solid var(--main-text)}button[disabled]{pointer-events:none;background-color:var(--main-darker)}button[disabled]>a{color:var(--main-neutral)}button[disabled]:hover{outline:none}footer{margin-top:var(--size-xxl)}footer>.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;height:200px;width:100%;background-color:var(--primary)}footer>.footer>img{width:auto}@media (width <= 768px){footer>.footer>img{height:var(--size-m)}}@media (width > 768px){footer>.footer>img{height:var(--size-l)}}footer>.waves{position:relative}footer>.waves>.wave{position:absolute;bottom:0;left:0;width:100%;height:40px;background:url(/assets/wave-DAZXDNOm.webp);background-size:1000px 40px}footer>.waves>.wave1{bottom:0;z-index:-11;opacity:1;animation:animate 30s linear infinite;animation-delay:0s}@keyframes animate{0%{background-position-x:0}to{background-position-x:1000px}}footer>.waves>.wave2{bottom:2px;z-index:-12;opacity:.5;animation:animate2 15s linear infinite;animation-delay:-5s}@keyframes animate2{0%{background-position-x:0}to{background-position-x:-1000px}}footer>.waves>.wave3{bottom:2px;z-index:-13;opacity:.6;animation:animate3 30s linear infinite;animation-delay:-2s}@keyframes animate3{0%{background-position-x:0}to{background-position-x:1000px}}footer>.waves>.wave4{bottom:0;z-index:-14;opacity:.7;animation:animate4 5s linear infinite;animation-delay:-5s}@keyframes animate4{0%{background-position-x:0}to{background-position-x:1000px}}.ObjectAndButtons{display:flex;justify-content:center;align-items:center;gap:var(--size-l)}@media (width <= 768px){.ObjectAndButtons{flex-direction:column}}@media (width > 768px){.ObjectAndButtons{flex-direction:row}}.CanvasContainer{height:500px;border-radius:var(--size-xs);overflow:hidden;cursor:grab;background-color:var(--main-darker)}@media (width <= 768px){.CanvasContainer{width:100%}}@media (width > 768px){.CanvasContainer{min-width:330px}}.CanvasContainer:active{cursor:grabbing}.CanvasContainer>canvas{width:100%;height:100%}.OptionsRow{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;gap:var(--size-l);-webkit-user-select:none;user-select:none}@media (width <= 768px){.OptionsRow{width:100%}}@media (width > 768px){.OptionsRow{width:330px}}.ButtonsRow{display:flex;flex-wrap:wrap;gap:var(--size-xxs) var(--size-xs);padding-left:var(--size-xs);border-left:2px solid var(--main-darker)}.ButtonsRow>label{width:100%;font-size:var(--size-s);line-height:calc(var(--size-s) * 1.6);font-weight:500}.ButtonsRow>label>span{width:100%;font-size:var(--size-s);line-height:calc(var(--size-s) * 1.6);font-weight:300}.InputOption>label{display:flex;justify-content:center;align-items:center;height:var(--size-m);min-width:var(--size-m);padding:0 var(--size-xxs);font-weight:600;font-size:var(--size-xs);border-radius:var(--size-m);border:2px solid var(--main-background);outline:1px solid var(--light-darker);opacity:25%;cursor:pointer;transition:.3s}.InputOption>input{display:none}.InputOption>input:checked+label{padding:0 var(--size-xs);min-width:var(--size-l);background-color:var(--main-lighter);opacity:100%;box-shadow:var(--box-shadow1),var(--box-shadow2);color:var(--main-neutral)}.guide{width:fit-content}@media (width <= 768px){.guide{height:min-content;padding:0}}@media (width > 768px){.guide{height:var(--size-xl);padding:0 var(--size-l)}}section>article>.footer{display:flex;justify-content:space-between;border-top:2px solid var(--main-darker)}@media (width <= 768px){section>article>.footer{padding:var(--size-l) var(--size-l) var(--size-s)}}@media (width > 768px){section>article>.footer{padding:var(--size-l) var(--size-l) var(--size-xxs)}}section>article>.footer>.subtotal{display:flex;align-items:center;gap:var(--size-xxs)}#GuidesBlack+label,#BumpersBlack+label,#ShoesBlack+label,#BladesBlack+label{background-color:var(--button-InputOption-black)}#GuidesBlue+label,#BumpersBlue+label,#ShoesBlue+label,#BladesBlue+label{background-color:var(--button-InputOption-blue)}#GuidesYellow+label,#BumpersYellow+label,#ShoesYellow+label{background-color:var(--button-InputOption-yellow)}#GuidesWhite+label,#BumpersWhite+label,#ShoesWhite+label{background-color:var(--button-InputOption-white)}#GuidesGreen+label,#BumpersGreen+label,#BladesGreen+label{background-color:var(--button-InputOption-green)}#GuidesRed+label,#BumpersRed+label,#BladesRed+label{background-color:var(--button-InputOption-red)}#GuidesOrange+label,#BumpersOrange+label,#BladesOrange+label{background-color:var(--button-InputOption-orange)}#BladesIvory+label{background-color:var(--button-InputOption-ivory)}#GuidesPink+label,#BladesPink+label{background-color:var(--button-InputOption-pink)}#information_inputs>.input_box{display:flex;align-items:center;gap:var(--size-xxs)}#information_inputs>.input_box>label{padding-left:var(--size-xs);border-left:2px solid var(--primary)}#information_inputs>.input_box>input{height:2rem;border-radius:var(--size-xxs);padding:var(--size-xxs);border:2px solid var(--main-darker)}@font-face{font-family:Satoshi-Variable;src:url(../fonts/Satoshi-Variable.woff2) format("woff2"),url(../fonts/Satoshi-Variable.woff) format("woff"),url(../fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(../fonts/Satoshi-VariableItalic.woff2) format("woff2"),url(../fonts/Satoshi-VariableItalic.woff) format("woff"),url(../fonts/Satoshi-VariableItalic.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Light;src:url(../fonts/Satoshi-Light.woff2) format("woff2"),url(../fonts/Satoshi-Light.woff) format("woff"),url(../fonts/Satoshi-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(../fonts/Satoshi-LightItalic.woff2) format("woff2"),url(../fonts/Satoshi-LightItalic.woff) format("woff"),url(../fonts/Satoshi-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(../fonts/Satoshi-Regular.woff2) format("woff2"),url(../fonts/Satoshi-Regular.woff) format("woff"),url(../fonts/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(../fonts/Satoshi-Italic.woff2) format("woff2"),url(../fonts/Satoshi-Italic.woff) format("woff"),url(../fonts/Satoshi-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(../fonts/Satoshi-Medium.woff2) format("woff2"),url(../fonts/Satoshi-Medium.woff) format("woff"),url(../fonts/Satoshi-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(../fonts/Satoshi-MediumItalic.woff2) format("woff2"),url(../fonts/Satoshi-MediumItalic.woff) format("woff"),url(../fonts/Satoshi-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(../fonts/Satoshi-Bold.woff2) format("woff2"),url(../fonts/Satoshi-Bold.woff) format("woff"),url(../fonts/Satoshi-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(../fonts/Satoshi-BoldItalic.woff2) format("woff2"),url(../fonts/Satoshi-BoldItalic.woff) format("woff"),url(../fonts/Satoshi-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(../fonts/Satoshi-Black.woff2) format("woff2"),url(../fonts/Satoshi-Black.woff) format("woff"),url(../fonts/Satoshi-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(../fonts/Satoshi-BlackItalic.woff2) format("woff2"),url(../fonts/Satoshi-BlackItalic.woff) format("woff"),url(../fonts/Satoshi-BlackItalic.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}