body{font-family:Rubik, Roboto, Helvetica, Arial, sans-serif}.app{min-height:100vh;position:relative}.app__body{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;height:100%;position:relative;margin-top:50px;z-index:1;background-color:#ffffff;transition:transform 0.75s}.app__body__logo{position:absolute;width:58px;height:58px}.app__body__logo img{width:58px;height:58px}.app__footer{bottom:0;position:absolute;width:100%}.banner{background:#d86260;box-sizing:border-box;padding:8px;text-align:center;width:100%}.button{background:#FF5A5F;color:#ffffff;border-radius:4px;height:36px;min-width:64px;outline:0;padding:0 12px;transition:box-shadow 160ms ease-out;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.button:hover{cursor:pointer}.button--filled{box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);background-image:linear-gradient(to right, #303E92, #50248F)}.button--outlined{background:none;border:2px solid #303E92;box-shadow:none}.button--outlined:hover{background:rgba(0,0,0,0.03)}.button--outlined:active{background:rgba(0,0,0,0.12)}.button--outlined .button__label{color:#303E92}.button--outlined .button__icon{color:#303E92}.button__icon{font-size:18px;margin-right:8px}.button__label{color:inherit;text-decoration:none;font-size:20px;padding:4px 0}.button-filled{display:inline-block;background-color:#052837;color:#ffffff;border-radius:50px;padding:0.5em 1.5em 0.5em 1.5em}.card{background:white;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:8px;transition:box-shadow 160ms ease-out;width:320px}.card--clickable:hover{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);cursor:pointer}.card__link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.card__img{background:rgba(0,0,0,0.03);border-radius:8px 8px 0 0;height:140px;margin:0;position:relative;overflow:hidden;width:320px}.card__img img{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%;object-fit:cover}.card__body{color:rgba(0,0,0,0.87);padding:8px 16px}.card__title{font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif;color:#303E92}.card__footer{margin-top:auto;padding:8px 16px 16px 16px}.carousel{max-width:100%}.carousel__scroller{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.carousel__caption{color:rgba(0,0,0,0.6);margin:0;padding:8px 0;text-align:center}.chip{align-items:center;background:rgba(0,0,0,0.12);border-radius:16px;display:inline-flex;height:32px;padding:0 12px}.chip__label{color:rgba(0,0,0,0.87);margin:0;padding:0}.container{max-width:100%}.container--light-black{background:#111;color:#a09e9e}.container--pure-black{background:black;color:#a09e9e}.container--grey{background:rgba(0,0,0,0.03)}.container--centered{max-width:90%;margin:0 auto}.container--end{position:fixed;right:0}.container--end form{margin:24px 70px 0 0}.container--flex{display:flex;flex-direction:column;align-items:center}.container--flex-row{display:flex;flex-direction:row}.container--flex-row--centered{justify-content:center}.container--wrapcontent{display:inline-block}.container--gone{display:none}.container--link{display:inline-block}.container__header{padding:8px 16px}.container__header--centered{text-align:center}.container__title{margin:0;letter-spacing:5px;text-align:center;color:--pure-black;font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif}.container__title--primary{color:#303E92}.container__subtitle{color:--pure-black}.container__body{padding:16px 8px}@media only screen and (min-width: 500px){.container__body{padding:16px 24px}}@media only screen and (min-width: 1000px){.container__body{padding:16px 64px}}.container__footer{padding:16px}.container-flexrow{display:flex;flex-direction:row;flex-wrap:wrap}.container-flexrow--centered{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.container-flexrow-left{align-items:flex-start;flex-basis:50%}.container-flexrow-right{width:50%;max-width:50%}.container-flexrow-endjustify{display:flex;flex-direction:row;width:inherit;justify-content:flex-end}.direct-upload{display:inline-block;position:relative;padding:2px 4px;margin:0 3px 3px 0;border:1px solid rgba(0,0,0,0.3);border-radius:3px;font-size:11px;line-height:13px}.direct-upload--pending{opacity:0.6}.direct-upload__progress{position:absolute;top:0;left:0;bottom:0;opacity:0.2;background:#0076ff;transition:width 120ms ease-out, opacity 60ms 60ms ease-in;transform:translate3d(0, 0, 0)}.direct-upload--complete .direct-upload__progress{opacity:0.4}.direct-upload--error{border-color:red}input[type=file][data-direct-upload-url][disabled]{display:none}.fab__button{box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.12),0 1px 8px 0 rgba(0,0,0,0.2);border-radius:50%;outline:0;padding:16px 16px;transition:box-shadow 160ms ease-out;margin-top:6px}.fab__button--share{background:#303E92}.fab__button--subscribe{border-color:#303E92;border-style:solid;border-width:2px;background:white}.shop-box .fa-shopping-cart{color:#9b2c2c}.filters{margin-bottom:15px;text-decoration:none;font-size:32px}.filters li{display:inline}.filters a{color:#000000;font-size:16px;margin-right:15px;text-decoration:none}.filters .selected{font-weight:700;border-bottom:solid 3px #47B1CF;padding-bottom:2px}.show-filters{display:none}.filters-list{padding-left:0;display:flex;flex-direction:row;justify-content:center}footer{width:100%;bottom:0;background-color:#50248F;border-radius:0.5em 0.5em 0 0;display:flex;justify-content:center;align-items:center}footer h2,footer p{text-align:center}.footera__apps{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}.footera__icon{object-fit:cover;height:40px;padding:0;margin:4px}.form-field{max-width:800px;padding:8px 0}.form-field__label{display:block;padding-bottom:8px;font-size:1.5em;font-weight:bold;font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif;color:#303E92}.form-field__input{font-family:Rubik, Helvetica, Arial, sans-serif;background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.12);border-radius:8px;box-sizing:border-box;color:rgba(0,0,0,0.87);padding:16px;width:100%}.form-field__input--scroll{overflow-x:auto}.form-field__general{font-family:Rubik, Helvetica, Arial, sans-serif;font-weight:400;font-size:20px;font-size:16px;color:#929090}.gh-fab{background:#d86260;border:0;border-radius:50%;bottom:16px;height:56px;overflow:hidden;padding:0;position:fixed;right:16px;width:56px;box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.2)}.gh-fab__icon{color:white;font-size:24px}.gh-fab__link{align-items:center;color:white;display:inline-flex;height:100%;justify-content:center;text-decoration:none;width:100%}.gh-nav{display:flex;margin:0;padding:8px}.gh-nav--footer{display:flex;flex-wrap:wrap;justify-content:center}.gh-nav--footer .gh-nav__link{font-size:0.875rem;padding:0 8px;text-transform:uppercase}.gh-nav--vertical{flex-direction:column}.gh-nav__link{font-size:1.1rem;text-decoration:inherit;margin:4px 0;color:#303E92}.gh-nav__link:hover{text-decoration:underline}.gh-nav__icon{font-size:1.5rem;margin:8px}.grid{display:grid}@media screen and (min-width: 100px){.grid--100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--100-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--100-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--100-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--100-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--100-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--100-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--100-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--100-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--100-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--100-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--100-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 100px){.grid--100-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--100-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--200-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--200-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--200-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--200-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--200-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--200-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--200-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--200-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--200-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--200-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--200-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 200px){.grid--200-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--200-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--300-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--300-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--300-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--300-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--300-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--300-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--300-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--300-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--300-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--300-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--300-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 300px){.grid--300-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--300-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--400-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--400-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--400-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--400-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--400-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--400-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--400-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--400-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--400-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--400-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--400-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 400px){.grid--400-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--400-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--500-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--500-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--500-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--500-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--500-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--500-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--500-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--500-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--500-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--500-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--500-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 500px){.grid--500-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--500-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--600-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--600-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--600-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--600-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--600-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--600-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--600-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--600-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--600-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--600-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--600-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.grid--600-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--600-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--700-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--700-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--700-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--700-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--700-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--700-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--700-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--700-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--700-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--700-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--700-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 700px){.grid--700-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--700-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--800-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--800-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--800-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--800-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--800-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--800-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--800-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--800-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--800-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--800-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--800-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 800px){.grid--800-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--800-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--900-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--900-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--900-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--900-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--900-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--900-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--900-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--900-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--900-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--900-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--900-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 900px){.grid--900-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--900-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--1000-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--1000-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--1000-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--1000-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--1000-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--1000-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--1000-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--1000-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--1000-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1000px){.grid--1000-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--1000-1100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 100px){.grid--1100-100{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-200{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 200px){.grid--1100-200{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-300{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 300px){.grid--1100-300{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-400{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 400px){.grid--1100-400{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-500{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 500px){.grid--1100-500{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-600{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 600px){.grid--1100-600{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-700{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 700px){.grid--1100-700{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-800{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 800px){.grid--1100-800{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-900{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 900px){.grid--1100-900{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-1000{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1000px){.grid--1100-1000{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-1100{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1100px){.grid--1100-1100{grid-template-columns:repeat(3, 1fr)}}.hero{max-width:100vw;height:auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (min-width: 865px){.hero{min-height:288px;padding:48px 32px 0}}@media only screen and (min-width: 241px){.hero{min-height:288px;padding:36px 24px 28px}}.hero--landing{background-image:url("hero/display_tutorials.svg");background-size:cover;height:calc(100vh - 128px);margin:0 64px 0 64px;position:relative}.hero--landing__content{font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif;position:absolute;top:0;right:0;text-align:right;max-width:600px}.hero--landing__content h1{font-family:Oswald;font-size:64px;font-weight:700;letter-spacing:5px;margin:0}.hero--landing__content p{font-family:Rubik;font-weight:400;font-size:16px;line-height:1.5;color:#929090}.hero--no-bg__content{font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif}.hero--no-bg__content img{width:500px;height:auto}.hero--no-bg__content h1{font-family:Oswald, sans-serif;font-size:48px;font-weight:700;letter-spacing:5px}.hero--no-bg__content p{font-family:Rubik;font-size:18px;font-weight:400}.hero--post{width:100vw;height:480px;position:relative;background-color:#F4BB63}.hero--post__wrapper{display:flex;flex-direction:row;margin:0 auto;margin-left:50px;position:relative;top:50%;transform:translateY(-50%)}.hero--post__contents{width:35%;align-self:center;padding-right:25px}.hero--post__heading h1{font-weight:700px;font-size:48px}.hero--post__image{width:65%;align-self:center;object-fit:cover;height:480px}.hero--post__image--img{margin:0;position:relative;overflow:hidden;height:480px;object-fit:cover}.hero--post__image--img img{top:50%;left:50%;position:absolute;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover}.hero--post__section{margin-left:25px}.hero--post hr{color:#000000;border:2px solid black;border-radius:3px}.logo{width:100%}@media screen and (min-width: 353px){.logo{width:320px}}.modal{display:none}.modal__background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.75);z-index:1000}.modal__close{position:fixed;top:24px;right:24px;color:#ffffff;z-index:1000}.modal__content{display:none;position:fixed;width:90%;top:50%;left:50%;max-width:760px;transform:translate(-50%, -50%);z-index:1000;text-align:center}.modal__content img{width:75%}.paragraph{max-width:800px;padding:8px 0;width:100%}.paragraph__title{margin:0;padding-bottom:8px;font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif;color:#303E92}.paragraph__body{background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.12);border-radius:8px;color:rgba(0,0,0,0.6);margin:0;padding:16px;white-space:pre-wrap}.paragraph__body--scroll{overflow-x:auto}.polaroid--clickable:hover{cursor:pointer;transform:scale(1.05)}.polaroid__cover{overflow:hidden}.polaroid__cover img{width:344px;height:194px;object-fit:cover}.polaroid__cover:hover img{object-fit:cover}.polaroid__desc{padding:0 16px 0 16px;line-height:1}.polaroid__desc h2{font-weight:400;color:black;overflow:hidden;text-transform:uppercase}.polaroid__desc p{color:#676c71;padding-top:1;margin-top:0;overflow:hidden}.polaroid__admin{width:344px;height:390px;margin:24px;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.polaroid__admin--clickable:hover{cursor:pointer;transform:scale(1.05)}.reveal{border-radius:8px;height:240px;min-width:240px;position:relative;width:240px}.reveal__text{margin:0;padding:8px 0}.reveal__back{align-items:center;background:rgba(0,0,0,0.7);color:white;display:none;flex-direction:column;font-size:1.5rem;height:100%;position:absolute;justify-content:center;width:100%;z-index:1}.reveal__front{height:100%;position:relative;width:100%}.reveal__front img{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%;object-fit:cover}.reveal:hover>.reveal__back{cursor:pointer;display:flex}.tab{display:inline-block;padding:8px;text-align:center}.tab:hover{background:rgba(0,0,0,0.03);cursor:pointer}.tab:active{background:rgba(0,0,0,0.12)}.tab--selected{border-bottom:2px inset #d86260}.tab--selected--label{color:#303E92}.tab__label{font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif}.table{width:100%}.table__head{color:#50248F;text-align:left}.tab-bar{height:56px;max-width:100%;overflow-x:auto;text-align:center;white-space:nowrap}.tooltip{position:relative}.tooltip__icon{height:24px;width:24px}.tooltip__message{align-items:center;background:#616161e6;border-radius:4px;color:white;display:none;font-size:14px;height:32px;padding:0 16px;position:absolute;top:-6px}.tooltip__message--big{top:10px;left:200%}.tooltip__message::before{content:" ";position:absolute;border-width:6px;border-style:solid;border-color:transparent #616161e6 transparent transparent;right:100%}.tooltip:hover .tooltip__message{display:inline-flex}.top-nav{box-sizing:border-box;background:rgba(0,0,0,0.03);border-radius:8px 8px 0 0;position:relative;width:100%}.top-nav__indicator{display:inline-block;padding:0 16px}.top-nav__heading{margin:0;padding:8px 0 8px 16px;color:#303E92;font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif}.top-nav__link{color:inherit;display:block;margin:0;padding:8px 0 8px 32px;text-decoration:none;transition:background 200ms ease-out}.top-nav__link:hover{background:rgba(0,0,0,0.03)}.top-nav__toggle-label{cursor:pointer;display:block;padding:8px}.top-nav__toggle{display:none}.top-nav__menu{background:#efefef;border-radius:0 0 8px 8px;padding:16px 0;position:absolute;width:100%;box-shadow:0 4px 6px -6px black;z-index:1}.top-nav__toggle ~ .top-nav__menu{display:none}.top-nav__toggle:checked ~ .top-nav__menu{display:block}@media screen and (min-width: 985px){.top-nav{display:none}}.js-toggle-container{height:44px}.truncate--2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate--3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.truncate--1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.w--80{width:80%}.wrapper{margin:0 50px 0 50px}.wrapper--top{margin-top:50px}.wrapper--right{padding-right:16px}.wrapper--bottom{margin-bottom:16px}.wrapper--left{margin-left:16px}.wrapper-75{margin:0 75px 0 75px}.wrapper-75--top{margin-top:16px}.wrapper-75--right{padding-right:16px}.wrapper-75--bottom{margin-bottom:16px}.wrapper-75--left{margin-left:16px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.navbar__search{transform:scaleX(0);transition-duration:150ms;visibility:hidden}.navbar__search input{padding:5px}.navbar__search.selected{transform:scaleX(1);transition-duration:150ms;visibility:visible}.navbar__logo{color:black}.navbar__logo img{width:64px;height:64px}.navbar__tabs{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.navbar__tabs div{height:100%;padding:0 5px 0 5px;min-width:52px;display:flex;align-items:center;justify-content:center;border-bottom:none}.navbar__tabs div a{color:black;text-decoration:none}.navbar__tabs div:first-child:hover,.navbar__tabs div:first-child.active,.navbar__tabs div:first-child.open{border-bottom:4px solid #47B1CF}.navbar__tabs div:nth-child(2):hover,.navbar__tabs div:nth-child(2).active,.navbar__tabs div:nth-child(2).open{border-bottom:4px solid #F4BB63}.navbar__tabs div:nth-child(3):hover,.navbar__tabs div:nth-child(3).active,.navbar__tabs div:nth-child(3).open{border-bottom:4px solid #FF5A5F}.navbar__tabs div:nth-child(4):hover,.navbar__tabs div:nth-child(4).active,.navbar__tabs div:nth-child(4).open{border-bottom:4px solid #50248F}.navbar__tabs div:nth-child(5):hover,.navbar__tabs div:nth-child(5).active,.navbar__tabs div:nth-child(5).open{border-bottom:4px solid #303E92}.navbar__icons{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.navbar__icons a{padding:8px}.navbar.scrolled{transition:background-color 0.5s;box-shadow:0px 1px 3px #999;background-color:#ffffff}.auth{width:100vw;height:100%;display:flex;flex-direction:row}.auth__form{width:30%;margin:0 auto;padding:0;display:flex;flex-direction:column}.auth__form__intro{align-items:flex-start}.auth__form__intro h2{font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif;font-family:Oswald, sans-serif;font-weight:700;font-size:62px;letter-spacing:5px;padding:0;margin-bottom:0}.auth__form__intro p{font-family:Rubik, Helvetica, Arial, sans-serif;font-weight:400;font-size:20px;line-height:1.5;color:#929090;padding-left:0;margin:0}.auth__form__fields{font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif;width:100%}.auth__form__fields__options{display:flex;flex-direction:row;justify-content:space-between}.auth__form__fields button{width:100%;margin:16px 0}.auth__desc{width:50%;margin:0 52px 52px 52px;display:flex;flex-direction:row;align-items:center;justify-content:center}.auth__desc img{width:100%;height:auto}@media screen and (max-width: 620px){.login{width:100vw;height:100%;display:flex;flex-direction:column}.login__form{width:90%}.login__desc{display:none}}.post-content,.post-section{max-width:1070px;margin-left:auto;margin-right:auto}.post-content{margin-bottom:24px}.post-section{background-color:#F7F6FB;padding:24px}.post-section li a{text-decoration:none;color:black}.post-section li a:hover{color:#FF5A5F}.post-section a{text-decoration:none;color:#007AFF}.post-section a:hover{color:#50248F}.newsletter-form{display:none}.newsletter-form__button--filled{color:#ffffff;border-radius:4px;height:36px;min-width:64px;outline:0;padding:0;margin:0;transition:box-shadow 160ms ease-out;box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);background-image:linear-gradient(to right, #303E92, #50248F)}.newsletter-form__button--outlined{color:#ffffff;border-radius:4px;height:36px;min-width:64px;outline:0;padding:0 12px;transition:box-shadow 160ms ease-out;background:none;border:2px solid #303E92;box-shadow:none}.newsletter-form__button--outlined:hover{background:rgba(0,0,0,0.03)}.newsletter-form__button--outlined:active{background:rgba(0,0,0,0.12)}.newsletter-form__button--outlined .button__label{color:#303E92}.newsletter-form__button--outlined .button__icon{color:#303E92}.newsletter-form.open{box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.12),0 1px 8px 0 rgba(0,0,0,0.2);margin-right:16px;padding:16px;background-color:white;display:block;border-radius:8px;width:300px;height:550px;position:relative}.newsletter-form.open h2{font-family:Rubik;font-weight:700px;font-size:24px}.newsletter-form.open p{font-family:Rubik;line-height:1.25;text-align:justify;text-justify:inter-word}.newsletter-form.open i{position:absolute;top:16px;right:16px}.dashboard-slim{height:111px;width:343px;margin-right:16px;border-style:inset;border-width:1px;border-color:rgba(0,0,0,0.12);position:relative;display:flex;flex-direction:row}.dashboard-slim--yellow{background-color:#F4BB63}.dashboard-slim--green{background-color:#4BBFAE}.dashboard-slim__icon{height:95px;width:100px;position:relative;top:0;left:0;margin:8px;display:flex;flex-direction:row;justify-content:center;align-items:center}.dashboard-slim__info{padding:24px}.dashboard-slim__info p{margin:0;padding:0}.dashboard-card{height:200px;width:266px;margin-right:16px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.26);border-radius:8px;transition:box-shadow 160ms ease-out;display:flex;flex-wrap:wrap;flex:row;justify-content:center;align-items:center}.dashboard-card--red{background:#F15E59}.dashboard-card--green{background:#47B1CF}.dashboard-card--blue{background:#007AFF}.dashboard-card--yellow{background:#F4BB63}.dashboard-card--darkblue{background:#303E92}.dashboard-card--details{color:black}.reorder__container{padding:16px;text-decoration:none}.reorder__card__title{padding:16px 0 16px;text-decoration:none}.reorder__card--with-icon{background:#eff0f2;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:8px;transition:box-shadow 160ms ease-out;width:200px;height:200px;position:relative}.reorder__card--with-icon img{position:absolute;top:50%;left:50%;margin:-25% 0 0 -25%}.reorder__card--with-image{background:#eff0f2;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:8px;transition:box-shadow 160ms ease-out;width:200px;height:200px;perspective:1000px}.reorder__card--with-image img{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%;border-radius:8px;object-fit:cover}.reorder__card--draggable{background:#eff0f2;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:8px;transition:box-shadow 160ms ease-out;width:200px;height:200px;animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}.reorder__card--draggable img{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%;border-radius:8px;object-fit:cover}@keyframes shake{10%, 90%{transform:translate3d(-1px, 0, 0)}20%, 80%{transform:translate3d(2px, 0, 0)}30%, 50%, 70%{transform:translate3d(-4px, 0, 0)}40%, 60%{transform:translate3d(4px, 0, 0)}}.reorder__card--no-draggable{background:#eff0f2;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:8px;width:200px;height:200px;backface-visibility:hidden;perspective:1000px}.reorder__card--no-draggable img{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%;border-radius:8px;object-fit:cover}.tutorials{width:1180px;margin:0 auto;margin-bottom:60px}.tutorials--container{width:100%;display:flex;flex-wrap:wrap}.user--tutorial{position:relative;overflow:hidden;width:320px;height:320px}.user--tutorial img{width:320px;height:320px}.tutorial:hover .overlay{opacity:1}.step-edit{width:100vw;background-color:#F6F8FA}.step-edit__details{width:100%}.step-layout{max-width:100vw;display:flex;flex-direction:column;padding:0 150px 40px 150px}.step-layout__1{width:100%}.step-layout__2{display:flex;flex-direction:row}.step-layout__3{width:100%}.step-layout__4{display:flex;flex-direction:row;justify-content:flex-end}.step-details{width:60%;background-color:white;padding:24px;margin:8px;border-radius:8px}.step-attachments{width:40%;background-color:white;padding:24px;margin:8px;border-radius:8px}.step-images{background-color:white;padding:24px;margin:8px;border-radius:8px}.activity-title{color:#303E92;font-size:36px;font-weight:500;line-height:1em;padding-bottom:10px;vertical-align:baseline}.link-highlight-off a:link{text-decoration:none}.link-highlight-off a:visited{text-decoration:none}.link-highlight-off a:hover{text-decoration:underline}.link-highlight-off a:active{text-decoration:underline}.bg-black{background-color:#555555;color:#ffffff}.bg-white{background-color:#ffffff;color:black}.center{align-self:center;text-align:center}.activity-card{padding:16px}.pagination a{color:#303E92;text-decoration:none}.main-title-block{background-color:transparent;background-position:center;background-size:cover;position:relative}.main-title-container{background-image:url(/assets/Microbit-Banner-03d8dd8d2cfff89eaa60d9e8ad9676259a774ba9a4a0edf489a2e2696a9028f1.jpg),linear-gradient(180deg, #2b87da 0%, #29c4a9 100%);background-position:top center;background-repeat:no-repeat;background-size:cover;position:relative;padding:50px 0}.main-title-container-sub{display:flex;flex-flow:row wrap;justify-content:center;margin-left:auto;margin-right:auto;max-width:1200px;position:relative;width:80%;z-index:3}.main-title-subcontainer{width:100%}.main-title{margin:20px auto;max-width:800px;padding:10px;width:80%;color:#ffffff}.steps-block{background-position:center;background-repeat:no-repeat;background-size:cover;padding:0 0 54px 0;position:relative}.steps-main-container{background-position:center;background-repeat:no-repeat;background-size:cover;padding:38px 0 0 0;position:relative;margin:auto;max-width:1280px;width:80%}.steps-content-container{float:left;background-position:center;background-size:cover;mix-blend-mode:unset;position:relative;width:47%;z-index:9}.steps-content-text-container{padding-bottom:20px}.materials-table{border:1px solid;border-collapse:collapse;max-width:100%;padding:0.857em 0.587em;table-layout:fixed;margin-right:5.5%;width:100%}.materials-table tr{max-width:100%;padding:0.857em 0.587em}.materials-table tr td{border:1px solid;line-height:26px;list-style-type:disc;padding:0 0 23px 1em;white-space:pre-wrap}.steps-image-container{background-position:center;background-size:cover;float:left;mix-blend-mode:unset;position:relative;width:47%;min-height:10px;z-index:9}#clear{clear:both}.container-left{margin-right:5.5%}.comments-block--end{background-image:url(/assets/Microbit-Banner-03d8dd8d2cfff89eaa60d9e8ad9676259a774ba9a4a0edf489a2e2696a9028f1.jpg),linear-gradient(180deg, #2b87da 0%, #29c4a9 100%);color:#ffffff}.comments-block{padding:64px 0;position:relative;background-position:center}.comments-main-container{width:80%;padding:32px 0;max-width:1280px;margin:auto;background-repeat:no-repeat;background-position:center;background-size:cover;line-height:1.5em}.comments-subcontainer{width:100%;text-align:left;word-wrap:break-word}.comments-subcontainer a:link{text-decoration:none}.comments-subcontainer a:visited{text-decoration:none}.comments-subcontainer a:hover{text-decoration:underline}.comments-subcontainer a:active{text-decoration:underline}.comments-subcontainer a{color:#ffde27}.comments-subcontainer ul{font-size:20px;line-height:26px;list-style-type:disc}.upload-image{height:auto;width:100%}.rotating-text{color:white;font-family:"Oswald";font-weight:700}.rotating-text h1{font-size:5rem}.rotating-text p{transform:translateY(-2.4rem);font-size:5rem;display:inline-flex;margin:0;vertical-align:top}.rotating-text p .word{position:absolute;display:flex;opacity:0}.rotating-text p .word .letter{transform-origin:center center 25px}.rotating-text p .word .letter.out{transform:rotateX(90deg);transition:0.32s cubic-bezier(0.6, 0, 0.7, 0.2)}.rotating-text p .word .letter.in{transition:0.38s ease}.rotating-text p .word .letter.behind{transform:rotateX(-90deg)}.rotating-text h1.second-line{transform:translateY(0.8rem)}.swiper-container{width:400px;height:400px}.swiper-slide{background-position:center;background-size:contain;background-repeat:no-repeat}.blur-header-bg{width:100%;height:100%;top:0;left:0;backdrop-filter:blur(100px) brightness(1.5);z-index:0}.hero-header{z-index:1}.hero-background{background-position:center center}.hero-text{font-family:Oswald;background-color:rgba(255,255,255,0.02);text-shadow:0px 0px 1px #2D3748, 2px 2px 10px #FFFFFF, 1px 1px 2px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 10px #FFFFFF}.gh-shop-box-logo{max-height:5rem}.gethacking-item{align-items:flex-start}.step-separator{border-color:#502485;border-width:2px;margin-bottom:1rem;margin-right:95%;margin-left:-300px}.step-counter{display:inline-block;border-radius:50%;width:1.5em;height:1.5em;background-color:#50248F;color:#FFFFFF;text-align:center;vertical-align:middle}#load-more{text-align:center;color:#ccc}#app-header{background-color:rgba(0,0,0,0.03)}@media screen and (max-width: 985px){#app-header{display:none}}#top-nav-bar{position:relative;bottom:0;box-sizing:border-box;width:100%;float:none;font-weight:600;vertical-align:baseline;text-align:center}#top-menu-nav{display:inline-block;float:none;line-height:0}#top-menu>li{display:inline-block;font-size:14px;margin:0 16px;word-wrap:break-word}.nav li{position:relative;line-height:1em}.top-menu-title{font-family:Oswald, Rubik, Roboto, Helvetica, Arial, sans-serif;text-transform:uppercase;transition:color 160ms ease-out;font-weight:normal;font-style:normal;font-size:20px}.top-menu-title .fa-chevron-down{padding-left:4px}.top-menu-title:hover{color:#d86260;cursor:pointer}.sub-menu{background-color:#ededed;border-color:#cd5c5c;text-align:left;z-index:9999;width:240px;border-top:3px solid #2ea3f2;display:none;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:absolute;padding:20px 0}.sub-menu li{display:block;padding:8px 16px;text-transform:uppercase}.sub-menu a{color:inherit;display:block;padding:8px 16px;text-decoration:none;text-transform:uppercase}.nav{min-height:44px;position:relative;display:inline-block}.nav a{color:#cbd5e0}.nav a:hover{color:white}.drop-down:hover .sub-menu{display:block}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.hidden{display:none}