.masthead__menu{position:fixed;bottom:0;right:0;left:0;display:flex;flex-direction:column;align-items:flex-end;z-index:102}.masthead__menu-burger{width:64px;height:64px;background-color:#ff17a2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s cubic-bezier(.075,.82,.165,1)}.masthead__menu-burger svg{width:30px;height:38px}html:not(.touchevents) .masthead__menu-burger:hover{background-color:#000}html:not(.touchevents) .masthead__menu-burger:hover svg{fill:#fff}@media (min-width:768px){.masthead__menu-burger{order:2}}.masthead__menu-wrapper{height:0;width:0;background-color:#000;transition:width .25s cubic-bezier(.68,-.55,.27,1.55),height .25s cubic-bezier(.68,-.55,.27,1.55);overflow:hidden}.masthead__menu-wrapper ul{list-style:none;padding:0}.masthead__menu-wrapper li{text-align:center}.masthead__menu-wrapper li.disabled a{pointer-events:none;color:#c8c8c8;cursor:not-allowed}.masthead__menu-wrapper a{display:inline-block;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:1.2px;font-size:21px;text-decoration:none;text-align:center;padding:2px 0 7px;margin-top:-2px;border-top:2px solid transparent}html:not(.touchevents) .masthead__menu-wrapper a:hover{color:#ff17a2;border-top-color:#fff;text-decoration:none}@media (max-width:767px){.masthead__menu-wrapper{width:100%}}@media (min-width:768px){.masthead__menu{position:absolute;top:28px;left:0;bottom:auto;right:auto;flex-direction:row;align-items:flex-start}.masthead__menu-wrapper{width:0}.masthead__menu-wrapper ul{margin:16px 20px}.masthead__menu-burger{position:relative;left:-25px;width:50px;height:50px;transition:left .25s cubic-bezier(.075,.82,.165,1)}html:not(.touchevents) .masthead__menu-burger:hover{left:0}}.masthead__menu.open .masthead__menu-burger{background-color:#000}html:not(.touchevents) .masthead__menu.open .masthead__menu-burger:hover{background-color:#ff17a2}@media (min-width:768px){.masthead__menu.open .masthead__menu-burger{left:0}.masthead__menu.open .masthead__menu-wrapper{width:375px}body.scrolled .masthead__menu{top:6px}}@media (min-width:1025px){body.scrolled .masthead__menu{top:0;left:unset;position:relative}body.scrolled .masthead__menu-burger{display:none}body.scrolled .masthead__menu-list{margin-left:0;margin-right:0}body.scrolled .masthead__menu-wrapper{background-color:transparent;width:auto;height:auto!important}body.scrolled .masthead__menu-wrapper li{display:inline-block;margin:0 20px}body.scrolled .masthead__menu-wrapper li:last-child{margin-right:0}body.scrolled .masthead__menu-wrapper li.disabled a{color:#c8c8c8}body.scrolled .masthead__menu-wrapper a{color:#ff17a2;font-size:16px}html:not(.touchevents) body.scrolled .masthead__menu-wrapper a:hover{color:#000;border-top-color:#ff17a2}}.masthead__inner-wrapper{z-index:1;display:flex;flex-direction:column;align-items:center;margin-bottom:10px}@media (min-width:1025px){.masthead__inner-wrapper{flex-direction:row;justify-content:space-between;flex-wrap:wrap}}@media (min-width:1401px){.masthead__inner-wrapper{align-items:flex-start}}.masthead__headline{display:inline-block;flex-grow:1;margin:0 0 2px;border-top:10px solid #ff17a2;text-align:center;padding-top:10px;position:relative;z-index:101}.masthead__headline a{text-decoration:none;color:#ff17a2}html:not(.touchevents) .masthead__headline a:hover{text-decoration:none}@media (min-width:768px){.masthead__headline{margin-bottom:10px}}@media (min-width:1401px){.masthead__headline{flex-grow:0}}@media (min-width:1025px){.masthead__headline-wrapper{display:flex;width:100%;align-items:center}}@media (min-width:1401px){.masthead__headline-wrapper{align-items:flex-start;width:100%;flex-direction:column}.masthead__headline-block{width:100%;display:flex;align-items:baseline}}.masthead__aside{font-family:Input Mono Reg,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1;text-align:center;letter-spacing:-.05px;text-transform:lowercase}@media (min-width:768px){.masthead__aside{font-size:18px}}@media (min-width:1025px){.masthead__aside{text-align:left}}@media (min-width:1401px){.masthead__aside{text-align:right;flex-grow:100}}.masthead__links{list-style:none;display:flex;flex-direction:row;margin:20px 0 30px;padding:0;justify-content:space-around;height:26px;width:266px}@media (min-width:768px){.masthead__links{margin-left:auto;margin-right:auto}}@media (min-width:1025px){.masthead__links{margin-right:0}}@media (min-width:1401px){.masthead__links{margin-left:0;justify-content:space-between}}.masthead__links li{margin:0;padding:0}.masthead__links li a{display:inline-block}.masthead__links li a,.masthead__links li a svg{width:26px;height:26px}.masthead__links li a svg path{fill:#7f7f7f}html:not(.touchevents) .masthead__links--linkedin a:hover svg path{fill:#0077b5}html:not(.touchevents) .masthead__links--github a:hover svg path{fill:#000}html:not(.touchevents) .masthead__links--instagram a:hover svg path{fill:#e4405f}html:not(.touchevents) .masthead__links--strava a:hover svg path{fill:#fc4c02}.masthead__intro{width:85.33333333%;font-family:Input Mono Lt,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;line-height:24px;color:#4a4a4a}.masthead__intro strong{font-family:Input Mono Med,Helvetica Neue,Helvetica,Arial,sans-serif}@media (min-width:768px){.masthead__intro{width:675px;font-size:14px;line-height:26px}}@media (min-width:1025px){.masthead__intro{width:100%;margin-top:40px;font-size:16px;line-height:26px}}@media (min-width:1401px){.masthead__intro{width:666px;align-self:flex-end;margin-top:23px;font-size:16px;line-height:30px}}@media (min-width:1025px){.masthead{width:850px;margin:auto;margin-bottom:20px}}@media (min-width:1401px){.masthead{width:1272px}}body.scrolled .masthead{width:100%;height:68px;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),#fff 61%);border-top:3px solid #c8c8c8}@media (min-width:768px){body.scrolled .masthead__inner-wrapper{width:675px;margin:auto}}@media (min-width:1025px){body.scrolled .masthead__inner-wrapper{width:850px;justify-content:space-between}}@media (min-width:1401px){body.scrolled .masthead__inner-wrapper{width:1272px;flex-direction:row}}body.scrolled .masthead__headline{border-top-width:3px;font-size:36px;margin-top:-3px}@media (min-width:768px) and (max-width:1024px){body.scrolled .masthead__headline-block{text-align:center}}@media (min-width:1401px){body.scrolled .masthead__headline{padding-top:10px}}body.scrolled .masthead__headline-wrapper{width:auto}body.scrolled .masthead__aside,body.scrolled .masthead__intro,body.scrolled .masthead__links{display:none}@media (min-width:768px){body.scrolled .masthead{height:auto}}@media (min-width:1401px){body#home .masthead__headline{flex-grow:unset}body#home .masthead__headline-wrapper{width:unset}body#home .masthead__headline-block{width:unset;display:inline-block;align-items:unset}body#home .masthead__aside{-moz-text-align-last:left;text-align-last:left}}body{font-family:Gotham A,Gotham B,Helvetica Neue,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{margin:0}h1{font-family:Gotham A,Gotham B,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:42px;line-height:1;text-transform:uppercase;letter-spacing:-.5px}@media (min-width:768px){h1{font-size:64px;letter-spacing:-1.6px}}h2{font-family:Gotham A,Gotham B,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:18px;line-height:1;text-transform:uppercase;letter-spacing:.8px}@media (min-width:768px){h2{font-size:24px;letter-spacing:.71px}}.h2-wrapper{border-top:2px solid #000;width:100%;justify-self:center;display:flex;flex-direction:row;justify-content:center}.h2-wrapper h2{margin:-2px 0 0;padding-top:8px}@media (min-width:768px){.h2-wrapper{flex-basis:100%;justify-self:center;display:flex;flex-direction:row;justify-content:center}}@media (min-width:1025px){.h2-wrapper{justify-content:flex-start}}h3{font-weight:500;text-transform:uppercase;font-size:16px;line-height:19px;letter-spacing:.5px}.h4-wrapper{border-top:1px solid #000;width:100%}.h4-wrapper h4{display:inline-block;font-weight:500;text-transform:uppercase;line-height:1;font-size:14px;margin:-1px 0 0;padding-top:4px}@media (min-width:1025px){.h4-wrapper h4{font-size:16px}}@media (min-width:768px){.h4-wrapper{justify-content:flex-start;color:#fff;border-top-color:#c8c8c8}}body{margin:0;padding:0;background-color:#fff;color:#000;max-width:100%;overflow-x:hidden}.content{width:100%;overflow:hidden;position:relative;padding-bottom:40px}.content,.main{display:flex;flex-direction:column;align-items:center}.main{width:85.33333333%}@media (min-width:768px){.main{width:675px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:unset}}@media (min-width:1025px){.main{width:850px}}@media (min-width:1401px){.main{width:1272px}}footer.siteFooter{position:absolute;bottom:0;font-family:Input Mono Reg,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;color:#c8c8c8}body.scrolled .main{margin-top:68px;overflow:hidden}a,a:visited{color:#ff17a2;text-decoration:none}html:not(.touchevents) a:hover,html:not(.touchevents) a:visited:hover{color:#ff4ab6;text-decoration:underline}#topline{position:fixed;z-index:100;background-color:rgba(0,0,0,.1);background-blend-mode:multiply;height:10px;width:100%;top:0}body.scrolled #topline{height:3px}svg[data-v-0abb8182]{vertical-align:bottom}.project-listing{max-width:100%;margin:22.5px 0 22.5px}.project-listing a{text-decoration:none;color:#000}html:not(.touchevents) .project-listing a:hover{color:#ff17a2;text-decoration:none}html:not(.touchevents) .project-listing a:hover .project-listing__img{background-color:#ff17a2}html:not(.touchevents) .project-listing a:hover .project-listing__img img{filter:grayscale(100%);opacity:.4}.project-listing__img{min-width:100%;height:320px;overflow:hidden;display:flex;justify-content:center}.project-listing__img img{max-height:100%;transition:all .25s cubic-bezier(.075,.82,.165,1)}.project-listing__title{margin-top:7px}@media (min-width:768px){.project-listing{width:320px}}@media (min-width:1025px){.project-listing{width:409px}}.project__carousel{min-height:191px;width:100%;margin-bottom:15px;background-color:#4a4a4a;position:relative;padding-top:10px;padding-bottom:10px}@media (min-width:768px){.project__carousel{margin-bottom:0}}@media (min-width:1025px){.project__carousel{padding-top:15px;padding-bottom:25px}}@media (min-width:1401px){.project__carousel{padding-top:20px;padding-bottom:35px}}.project__carousel--wrapper{width:100%;position:relative}.project__carousel.activated .project__carousel-images{transition:left .32s cubic-bezier(.075,.82,.165,1)}.project__carousel-controls{display:none}.project__carousel-controls--back,.project__carousel-controls--location,.project__carousel-controls--next{display:inline-block}.project__carousel-controls--back,.project__carousel-controls--next{cursor:pointer}.project__carousel-controls--back svg,.project__carousel-controls--next svg{fill:#ff17a2}.project__carousel-controls--back.disabled,.project__carousel-controls--next.disabled{pointer-events:none}.project__carousel-controls--back.disabled svg,.project__carousel-controls--next.disabled svg{fill:#c8c8c8}@media (min-width:768px){.project__carousel-controls{display:block;position:relative;width:675px;text-align:right;margin:0 auto -30px;top:-60px}}@media (min-width:1025px){.project__carousel-controls{width:850px}}@media (min-width:1401px){.project__carousel-controls{width:1272px}}.project__carousel-controls svg{width:30px;height:30px}html:not(.touchevents) .project__carousel-controls svg:hover .cls-3{fill:#000}.project__carousel-controls--next svg{transform:rotate(180deg)}.project__carousel-controls--location{font-family:Input Mono Lt,Helvetica Neue,Helvetica,Arial,sans-serif;color:#c8c8c8;font-size:16px;letter-spacing:-3px;line-height:30px;vertical-align:top;padding-top:2px}.project__carousel-controls--location--next{margin-right:3px}.project__carousel-images{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;position:relative;left:0;width:100%}@media (min-width:768px){.project__carousel-images{width:674px;margin-left:auto;margin-right:auto}}@media (min-width:1025px){.project__carousel-images{width:850px}}@media (min-width:1401px){.project__carousel-images{width:927px}}.project__carousel--image{width:100%;max-width:100%;max-height:100%}.project__carousel--image-wrapper{flex-basis:90.66666667%;margin-right:2.66666667%;flex-shrink:0;opacity:.2}.project__carousel--image-wrapper.active{opacity:1}.project__carousel--image-wrapper:first-child{margin-left:4.66666667%}.project__carousel--image-wrapper:last-child{margin-right:4.66666667%}@media (min-width:768px){.project__carousel--image-wrapper{flex-basis:674px;height:379px;margin-right:28px}.project__carousel--image-wrapper:first-child{margin-left:0}.project__carousel--image-wrapper:last-child{margin-right:0}}@media (min-width:1025px){.project__carousel--image-wrapper{flex-basis:850px;height:478px;margin-right:28px}}@media (min-width:1401px){.project__carousel--image-wrapper{flex-basis:927px;height:521px;margin-right:28px}.project__carousel--image-wrapper.active{margin-left:172.5px}}.project__carousel--image-mask{display:none}@media (min-width:1401px){body#detail .masthead{height:auto;margin-bottom:30px;min-height:0}}.project{display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.project,.project__wrapper{width:100%}@media (min-width:768px){.project{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:unset;overflow-x:unset}}@media (min-width:1401px){.project{position:relative}}.project-header{width:85.33333333%;margin-bottom:20px}@media (min-width:768px){.project-header{flex-basis:675px}}@media (min-width:1025px){.project-header{flex-basis:850px}}@media (min-width:1401px){.project-header{flex-basis:1272px}}@media (min-width:768px){.project-header__title-wrapper{justify-content:flex-start}}.project-header__scope,.project-header__year{font-family:Input Mono Reg,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:italic;color:#ff17a2;font-size:12px;line-height:1;text-align:center;display:block;margin-top:5px}@media (min-width:768px){.project-header__scope,.project-header__year{text-align:left;display:inline-block}}.project-header__scope{color:#c8c8c8;list-style:none;padding-left:10px;min-width:320px}.project-header__scope li{display:inline-block;margin-right:10px}.project-header__scope li:after{content:","}.project-header__scope li:last-child:after{content:""}@media (min-width:768px){.project-header__scope{width:auto}}.project-info{width:85.33333333%}.project-info a{color:#ff4ab6;text-decoration:none;font-weight:500}html:not(.touchevents) .project-info a:hover{color:#fff;text-decoration:underline}@media (min-width:768px){.project-info__content{flex-basis:675px;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:10px}}@media (min-width:1025px){.project-info__content{flex-basis:850px}}@media (min-width:1401px){.project-info__content{flex-basis:319px;background-color:#4a4a4a;padding-left:40px;padding-right:10px;padding-top:0}}.project-info__section{margin-bottom:40px}.project-info__section-title{margin-bottom:15px}.project-info__section-list,.project-info__section-text{font-family:Gotham A,Gotham B,Helvetica Neue,Helvetica,Arial,sans-serif;color:#4a4a4a;font-size:12px;line-height:18px}@media (min-width:768px){.project-info__section-list,.project-info__section-text{color:#fff}}@media (min-width:1025px){.project-info__section-list,.project-info__section-text{font-size:14px;line-height:21px}}.project-info__section-list{padding-left:30px}@media (min-width:768px){.project-info__section{flex-basis:323px}}@media (min-width:1025px){.project-info__section{flex-basis:237px}.project-info__section:first-child{flex-basis:326px}}.project-info__next-project{position:relative;transition:.25s cubic-bezier(.075,.82,.165,1);top:15px}.project-info__next-project--name{width:100%;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}@media (min-width:768px){.project-info__next-project--name{color:#fff}}.project-info__next-project--img img{width:100%;filter:grayscale(100%)!important;opacity:.1}@media (min-width:768px){.project-info__next-project--img{backgorund-color:#ff17a2}.project-info__next-project--img img{opacity:.4}}html:not(.touchevents) .project-info__next-project:hover div{background-color:#ff17a2}html:not(.touchevents) .project-info__next-project:hover img{opacity:.2}@media (min-width:768px){.project-info{flex-basis:100%;background-color:#4a4a4a;display:flex;justify-content:center}}@media (min-width:1401px){.project-info{position:absolute;top:85px;background-color:transparent;width:1352px;justify-content:flex-start;padding-top:20px}body#about .masthead{height:auto;min-height:0}}.about{width:100%;overflow-x:hidden}@media (min-width:768px){.about{width:675px}}@media (min-width:1025px){.about{width:850px}}@media (min-width:1401px){.about{width:1272px}}.about__header{width:85.33333333%;margin-left:auto;margin-right:auto}@media (min-width:768px){.about__header{width:auto}}.about__content{width:100%;margin-top:20px;display:flex;flex-direction:column;align-items:center}@media (min-width:768px){.about__content{width:675px;margin-left:auto;margin-right:auto;align-items:flex-start;justify-content:space-between;flex-direction:row;flex-wrap:wrap}}@media (min-width:1025px){.about__content{width:850px}}@media (min-width:1401px){.about__content{width:1272px;justify-content:flex-start}}.about__content-photo{width:100vw;min-height:100%;overflow:hidden;margin-bottom:20px}.about__content-photo img{max-width:100%;margin-top:-12%}@media (min-width:768px){.about__content-photo{width:321px}.about__content-photo img{margin-top:0}}@media (min-width:1025px){.about__content-photo{flex-shrink:0}}@media (min-width:1401px){.about__content-photo{width:409px}}.about__content-long-bio{width:85.33333333%;font-size:14px;line-height:21px;margin-bottom:30px}@media (min-width:768px){.about__content-long-bio{width:320px}}@media (min-width:1025px){.about__content-long-bio{width:497px;margin-left:30px}}@media (min-width:1401px){.about__content-long-bio{display:none}}.about__contact{width:85.33333333%;margin-left:auto;margin-right:auto;margin-bottom:64px}.about__contact .about__content-long-bio{display:none}@media (min-width:768px){.about__contact{width:675px}}@media (min-width:1025px){.about__contact{width:850px}}@media (min-width:1401px){.about__contact{width:783px}.about__contact .about__content-long-bio{display:block;width:606px;margin-left:60px;margin-bottom:40px}}#contact-form{margin-top:40px;width:100%}@media (min-width:768px){#contact-form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}#contact-form .contact-form__submitting-message{text-align:center;min-height:100px;line-height:100px;width:100%}#contact-form .contact-form__group{margin-bottom:20px;position:relative}@media (min-width:768px){#contact-form .contact-form__group.email-group,#contact-form .contact-form__group.name-group{width:319px;flex-grow:0}#contact-form .contact-form__group.message-group{flex-grow:1;flex-basis:100%}}@media (min-width:1025px){#contact-form .contact-form__group.email-group,#contact-form .contact-form__group.name-group{width:407px}}@media (min-width:1401px){#contact-form .contact-form__group.name-group{width:349px}}#contact-form .contact-form__error-text,#contact-form .contact-form__requirments{font-size:10px;line-height:12px;font-weight:400;display:block;margin:5px 0 0}#contact-form .contact-form__error-text{color:red;font-weight:500}#contact-form .contact-form__requirments{color:#c8c8c8}#contact-form .contact-form__submit-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:500;text-transform:uppercase;border-radius:3px;overflow:hidden;font-size:18px;line-height:1;letter-spacing:.71px;padding:5px 10px;color:#fff;background-color:#ff17a2}#contact-form .contact-form__submit-button:disabled{background-color:#c8c8c8;cursor:not-allowed}#contact-form label{font-size:8px;letter-spacing:.8px;font-weight:500;text-transform:uppercase;position:absolute;top:5px;left:5px;color:#4a4a4a}#contact-form label.invalid{color:red}#contact-form input,#contact-form textarea{width:100%;box-sizing:border-box;border:none;padding:15px 5px 2px;font-family:Input Mono Reg,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;color:#4a4a4a;background-color:#efefef;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;overflow:hidden}#contact-form input.valid,#contact-form textarea.valid{background-color:#eeffeb}#contact-form input.invalid,#contact-form textarea.invalid{background-color:#ffd4d2;color:red}@font-face{font-family:Input Mono Med;font-weight:400;font-style:Normal;src:url(//cloud.typenetwork.com/projectLicenseWeb/13359/fontfile/eot?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b);src:url(//cloud.typenetwork.com/projectLicenseWeb/13359/fontfile/eot?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b#iefix) format("embedded-opentype"),url(//cloud.typenetwork.com/projectLicenseWeb/13359/fontfile/woff2?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b) format("woff2"),url(//cloud.typenetwork.com/projectLicenseWeb/13359/fontfile/woff?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b) format("woff")}@font-face{font-family:Input Mono Lt;font-weight:400;font-style:Normal;src:url(//cloud.typenetwork.com/projectLicenseWeb/13358/fontfile/eot?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b);src:url(//cloud.typenetwork.com/projectLicenseWeb/13358/fontfile/eot?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b#iefix) format("embedded-opentype"),url(//cloud.typenetwork.com/projectLicenseWeb/13358/fontfile/woff2?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b) format("woff2"),url(//cloud.typenetwork.com/projectLicenseWeb/13358/fontfile/woff?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b) format("woff")}@font-face{font-family:Input Mono Reg;font-weight:400;font-style:Normal;src:url(//cloud.typenetwork.com/projectLicenseWeb/13179/fontfile/eot?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b);src:url(//cloud.typenetwork.com/projectLicenseWeb/13179/fontfile/eot?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b#iefix) format("embedded-opentype"),url(//cloud.typenetwork.com/projectLicenseWeb/13179/fontfile/woff2?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b) format("woff2"),url(//cloud.typenetwork.com/projectLicenseWeb/13179/fontfile/woff?ba18a0ae3ad7b87a4ba8a9a2c5582a4e0e565e4b) format("woff")}h2,h3{margin-bottom:20px;text-align:center}form{margin-bottom:40px}.auth__wrapper{width:100%;overflow-x:hidden;width:85.33333333%;padding:1rem}@media (min-width:768px){.auth__wrapper{width:675px}}button,input{height:30px;box-sizing:content-box;padding:8px 15px}button{margin-top:.5rem;background-color:#ff17a2;color:#fff;cursor:pointer;transition:background-color .25s;border:2px solid #ff17a2}html:not(.touchevents) button:hover{background-color:#ff97d5}@media (min-width:768px){button{width:auto;margin-top:0;margin-left:1rem}}.login-form{display:flex;flex-direction:column}@media (min-width:768px){.login-form{flex-direction:row;justify-content:center;align-items:top}}.helper-wrapper{display:flex;flex-direction:column}.input-wrapper{display:flex;position:relative}.input-wrapper .input-password{font-family:Input Mono Reg,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;height:30px;padding:8px 15px;padding-right:40px;flex-basis:100%}.input-wrapper .password-toggle{position:absolute;top:4px;right:4px;height:22px;width:32px;padding:10px 0;text-align:center;cursor:pointer;border-radius:2px}.input-wrapper .password-toggle svg{width:20px;height:20px;margin-top:2px;fill:#4a4a4a}html:not(.touchevents) .input-wrapper .password-toggle:hover{background-color:#ff17a2}html:not(.touchevents) .input-wrapper .password-toggle:hover svg{fill:#fff}.logout-form{text-align:center}#helper-text{font-size:10px;font-weight:500;line-height:1;padding:1rem;margin-top:.25rem;color:red;background-color:#ffd4d2;border-radius:2px;max-width:320px;display:none}#helper-text.visible{display:block}