.Webprototypes_base__fqudP{--primary-foreground:#161616;--secondary-foreground:#1B1B1B;--tertiary-foreground:#232323;--primary-background:#EEEEEE;--secondary-background:#9B9B9B;--tertiary-background:#515151;--primary-text:#080808;--secondary-text:#9B9B9B;--tertiary-text:#5a5a5a;--light-pink:pink;--yellow-accent:#d9fa31;--border:solid 2px var(--primary-foreground);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative;background-color:var(--primary-background);color:var(--primary-text);font-family:var(--space-grotesk)}.Webprototypes_base_content__iV23t{padding:var(--side-spacing);max-width:1600px;margin:0 auto;width:100%;@media (max-width:1025px){padding-left:40px;padding-bottom:40px;padding-right:40px;padding-top:40px}@media (max-width:768px){padding-left:20px;padding-bottom:20px;padding-right:20px;padding-top:20px}}.Webprototypes_tophalf__E4dZV{margin-top:50px;margin-bottom:80px;position:relative;.Webprototypes_title__CeV_z{position:absolute;z-index:4;width:100%;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{max-width:70%;text-align:center;font-size:69px;line-height:100%;margin-bottom:30px;margin-top:10px}h1,p{color:var(--primary-background)}p{line-height:145%;font-size:16px;margin-bottom:10px;font-weight:500}.Webprototypes_canvas__x4Q_F,canvas{height:350px;background-color:black}.Webprototypes_fonts__rvOrQ{display:flex;justify-content:space-between;margin-top:10px;.Webprototypes_font_title__JxMEg p{font-size:16px;font-family:var(--sans-font);font-weight:700;text-transform:uppercase;color:var(--primary-background);display:block;background-color:var(--primary-foreground);padding:3px 15px}.Webprototypes_values__8rGwk{display:flex;column-gap:10px;color:var(--primary-background);.Webprototypes_grotesk__22Wl0 p{font-family:var(--space-grotesk);font-weight:600}.Webprototypes_canela__FEDPM p,.Webprototypes_grotesk__22Wl0 p{font-size:16px;padding:3px 15px;text-transform:uppercase;background-color:var(--primary-foreground)}.Webprototypes_canela__FEDPM p{font-family:var(--serif-font);font-weight:400}}}@media (max-width:1025){h1{font-size:50px}}@media (max-width:768px){margin-bottom:20px;margin-top:25px;margin-left:-20px;margin-right:-20px;width:calc(100% + 42px);.Webprototypes_title__CeV_z{height:200px}h1{font-size:35px;margin-bottom:20px;margin-top:5px;max-width:100%}p{font-size:15px}.Webprototypes_canvas__x4Q_F,canvas{height:200px}.Webprototypes_fonts__rvOrQ{display:none}}}.Webprototypes_box__yM44I{display:flex;flex-direction:column;row-gap:4px;.Webprototypes_quote__q5rQn{border:var(--border);background:var(--primary-foreground);color:var(--primary-background);display:flex;align-items:center;column-gap:15px;padding:20px;p{font-family:var(--space-grotesk);font-weight:400}}.Webprototypes_row1__c2TWp{display:grid;grid-template-columns:1fr 100px;grid-column-gap:4px;column-gap:4px;.Webprototypes_colorbox__PIKt4{display:flex;flex-direction:column;border:var(--border);div{height:100%;width:100%}}}.Webprototypes_row2__1u6qF{display:grid;grid-template-columns:1fr 300px;grid-column-gap:4px;column-gap:4px;.Webprototypes_vibe_text__bTqvE{border:var(--border);background:var(--primary-foreground);width:100%;height:100%;padding:10px 20px;color:var(--primary-background);display:flex;column-gap:15px;p{font-family:var(--space-grotesk)}.Webprototypes_star__brO19{display:grid;justify-content:center;align-items:center;color:var(--pink-accent);span{width:31px;display:block;text-align:center}}}button{color:var(--yellow-accent);padding:10px 15px;font-family:var(--space-grotesk);font-weight:600;font-size:16px;cursor:pointer;background-color:var(--primary-foreground);border:var(--border);transition:all .2s;width:300px;.Webprototypes_shiny__OEMV1{color:#dcf667ea;background:linear-gradient(120deg,rgba(0,0,0,0) 45%,#ffffff 50%,rgba(0,0,0,0) 55%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:Webprototypes_shine__UW7IM 3s linear infinite}}button:hover{border:2px solid var(--yellow-accent);.Webprototypes_shiny__OEMV1{animation:none;color:var(--yellow-accent)}}button:disabled{cursor:default;.Webprototypes_shiny__OEMV1{color:#dcf667da;animation:none;background:none}}button:disabled:hover{border:var(--border)}}.Webprototypes_row3__1301V{.Webprototypes_slider__uMsb8{background:var(--primary-foreground);width:100%;display:flex;flex-direction:column;.Webprototypes_row__rfVBP{display:flex;align-items:center;display:grid;grid-template-columns:1fr 200px;border-left:var(--border);&:first-of-type{.Webprototypes_wordContainer__kiy6n{padding-bottom:0}.Webprototypes_track__XK9uT{margin-bottom:0}}&:nth-of-type(2){.Webprototypes_wordContainer__kiy6n{padding:10px 0 10px 30px}.Webprototypes_track__XK9uT{margin:0}}&:last-of-type{.Webprototypes_wordContainer__kiy6n{padding-top:0}.Webprototypes_track__XK9uT{margin-top:0}}}.Webprototypes_wordContainer__kiy6n{width:150px;display:flex;justify-content:flex-start;border-left:4px solid var(--primary-background);padding:20px 0 20px 30px;.Webprototypes_word__StTpW{font-family:var(--space-grotesk);font-weight:400;font-size:16px;color:#ffa1da;font-weight:500}}.Webprototypes_track__XK9uT{width:100%;height:2px;background-color:var(--dark-blue-accent);border-radius:0 5px 5px 0;position:relative;overflow:hidden;margin:20px 0;.Webprototypes_fill__fET12{height:100%;background-color:var(--pink-accent)}}}}@media (max-width:768px){.Webprototypes_quote__q5rQn{padding:10px}.Webprototypes_row1__c2TWp{grid-template-columns:1fr 40px}.Webprototypes_row2__1u6qF{display:flex;flex-direction:column;row-gap:4px;.Webprototypes_vibe_text__bTqvE{padding:10px;p{text-align:left;align-self:center}}button{width:100%;font-size:13px}}.Webprototypes_row3__1301V .Webprototypes_slider__uMsb8{.Webprototypes_row__rfVBP{grid-template-columns:1fr 110px;&:nth-of-type(2){.Webprototypes_wordContainer__kiy6n{padding:5px 0 5px 10px}}}.Webprototypes_wordContainer__kiy6n{padding:10px 0 10px 10px;.Webprototypes_word__StTpW{font-size:11px}}.Webprototypes_track__XK9uT{margin:10px 0}}}}.Webprototypes_content__a_yRH{width:80%;margin:0 auto 130px;position:relative;padding:20px;.Webprototypes_entry__KhgxP{margin-top:100px;h1{font-size:60px;font-weight:400}>p{color:var(--primary-text);font-family:var(--space-grotesk);line-height:150%;font-size:18px;margin-bottom:30px}a{-webkit-text-decoration:underline dashed 1px;text-decoration:underline dashed 1px;-webkit-text-decoration-color:var(--pink-accent);text-decoration-color:var(--pink-accent)}a:hover{transition:all .2s ease;-webkit-text-decoration-style:solid;text-decoration-style:solid;color:var(--pink-accent)}.Webprototypes_tabs__LHM2k{background-color:var(--primary-foreground);margin-bottom:20px;.Webprototypes_tabs_text__7qSpr{display:flex;flex-direction:row;justify-content:space-between;background:var(--primary-foreground);border:var(--border)}button{color:var(--primary-background);padding:10px 15px;font-family:var(--space-grotesk);border:none;background-color:transparent;font-weight:600;font-size:16px;cursor:pointer;height:100%}button.Webprototypes_active__xGhRm{background-color:var(--primary-background);color:var(--primary-text);span{color:var(--primary-foreground)}}button span{color:var(--yellow-accent)}p{color:var(--pink-accent);padding:10px 15px}img{width:100%;border-top:4px solid var(--primary-background)}}}.Webprototypes_seperator__4V8Xl{width:100%;border:2px solid black;div{height:15px;width:100%}}@media (max-width:1025px){width:100%;margin-bottom:100px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;p{font-size:15px}.Webprototypes_entry__KhgxP h1{font-size:45px}}@media (max-width:768px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;margin-top:50px;.Webprototypes_quote__q5rQn p,.Webprototypes_vibe_text__bTqvE p{font-size:11px}.Webprototypes_entry__KhgxP h1{font-size:30px}.Webprototypes_entry__KhgxP p{font-size:13px;margin-bottom:15px;margin-top:10px;line-height:130%}.Webprototypes_entry__KhgxP .Webprototypes_tabs__LHM2k{margin-bottom:10px}.Webprototypes_entry__KhgxP .Webprototypes_tabs__LHM2k button{padding:5px;font-size:11px}.Webprototypes_entry__KhgxP .Webprototypes_tabs__LHM2k .Webprototypes_tabs_text__7qSpr p{display:none}.Webprototypes_entry__KhgxP .Webprototypes_tabs__LHM2k .Webprototypes_tabs_text__7qSpr div{display:flex}.Webprototypes_seperator__4V8Xl{div{height:7px}}}}@keyframes Webprototypes_shine__UW7IM{0%{background-position:100%}to{background-position:-100%}}