SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html lang="en-US">3 <!--<![endif]-->4 <head>5 <style>6 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */7html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}8 9 10 11@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}html,body{display:block;margin:0;background-color:#855cd6;padding:0;color:#575e75;font-family:"Helvetica Neue","Helvetica",Arial,sans-serif}h1,h2,h3,h4{margin:0;border:0;padding:0;color:#575e75;font-weight:bold}h1{font-size:2.5rem;font-weight:bold}h2{font-size:2rem;font-weight:bold}h3{font-size:1.4rem;font-weight:bold}h4{font-size:1rem;font-weight:bold}h5{text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:bold}p.legal{font-size:.8rem}p.intro{font-size:1.1rem}p.callout{margin:1.5em 0;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;background-color:rgba(77,151,255,.1);padding:1.25em}p.callout.orange{background-color:rgba(244,157,37,.1)}p a{white-space:nowrap}b,strong{font-weight:bold}a{cursor:pointer;color:#855cd6;font-weight:bold}a:link,a:visited,a:active{text-decoration:none;color:#855cd6}a:hover{text-decoration:none;color:#7854c0}.empty{border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:rgba(77,151,255,.1);padding:10px;text-align:center;line-height:2rem;color:#575e75}.empty h4{color:#575e75}h1,h2,h3,h4,h5,p{line-height:1.7em;color:#575e75}p{font-size:1rem;font-weight:normal}input{outline-color:#855cd6}::selection{background-color:rgba(77,151,255,.25)}ol,ul{padding-left:20px;line-height:1.5em;font-size:1rem;font-weight:normal}ol li,ul li{margin:.75em 0}dl{line-height:1.5rem;font-size:1rem;font-weight:normal}dl dt{font-weight:bold}dl dd{margin:0}#view{display:inline-block;margin-top:50px;background-color:#fcfcfc;padding:20px 0;min-width:100%;min-height:680px}12 13 14 15.button{display:inline-block;margin:.5em 0;border:0;border-radius:.5rem;background-color:#855cd6;cursor:pointer;padding:1em 1.25em;color:#fff;font-size:.8rem;font-weight:bold}.button:focus{outline:none}.button.white{background-color:#fff;color:#855cd6}.button.pass{background-color:#328554}.button.fail{background-color:#ffab1a}.button:disabled{box-shadow:none}.button.large{border-radius:.25rem;font-size:1rem;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:.75rem 1.25rem .8125rem}.button.icon-right img{height:1.25rem;margin-bottom:-0.25rem;margin-left:.5rem;margin-right:-0.25rem}.forms-close-button{padding:0;position:absolute;top:.5rem;right:.5rem;border-radius:1rem;background-color:rgba(0,0,0,.1);cursor:pointer;width:2rem;height:2rem;text-align:center;line-height:2rem}.forms-close-button img{padding-top:.5rem}16@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.row label{font-weight:500}.input{transition:all .5s ease;margin-bottom:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:#fafafa;padding:0 1rem;height:3rem;color:#575e75;font-size:.875rem}.input:focus{transition:all .5s ease;outline:none;border:1px solid #855cd6}.input.fail{border:1px solid #c40}.input.pass{border:1px solid #328554}.input::-ms-reveal,.input::-ms-clear{display:none}17.row .required-symbol{display:none}.row label{display:inline-block;margin-bottom:.75rem}.row.no-label label{display:none}.row-with-tooltip{position:relative}.row-label{margin-bottom:.75rem;line-height:1.7rem}.row-inline{display:flex}.row-inline label{margin-bottom:0}18@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.dropdown{display:none;position:absolute;right:0;border:1px solid rgba(0,0,0,.1);border-radius:0 0 5px 5px;background-color:#855cd6;padding:10px;min-width:9rem;max-width:16.25rem;overflow:visible;color:#fff;font-size:.8125rem;font-weight:normal}.dropdown.open{display:block}.dropdown a:link,.dropdown a:visited,.dropdown a:active{background-color:transparent;color:#fff}.dropdown input{margin-bottom:12px;width:calc(100% - 30px)}.dropdown label{display:block;margin-bottom:5px}.dropdown>li{display:block;line-height:30px}.dropdown>li.divider{margin-top:10px;border-top:1px solid rgba(0,0,0,.1)}.dropdown>li a{display:block;padding:0 10px}.dropdown>li a:hover{background-color:rgba(0,0,0,.1);text-decoration:none}.dropdown.with-arrow{margin-top:14px;border-radius:5px;overflow:visible}.dropdown.with-arrow:before{display:block;position:absolute;top:-7px;right:10%;transform:rotate(45deg);border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:#855cd6;width:14px;height:14px;content:""}19.studio-status-icon-spinner{animation-name:intro,spin;animation-duration:.25s,1s;animation-timing-function:cubic-bezier(0.3, -3, 0.6, 3),cubic-bezier(0.4, 0.1, 0.4, 1);animation-delay:0s,.25s;animation-iteration-count:1,infinite;animation-direction:normal;width:1.4rem;height:1.4rem;transform-origin:center}@keyframes intro{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}20@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center}.flex-row.column{flex-direction:column;justify-content:center}.flex-row.uneven{align-items:flex-start}.flex-row.uneven .short{width:13.75em}.flex-row.uneven .long{width:38.75em;text-align:left}@media only screen and (max-width : 767px){.flex-row{flex-direction:column}.flex-row.uneven .short,.flex-row.uneven .long{margin:auto;width:90%}}21.login{padding:10px;width:200px;line-height:1.5rem;white-space:normal;color:#fff;font-size:.8125rem}.login .button{padding:.75em}.login .row{margin-bottom:1.25rem}.login .input{margin-bottom:12px;width:calc(100% - 30px);height:2.25rem}.login label{padding-top:5px;font-weight:bold}.login .spinner{margin:0 .8rem;width:1rem;vertical-align:middle}.login .submit-row{justify-content:space-between;flex-direction:row}.login .submit-button{margin-top:5px}.login a{margin:auto 0;color:#fff}.login a:link,.login a:visited,.login a:active{color:#fff}.login a:hover{background-color:transparent}.login .error{border:1px solid rgba(0,0,0,.2);border-radius:5px;background-color:#ffab1a;padding:.75em 1em}22 23@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.overflow-hidden{overflow:hidden}.modal-content{position:relative;margin:3.75rem auto;border-radius:1rem;box-shadow:0 0 0 4px rgba(255,255,255,.15);background-color:#fff;padding:0;width:48.75rem}.modal-content:focus{outline:none}@media only screen and (max-width : 941px){.modal-content{margin-top:0;width:100%;overflow:auto}}@media only screen and (max-width : 479px),only screen and (max-height : 479px){.modal-content{border-radius:0;box-shadow:none;height:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:510;background-color:rgba(77,151,255,.7)}.modal-content-close{position:absolute;top:.5rem;right:.5rem;border-radius:1rem;background-color:rgba(0,0,0,.2);cursor:pointer;width:2rem;height:2rem;text-align:center;line-height:2rem}.modal-content-close-img{padding-top:.5rem}.action-buttons{display:flex;margin:1.125rem .8275rem .9375rem .8275rem;line-height:1.5rem;justify-content:flex-end !important;align-items:flex-start;flex-wrap:nowrap}@media only screen and (max-width : 941px){.action-buttons{justify-content:center !important;flex-direction:row !important}}.action-buttons-overflow-fix{margin-bottom:.9375rem}.action-buttons.action-buttons-no-inset{margin-left:0;margin-right:0}.action-button{margin:0 0 0 .54625rem;border-radius:.25rem;padding:6px 1.25rem 14px 1.25rem;height:36px}.action-button.close-button{border:1px solid rgba(0,0,0,.1)}.action-button-text{display:flex}.action-button.disabled{background-color:rgba(0,0,0,.2)}.error-text{display:block;border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:#ffab1a;padding:1rem;min-height:1rem;overflow:visible;color:#fff}.modal-sizes *{box-sizing:border-box}.modal-sizes{margin:100px auto;outline:none;padding:0;max-width:36.25rem;user-select:none}@media only screen and (min-width : 480px)and (max-width : 767px),only screen and (min-height : 480px)and (max-height : 767px){.modal-sizes{margin:40px auto}}@media only screen and (max-width : 479px),only screen and (max-height : 479px){.modal-sizes{margin:0 auto;width:auto}}.modal-sizes .modal-header{padding-top:.75rem;width:100%;height:3rem}@media only screen and (max-width : 479px),only screen and (max-height : 479px){.modal-sizes .modal-header{border-radius:0}}.modal-sizes .modal-content{font-size:.875rem}24#navigation{display:block;position:fixed;top:0;left:0;z-index:10;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.25);background-color:#855cd6;width:100%;height:50px}.ie9 #navigation{display:table;table-layout:fixed}#navigation .inner>ul{display:flex;margin:0;padding:0;height:50px;list-style:none;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start}.ie9 #navigation .inner>ul{display:table-row}#navigation .inner>ul>li{display:inline-block;position:relative;float:left;margin:0;height:100%;align-self:flex-start}#navigation .inner>ul>li.right{float:right;margin-left:auto;align-self:flex-end}.ie9 #navigation .inner>ul>li.right{float:none}#navigation .inner>ul>li.right a:hover{background-color:rgba(0,0,0,.1)}.ie9 #navigation .inner>ul>li{display:table-cell;float:none;height:50px;vertical-align:bottom}#navigation .link>a{display:block;padding:13px 15px 4px 15px;height:33px;text-decoration:none;white-space:nowrap;color:#fff;font-size:.85rem;font-weight:bold}#navigation .link>a:hover{background-color:rgba(0,0,0,.1)}25@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.modal-content-iframe{border:0}26@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.modal-content.mod-registration{width:38.125rem;overflow:hidden}.modal-content-iframe.mod-registration{width:38.125rem;min-height:27.375rem}.modal-content.recaptcha-open{min-height:500px}.modal-content-iframe.recaptcha-open{min-height:500px}@media only screen and (max-width : 941px){.modal-content.mod-registration{width:100%;overflow:scroll}.modal-content-iframe.mod-registration{height:27.375rem}}27@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.account-nav .user-info{display:inline-block;padding:14px 15px 4px 15px;max-width:260px;height:33px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.8125rem;font-weight:normal}.account-nav .user-info .avatar{margin-right:10px;border-radius:3px;width:24px;height:24px;vertical-align:middle}.account-nav .user-info:hover{background-color:rgba(0,0,0,.1)}.account-nav .user-info.open{background-color:rgba(0,0,0,.1)}.account-nav .user-info:after{display:inline-block;margin-left:8px;background-image:url("/images/dropdown.png");background-repeat:no-repeat;background-position:center center;background-size:50%;width:20px;height:20px;vertical-align:middle;content:" "}.account-nav .dropdown{top:50px;padding:0;padding-top:5px;width:100%;box-sizing:border-box}@media only screen and (max-width : 479px){.account-nav{margin-left:0}.account-nav .user-info .avatar{margin-right:0}.account-nav .user-info:after{display:none}}@media only screen and (min-width : 480px)and (max-width : 767px){.account-nav{margin-left:0}.account-nav .user-info .avatar{margin-right:0}.account-nav .user-info:after{display:none}}@media only screen and (min-width : 768px)and (max-width : 941px){.account-nav{margin-left:0}}28@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}#navigation .logo{margin-right:10px}#navigation .logo a{display:block;transition:.15s ease all;margin:0 6px 0 0;border:0;background-image:url("/images/logo_sm.png");background-repeat:no-repeat;background-position:center center;background-size:95%;width:81px;height:50px}#navigation .logo a:hover{transition:.15s ease all;background-size:100%}#navigation .inner>ul>li.search{margin:0 20px;border-right:0;color:#fff;flex-grow:3}.ie9 #navigation .inner>ul>li.search{width:100%}#navigation .inner>ul>li.search .form{margin:0}#navigation .inner>ul>li.search .row .help-block{display:none}#navigation .inner>ul>li.search .input,#navigation .inner>ul>li.search .button{display:inline-block;margin-top:5px;outline:none;border:0;background-color:rgba(0,0,0,.1);height:14px}#navigation .inner>ul>li.search .input[type=text],#navigation .inner>ul>li.search .button[type=text]{transition:.15s ease background-color;padding:0;padding-right:10px;padding-left:40px;width:calc(100% - 50px);height:40px;color:#fff;font-size:.85em}#navigation .inner>ul>li.search .input[type=text]::placeholder,#navigation .inner>ul>li.search .button[type=text]::placeholder{color:rgba(255,255,255,.75)}#navigation .inner>ul>li.search .input[type=text]:focus,#navigation .inner>ul>li.search .button[type=text]:focus{transition:.15s ease background-color;background-color:rgba(0,0,0,.2)}.ie9 #navigation .inner>ul>li.search .input[type=text],.ie9 #navigation .inner>ul>li.search .button[type=text]{width:70px}#navigation .inner>ul>li.search .btn-search{position:absolute;box-shadow:none;background-color:transparent;background-image:url("/images/nav-search-glass.png");background-repeat:no-repeat;background-position:center center;background-size:14px 14px;width:40px;height:40px}#navigation .inner>ul>li.search .btn-search:hover{box-shadow:none}#navigation .messages>a,#navigation .mystuff>a{background-repeat:no-repeat;background-position:center center;background-size:45%;padding-right:10px;padding-left:10px;width:30px;overflow:hidden;text-indent:50px;white-space:nowrap}#navigation .messages>a:hover,#navigation .mystuff>a:hover{background-size:50%}#navigation .messages>a{background-image:url("/images/nav-notifications.png")}#navigation .messages .message-count{display:none}#navigation .messages .message-count.show{display:block;position:absolute;top:.5rem;right:.25rem;border-radius:1rem;background-color:#ffab1a;padding:0 .25rem;text-indent:0;line-height:1rem;color:#fff;font-size:.7rem;font-weight:bold}#navigation .mystuff>a{background-image:url("/images/mystuff.png")}@media only screen and (max-width : 479px){#navigation .inner{width:18.75em}#navigation .inner>ul>li.login-item{margin-left:0}#navigation .inner .create,#navigation .inner .discuss,#navigation .inner .explore,#navigation .inner .search,#navigation .inner .help,#navigation .inner .mystuff,#navigation .inner .profile-name{display:none}}@media only screen and (min-width : 480px)and (max-width : 767px){#navigation .inner{width:28.75em}#navigation .inner>ul>li.login-item{margin-left:0}#navigation .inner .discuss,#navigation .inner .explore,#navigation .inner .search,#navigation .inner .mystuff,#navigation .inner .profile-name{display:none}}@media only screen and (min-width : 768px)and (max-width : 941px){#navigation .inner{width:38.75em}#navigation .inner>ul>li.login-item{margin-left:0}#navigation .inner .explore,#navigation .inner .search,#navigation .inner .mystuff{display:none}}29#footer{display:block;background-color:#f2f2f2;padding:10px 0;color:#575e75;font-size:.85rem}30@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.select label{font-weight:500}.select select{transition:border .5s ease;margin-bottom:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:5px;background:#fafafa url("/svgs/forms/caret.svg") no-repeat right center;padding-right:4rem;padding-left:1rem;width:100%;height:3rem;color:#575e75;font-size:.875rem;appearance:none;-webkit-appearance:none}.select select::-ms-expand{display:none}.select select::-ms-value{background-color:inherit;padding-left:1rem;color:inherit}.select select:focus{outline:none;border:1px solid #855cd6}.select select:-moz-focusring{text-shadow:0 0 0 #575e75;color:transparent}.select select:focus,.select select:hover{background:#fafafa url("/svgs/forms/caret-hover.svg") no-repeat right center}.select select>option{background-color:#fff;width:100%}31@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.language-chooser .select select{width:13.75rem}32@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}#footer .lists{display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}#footer .lists dl{display:inline-block;vertical-align:top;text-align:left;font-size:.8rem}#footer .lists dt{display:block;margin-bottom:8px}#footer .lists dd{display:block;margin:5px 0;line-height:1.2rem}#footer .lists dd a{font-weight:400}#footer .copyright{display:block;width:100%;text-align:center}#footer .copyright p{font-size:.7rem}#footer .language-chooser{text-align:center}33@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}#donor{color:#575e75;font-size:.875rem;line-height:1.5em;background-color:#f2f2f2;padding-bottom:2.5rem;padding-top:1rem}#donor #donor-text{text-align:center;width:58.75em;margin:0 auto}@media only screen and (min-width: 768px)and (max-width: 942px){#donor #donor-text{width:53.75em}}@media only screen and (min-width: 480px)and (max-width: 768px){#donor #donor-text{width:28.75em}}@media only screen and (max-width: 480px){#donor #donor-text{width:18.75em}}34.crash-container{margin:3rem auto;border:1px solid #d9d9d9;border-radius:10px;background-color:#fcfcfc;width:60%;overflow:hidden;text-align:center}@media only screen and (max-width : 479px){.crash-container #view{text-align:center}.crash-container .inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){.crash-container #view{text-align:center}.crash-container .inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){.crash-container #view{text-align:center}.crash-container .inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.crash-container .inner{margin:0 auto;width:942px}}.crash-container img{width:100%}.crash-container .crash-message{margin:2rem}35@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.title-banner{transition:background-image .5s ease,background-color .5s ease;margin-bottom:40px;background-color:#328554;background-position:center;background-size:cover;padding:20px 0;width:100%}.title-banner-h1,.title-banner-p{margin:0 auto;padding:5px 0;text-align:center;color:#fff}.title-banner-p{max-width:500px}.title-banner-strong{font-weight:700}.title-banner.mod-blue-bg{background-color:#4d97ff}.title-banner.mod-blue-bg a{color:#fff}.title-banner.mod-blue-bg a.mod-underline{text-decoration:underline}36@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.privacy-aside{position:sticky}.privacy-banner{display:flex;z-index:8;background-color:#7854c0;padding:0;overflow:hidden;align-items:center;justify-content:center;margin-bottom:-50px;margin-top:50px}.privacy-banner .privacy-banner-container{display:flex;margin:.375rem auto;align-items:center}.privacy-banner .privacy-banner-container .lightbulb-icon{margin:.6875rem;width:1.75rem;height:1.75rem}.privacy-banner .privacy-banner-container .privacy-banner-centered{width:100%;display:flex;flex-direction:row;align-items:center}.privacy-banner .privacy-banner-container .privacy-banner-text{text-align:left;color:#fff;font-size:1rem;font-weight:bold;margin-right:1rem;max-width:70vw}.privacy-banner .privacy-close-button{right:1rem;top:auto}.privacy-banner a{color:#fff;text-decoration:underline}@media only screen and (max-width: 640px){.privacy-banner .privacy-banner-container .privacy-banner-centered{flex-wrap:wrap}.privacy-banner .privacy-banner-container .lightbulb-icon{padding-bottom:2rem}.privacy-banner .privacy-banner-container{margin-left:0;margin-bottom:1rem}.privacy-banner .donate-close-button{top:1rem}}37.not-available-image{padding:5rem 0 2rem}38.sub-nav{display:flex;margin:0 auto;padding:5px 0;width:100%;color:#fff;font-size:.8rem;font-weight:500;justify-content:center;flex-wrap:wrap}.sub-nav li,.sub-nav button{display:inline-block;margin:5px;border:1px solid rgba(0,0,0,.1);border-radius:50px;padding:.75em 1.5em;text-decoration:none;color:#fff;list-style-type:none}.sub-nav li:hover,.sub-nav button:hover{transition:background-color .25s ease;border-color:transparent;background-color:rgba(0,0,0,.1)}.sub-nav li:active,.sub-nav button:active{border:0 solid transparent;box-shadow:inset 0 0 5px rgba(0,0,0,.25);background-color:rgba(0,0,0,.2);padding:calc(.75em + 1px) calc(1.5em + 1px)}.sub-nav li.description,.sub-nav button.description{border:0;border-radius:none;text-decoration:none}.sub-nav li.description:hover,.sub-nav button.description:hover{transition:none;background-color:transparent}.sub-nav li.description:active,.sub-nav button.description:active{border:0;box-shadow:none;background-color:transparent}.sub-nav.sub-nav-align-left{justify-content:flex-start}.sub-nav.sub-nav-align-left li:first-child{margin-left:0}.sub-nav.sub-nav-align-right{justify-content:flex-end}39.toggle-switch{position:relative;display:inline-block;width:38px;height:24px;top:-0.125rem;margin-left:.625rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b3b3b3;border-radius:12px;transition:.4s}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}.toggle-switch input:checked+.slider{background-color:#328554}.toggle-switch input:checked+.slider:before{transform:translateX(14px)}40.modal-title{box-sizing:border-box;text-align:center;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:bold}41@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.modal-inner-content{box-sizing:border-box;display:flex;border-radius:0;flex-direction:column}42@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.user-projects-modal .user-projects-modal-title{box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.15);background-color:#855cd6;border-top-left-radius:12px;border-top-right-radius:12px;padding-top:.75rem;width:100%;height:3rem}.user-projects-modal .user-projects-modal-nav{padding:6px 12px;border-bottom:1px solid rgba(0,0,0,.1);width:unset}.user-projects-modal .user-projects-modal-nav button{cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,.15);color:#575e75}.user-projects-modal .user-projects-modal-nav button.active{background:#855cd6;color:#fff}.user-projects-modal .user-projects-modal-nav button:active{padding:.75em 1.5em}.user-projects-modal .user-projects-modal-nav button:hover{background:rgba(133,92,214,.25);border:1px solid rgba(133,92,214,.1)}.user-projects-modal .user-projects-modal-content{padding:0 30px 8px;background:#e9f1fc;height:calc(100vh - 300px);overflow-y:auto;overscroll-behavior:contain}@media only screen and (max-width : 941px){.user-projects-modal .user-projects-modal-content{height:calc(100vh - 170px)}}.user-projects-modal .studio-projects-done-row{display:flex;justify-content:flex-end;padding:6px 12px;border-top:1px solid rgba(0,0,0,.1)}.user-projects-modal .studio-projects-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto}.user-projects-modal .studio-projects-empty-text{color:rgba(77,151,255,.75);max-width:325px;text-align:center;line-height:1.5rem;margin-top:1rem}.user-projects-modal .studio-projects-spinner{margin:auto}.studio-tile-added{border:1px solid #855cd6 !important;box-shadow:0 0 0 4px rgba(133,92,214,.25)}.studio-project-add-remove-image{margin:7px}.studio-tile-dynamic-remove,.studio-tile-dynamic-add{position:absolute;top:10px;right:10px;width:32px;height:32px;background:rgba(0,0,0,.25);border:3px solid rgba(0,0,0,.1);background-clip:padding-box;color:#fff;border-radius:100%;font-weight:bold;margin:0;padding:0;line-height:32px;align-content:center;display:flex;justify-content:center}.studio-tile-dynamic-remove{background:#0fbd8c;background-clip:padding-box;border:3px solid rgba(15,189,140,.2)}.user-projects-modal-grid{margin-top:12px;margin-bottom:8px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:14px;row-gap:14px}@media only screen and (min-width : 480px)and (max-width : 767px){.user-projects-modal-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media only screen and (max-width : 479px){.user-projects-modal-grid{grid-template-columns:repeat(1, minmax(0, 1fr))}}.user-projects-modal-grid .studio-project-bottom{padding:8px 10px 8px 10px}.user-projects-modal-grid .studio-project-avatar{width:32px;height:32px}.user-projects-modal-grid .studio-project-info{margin:0}.user-projects-modal-grid .studio-project-title{font-size:12px}.user-projects-modal-grid .studio-project-username{font-size:12px}43.alert-wrapper{position:absolute;display:flex;width:100%;justify-content:center;z-index:100;pointer-events:none}.alert-wrapper .alert{display:flex;box-sizing:border-box;padding:10px 20px;border-radius:8px;align-items:center;margin-top:1rem;min-height:60px;pointer-events:auto}.alert-wrapper .alert.alert-error{background:#fff0df;border:1px solid #ff8c1a;box-shadow:0px 0px 0px 2px rgba(255,140,26,.25)}.alert-wrapper .alert.alert-success{background:#cef2e8;border:1px solid #0ebd8c;box-shadow:0px 0px 0px rgba(14,189,140,.25)}.alert-wrapper .alert .alert-msg{font-size:14px;font-weight:bold}.alert-wrapper .alert .alert-close-button{position:unset;margin-left:1rem}44@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.validation-message{display:block;position:absolute;top:0;left:0;transform:translate(16rem, 0);margin-left:1rem;border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:#c40;padding:1rem;max-width:18.75rem;min-height:1rem;overflow:visible;color:#fff;z-index:1;font-weight:500}.validation-message:before{display:block;position:absolute;top:1rem;left:-0.5rem;transform:rotate(45deg);border-bottom:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:#c40;width:1rem;height:1rem;content:""}.validation-left{left:unset;right:0;margin-left:unset;margin-right:1rem;transform:translate(-16rem, 0)}.validation-left:before{left:unset;right:-0.5rem;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);border-bottom:none;border-left:none}@media only screen and (max-width : 941px){.validation-message{position:relative;transform:none;margin:inherit;width:100%;height:inherit}.validation-message:before{display:none}}.validation-error{background-color:#c40}.validation-error:before{background-color:#c40}.validation-info{background-color:#4280d7;box-shadow:0 0 4px 2px rgba(0,0,0,.15)}.validation-info:before{background-color:#4280d7}45.overflow-menu-container{display:flex;position:relative}.overflow-menu-container .overflow-menu-trigger{background:transparent;border:none;display:flex;align-items:center}.overflow-menu-container .overflow-menu-dropdown{border:1px solid rgba(0,0,0,.15);box-sizing:border-box;box-shadow:0px 2px 8px rgba(87,94,117,.5);border-radius:8px;padding:0;margin:30px 0 0 0;right:unset;left:0;z-index:1}.overflow-menu-container .overflow-menu-dropdown li{margin:0;padding:0}.overflow-menu-container .overflow-menu-dropdown li+li{border-top:1px solid rgba(0,0,0,.15)}.overflow-menu-container .overflow-menu-dropdown li button{display:flex;align-items:center;color:#fff;font-weight:bold;padding:5px 10px;background:none;border:none;width:100%;text-align:left}.overflow-menu-container .overflow-menu-dropdown li button:hover{background-color:rgba(0,0,0,.1)}.overflow-menu-container .overflow-menu-dropdown li button>img{margin:0 10px 0 0}46.commenting-status{border:1px solid rgba(77,151,255,.1);border-radius:8px;padding:1.75rem 3rem 2rem;margin:.5rem 0 2rem;background-color:rgba(77,151,255,.1);text-align:center;box-sizing:border-box}.commenting-status p{margin-bottom:0;line-height:1.75rem;max-width:36rem}.commenting-status .bottom-text{font-size:.875rem;width:100%}.commenting-status .status-icon-class{width:28px;height:28px}47@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.inplace-input{transition:all .5s ease;border:2px dashed rgba(77,151,255,.25);border-radius:8px;background-color:transparent;padding:0 1rem;width:calc(100% - 2.25rem);color:#575e75}.inplace-input:focus{transition:all .5s ease;outline:none;border:2px solid #855cd6;box-shadow:0 0 0 4px rgba(133,92,214,.25)}.inplace-input.fail{border:1px solid #c40}.inplace-input.pass{border:1px solid rgba(0,0,0,.2)}.inplace-input::-ms-reveal,.inplace-input::-ms-clear{display:none}.inplace-input::placeholder{font-style:italic}.inplace-textarea{transition:all .2s ease;border:2px dashed rgba(77,151,255,.25);border-radius:8px;background-color:#fafafa;padding:.75rem 1rem;width:100%;line-height:1.75em;color:#575e75;font-size:1rem;box-sizing:border-box;resize:none}.inplace-textarea:focus{transition:all .2s ease;outline:none;border:2px solid #855cd6;box-shadow:0 0 0 4px rgba(133,92,214,.25)}.inplace-textarea.fail{border:1px solid #c40}.inplace-textarea::placeholder{padding-top:1rem;text-align:center;font-style:italic}48@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.studio-report-modal .studio-report-title{box-shadow:inset 0 -1px 0 0 #c40;background:#c40;border-top-left-radius:12px;border-top-right-radius:12px;padding-top:.75rem;width:100%;height:3rem;cursor:pointer}.studio-report-modal .studio-report-inner{padding:2rem}.studio-report-modal .studio-report-tile-container{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:14px;row-gap:14px}@media only screen and (min-width : 480px)and (max-width : 767px){.studio-report-modal .studio-report-tile-container{grid-template-columns:1fr 1fr}}@media only screen and (max-width : 479px){.studio-report-modal .studio-report-tile-container{grid-template-columns:1fr}}.studio-report-modal .button{margin:0px}.studio-report-modal .button:disabled{background-color:rgba(0,0,0,.2)}.studio-report-modal .studio-report-tile{background:rgba(0,0,0,.05);width:230px;height:156px;border-radius:.5rem .5rem 0 0}.studio-report-modal .studio-report-tile-header{background:rgba(0,0,0,.05);border-radius:.5rem .5rem 0 0;padding:12px}.studio-report-modal .studio-report-tile-header-text{padding-left:.5rem}.studio-report-modal .studio-report-tile-text-container{overflow:auto;overflow-wrap:break-word;height:90px;padding:.5rem;white-space:pre-wrap}.studio-report-modal .studio-report-title-text{text-align:center}.studio-report-modal .studio-report-tile-image-container{display:flex;align-items:center;justify-content:center;padding:.5rem}.studio-report-modal .studio-report-tile-image{width:150px;height:98px;border-radius:4px;background:#fff;box-sizing:border-box;border:2px solid rgba(0,0,0,.15)}.studio-report-modal .studio-report-selected{background:rgba(77,151,255,.15)}.studio-report-modal .studio-report-header-selected{background:rgba(77,151,255,.25)}.studio-report-modal .studio-report-button-row{display:flex;justify-content:flex-end}.studio-report-modal .studio-report-thanks-content{display:flex}.studio-report-modal .studio-report-thanks-image{margin-top:2rem;margin-bottom:2rem}49.promote-modal{width:680px}.promote-modal .promote-title{background:#855cd6;border-top-left-radius:12px;border-top-right-radius:12px;padding-top:.75rem;width:100%;height:3rem;cursor:pointer}.promote-modal h2{line-height:2.5rem;margin-bottom:1rem}.promote-modal ul{line-height:1rem}.promote-modal .promote-content{display:flex;align-items:flex-start}.promote-modal .promote-image{margin-top:2rem}.promote-modal .promote-inner{padding:2rem}.promote-modal .promote-alert-and-button-row{padding:0 1.5rem 1.5rem 1.5rem}.promote-modal .alert-wrapper{position:unset}.promote-modal .promote-alert{width:100%;padding:0 1rem}.promote-modal .promote-button-row{display:flex;justify-content:flex-end;padding-top:1.5rem}.promote-modal .button{margin-left:.5rem}.promote-modal .cancel-button{background-color:#fff;color:#855cd6;box-shadow:0px 0px 0 1px #855cd6}50.manager-limit-modal{width:520px}.manager-limit-modal .manager-limit-title{background:#4d97ff;border-top-left-radius:12px;border-top-right-radius:12px;padding-top:.75rem;width:100%;height:3rem;cursor:pointer}.manager-limit-modal h2{line-height:2rem;font-size:1.5rem;margin-bottom:1rem}.manager-limit-modal p{font-size:1rem}.manager-limit-modal .manager-limit-content{display:flex;align-items:flex-start}.manager-limit-modal .manager-limit-image{margin-top:2rem}.manager-limit-modal .manager-limit-inner{padding:2.5rem 1.5rem 1.5rem 2.5rem}.manager-limit-modal .manager-limit-button-row{display:flex;justify-content:flex-end}51@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.transfer-host-modal .transfer-host-title{background:#855cd6;border-top-left-radius:12px;border-top-right-radius:12px;padding-top:.75rem;width:100%;height:3rem;cursor:pointer}.transfer-host-modal .transfer-info-title{margin-top:3rem}.transfer-host-modal h2{line-height:2.5rem;margin-bottom:1rem}.transfer-host-modal .list-header{font-weight:bold}.transfer-host-modal ul{line-height:1rem;margin-top:0px}.transfer-host-modal .content{display:flex;align-items:flex-start}.transfer-host-modal .transfer-host-image{margin-top:2rem}.transfer-host-modal .inner{padding:1rem}.transfer-host-modal .transfer-host-alert-wrapper{margin-right:2rem}.transfer-host-modal .transfer-host-alert-wrapper .alert-wrapper{position:relative;display:block;margin-bottom:2rem}.transfer-host-modal .transfer-host-alert .alert-msg{font-size:1rem}.transfer-host-modal .transfer-host-button-row{display:flex;justify-content:flex-end;padding-top:1.5rem}.transfer-host-modal .transfer-host-button-row-split{justify-content:space-between}.transfer-host-modal .transfer-selection-buttons{padding:1rem}.transfer-host-modal .button{margin:0px}.transfer-host-modal .button:disabled{background-color:rgba(0,0,0,.2)}.transfer-host-modal .cancel-button{background-color:#fff;color:#855cd6;box-shadow:0px 0px 0 1px #855cd6;margin-right:1rem}.transfer-host-modal .next-button{min-width:5rem}.transfer-host-modal .transfer-selection-heading{padding:1rem;background:rgba(77,151,255,.1)}.transfer-host-modal .transfer-selection-scroll-pane{height:250px;padding-left:1rem;padding-right:1rem;background:rgba(77,151,255,.1);overflow:auto}.transfer-host-modal .transfer-host-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:12px;row-gap:12px;margin-bottom:1rem}@media only screen and (max-width : 941px){.transfer-host-modal .transfer-host-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.transfer-host-modal .transfer-host-name-selected{color:#fff !important}.transfer-host-modal .transfer-selection-icon{margin:auto 8px}.transfer-host-modal .transfer-host-tile{cursor:pointer}.transfer-host-modal .transfer-host-tile-selected{background:#328554}.transfer-host-modal .transfer-password-instruction{padding:3rem 3rem 2rem}.transfer-host-modal .transfer-form{padding:0px 1rem 1rem}.transfer-host-modal .transfer-password-input{margin-left:2rem;border:1px solid #d9d9d9;border-radius:.5rem;padding:.5rem 1rem;font-size:1.5rem}.transfer-host-modal .transfer-password-row{display:flex;align-items:center;margin-bottom:1rem;height:3.5rem}.transfer-host-modal .transfer-password-validation{position:relative;transform:translate(1rem, 0)}.transfer-host-modal .col-sm-9 .input{font-size:1.5rem;width:50%}.transfer-host-modal .transfer-forgot-link{margin:0px 2rem 3rem}.transfer-host-modal .transfer-outcome{background:rgba(77,151,255,.1);padding:2rem 3rem;display:flex}.transfer-host-modal .transfer-outcome-tile-container{flex-basis:220px}.transfer-host-modal .transfer-outcome-tile{box-shadow:0px 3px 5px rgba(0,0,0,.15)}.transfer-host-modal .transfer-outcome-label{margin-bottom:.5rem;font-weight:bold;font-size:12px}.transfer-host-modal .transfer-outcome-arrow{width:40px;margin:auto 3rem 1rem 3rem}@media only screen and (max-width : 941px){.transfer-host-modal .transfer-password-row{display:inline;height:unset}.transfer-host-modal .transfer-password-validation{margin-left:2rem;margin-top:1rem;transform:unset}.transfer-host-modal .transfer-forgot-link{margin-top:1rem;margin-bottom:1rem}.transfer-host-modal .transfer-outcome-arrow{margin:auto 1.5rem 1rem 1.5rem}}52@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.modal-mute{width:30rem}.modal-mute .mute-modal-header{box-shadow:inset 0 -1px 0 0 #23be92;background-color:#23be92;border-radius:1rem 1rem 0 0}.modal-mute .mute-step{display:flex;padding:36px 16px 28px 16px}.modal-mute .mute-content{padding-top:16px;justify-content:flex-start}.modal-mute .mute-inner-content{padding:0 32px}.modal-mute .left-column{align-items:flex-start;padding-right:32px}.modal-mute .mute-header{font-size:1.5rem;font-weight:bold;line-height:2rem}.modal-mute .mute-bottom-row{padding-top:12px}.modal-mute .bottom-img{width:380px}.modal-mute .mute-side-image{margin-left:-49px}.modal-mute .side-img{height:212px;width:129px}.modal-mute .nav-divider{border-top:1px solid rgba(77,151,255,.25)}.modal-mute .mute-nav{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:20px 0}.modal-mute .feedback-nav{width:100%;display:flex;justify-content:center;flex-direction:row-reverse;padding:24px}.modal-mute .feedback-nav button{margin:0 4px}.modal-mute .feedback-nav .close-button{background-color:#b3b3b3}.modal-mute .back-button{margin-top:0;margin-bottom:0}.modal-mute .next-button,.modal-mute .close-button{margin-left:auto;margin-top:0;margin-bottom:0}.modal-mute .feedback-text{text-align:center}.modal-mute #feedback-form,.modal-mute textarea{height:180px;width:100%}.modal-mute textarea{padding:1rem}.modal-mute .character-limit{font-size:.75rem}.modal-mute .validation-message{top:52px;left:36px}53.formik-input{height:2.75rem;border-radius:.5rem;background-color:#fff;margin-bottom:.5rem;transition:all .5s ease,font-size 0s;border:1px solid rgba(0,0,0,.2);padding:0 1rem;color:#575e75;font-size:.875rem}.formik-input:focus{box-shadow:0 0 0 .25rem rgba(133,92,214,.25);outline:none;border:1px solid #855cd6;transition:all .5s ease,font-size 0s}.formik-input.fail{border:1px solid #c40}.formik-input.fail:focus{box-shadow:0 0 0 .25rem rgba(255,102,26,.25);outline:none}.formik-input::placeholder{font-style:italic;color:rgba(87,94,117,.6)}54.compose-comment{margin-left:.5rem;width:100%}.compose-comment .compose-error-row{width:100%;justify-content:flex-start}.compose-comment .compose-error-row .compose-error-tip{margin-bottom:.5rem;border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:#ffab1a;padding:.25rem;width:100%;text-align:left;color:#fff;font-size:.85rem}.compose-comment .full-width-form{width:100%}.compose-comment .textarea-row{width:100%}.compose-comment .textarea-row textarea:not(:focus){border:2px solid rgba(0,0,0,.2)}.compose-comment .compose-bottom-row{width:100%;margin-top:.4rem;justify-content:space-between;flex-direction:row}.compose-comment .compose-bottom-row .compose-post{margin-right:.5rem}.compose-comment .compose-bottom-row .compose-cancel{background-color:#b3b3b3}.compose-comment .compose-bottom-row .compose-limit{margin-left:auto;height:100%;font-size:.75rem}.compose-comment .compose-bottom-row .button{margin-left:0;margin-top:0;margin-bottom:0;border-radius:.25rem}.comment-container{position:relative;width:100%;justify-content:flex-end}.comment{position:relative;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start}.comment.highlighted-comment:before{position:absolute;top:-0.5rem;left:-0.5rem;border-radius:.5rem;background:rgba(77,151,255,.1);width:calc(100% + 1rem);height:100%;content:"";pointer-events:none}.comment .comment-top-row{margin-bottom:8px;width:100%;flex-direction:row}.comment .comment-top-row .username{margin-right:auto}.comment .comment-top-row .comment-delete,.comment .comment-top-row .comment-report,.comment .comment-top-row .comment-restore{opacity:.5;cursor:pointer;font-size:.75rem;font-weight:500}.comment .comment-top-row .comment-delete:before,.comment .comment-top-row .comment-report:before,.comment .comment-top-row .comment-restore:before{display:inline-block;margin-right:.5rem;background-repeat:no-repeat;background-position:center center;background-size:contain;content:""}.comment .comment-top-row .comment-visibility{opacity:.5;font-size:.75rem}.comment .comment-top-row .comment-delete{margin-right:1rem}.comment .comment-top-row .comment-delete:before{background-image:url("/svgs/project/delete-gray.svg");width:1rem;height:1rem;vertical-align:-0.25rem}.comment .comment-top-row .comment-report:before{margin-right:.25rem;background-image:url("/svgs/project/report-gray.svg");width:.75rem;height:.75rem;vertical-align:-0.125rem}.comment .comment-top-row .comment-restore{margin-left:1rem}.comment .comment-top-row .comment-restore:before{margin-right:.25rem;background-image:url("/svgs/project/restore-gray.svg");width:.75rem;height:.75rem;vertical-align:-0.125rem}.comment .avatar{margin-right:.5rem;border-radius:4px;box-shadow:0px 0px 0px 1px rgba(77,151,255,.25);width:3rem;height:3rem}.comment .comment-body{margin-bottom:1.5rem;min-width:50%;flex-grow:1;align-items:flex-start}.comment .comment-body .comment-bubble{position:relative;margin-left:.5rem;border:1px solid rgba(0,0,0,.1);border-radius:0 .5rem .5rem .5rem;background-color:#fff;padding:.75rem;width:calc(100% - .5rem);box-sizing:border-box}.comment .comment-body .comment-bubble:before{display:inline-block;position:absolute;top:-1px;left:-11px;border-width:1px 0 1px 1px;border-style:solid;border-radius:0 0 0 8px;border-color:rgba(0,0,0,.1) transparent rgba(0,0,0,.1) rgba(0,0,0,.1);background:#fff;width:10px;height:9px;content:""}.comment .comment-body .comment-bubble.comment-bubble-reported{border-color:#ff6680;background-color:#eccedf}.comment .comment-body .comment-bubble.comment-bubble-reported:before{border-color:#ff6680 transparent #ff6680 #ff6680;background:#eccedf}.comment .comment-body .comment-bubble.comment-bubble-markedbyfilter{border-color:#ffbf00;background-color:#fffed2}.comment .comment-body .comment-bubble.comment-bubble-markedbyfilter:before{border-color:#ffbf00 transparent #ffbf00 #ffbf00;background:#fffed2}.comment .comment-body .comment-content{font-size:1rem;line-height:1.5rem;overflow-wrap:break-word;display:block;overflow:hidden}.comment .comment-body .comment-bottom-row{padding-top:1rem;font-size:.75rem;flex-direction:row;justify-content:space-between}.comment .comment-body .comment-bottom-row .comment-time{color:#b3b3b3}.comment .comment-body .comment-bottom-row .comment-reply{display:inline-flex;cursor:pointer;color:#855cd6;font-weight:bold}.comment .comment-body .comment-bottom-row .comment-reply:after{margin-left:.25rem;background-image:url("/svgs/project/comment-reply.svg");background-size:cover;width:1rem;height:1rem;content:""}.replies{width:calc(100% - 4rem)}.replies .comment-reply-row{margin-left:-3.5rem;width:calc(100% + 3.5rem)}.replies.collapsed>.comment:last-of-type:after{position:absolute;bottom:0;background:linear-gradient(rgba(230, 240, 255, 0), #e6f0ff);width:100%;height:100%;content:"";pointer-events:none}.thread-limit-status{width:calc(100% - 4rem);margin-left:auto}.thread-limit-status .comment-status-icon{display:none}.compose-disabled{opacity:.5}.comments-root-reply{margin-bottom:2rem}.comment-reply-row{margin-top:2rem;margin-bottom:.5rem;margin-left:.5rem;width:calc(100% - .5rem)}.expand-thread{margin-bottom:24px;width:100%;overflow:hidden;text-align:center}.expand-thread:before,.expand-thread:after{display:inline-block;position:relative;background-color:rgba(0,0,0,.1);width:50%;height:2px;vertical-align:middle;content:""}.expand-thread:before{right:.5em;margin-left:-50%}.expand-thread:after{left:.5em;margin-right:-50%}.comment .action-list{opacity:0}.comment:hover .action-list{opacity:1}55.emoji{max-width:24px;vertical-align:middle}56@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.mod-report *{box-sizing:border-box}.mod-report{margin:100px auto;outline:none;padding:0;width:36.25rem;user-select:none}.report-modal-header{border-radius:1rem 1rem 0 0;box-shadow:inset 0 -1px 0 0 #c40;background-color:#c40;padding-top:.75rem;width:100%;height:3rem;box-sizing:border-box}.report-content-label{text-align:center;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:bold}.report-modal-content{margin:1rem auto;width:80%;font-size:.875rem}.report-modal-content .instructions{line-height:1.5rem}57@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.social-message{margin:0;border-bottom:1px solid #d9d9d9;padding:1rem;list-style-type:none}.social-message-icon{opacity:.25}.social-message.mod-unread{background-color:rgba(77,151,255,.1)}.social-message.mod-unread .social-message-icon{opacity:1}.flex-row.mod-social-message{justify-content:space-between;align-items:flex-start}.social-message-content{display:flex;max-width:38.75rem;text-align:left;align-items:flex-start}.social-message-icon{margin:.2rem 1rem 0 0;min-width:1.25rem}a.social-messages-profile-link{color:#575e75}a.social-messages-profile-link:hover{color:#855cd6}.flex-row.mod-comment-message{justify-content:flex-start}.comment-text{margin-left:1.5rem}@media only screen and (max-width : 479px){.social-message{text-align:left}.social-message-date{align-self:flex-end}.social-message-content{max-width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){.social-message{text-align:left}.social-message-date{align-self:flex-end}.social-message-content{max-width:100%}}58@media only screen and (max-width : 479px){#view{text-align:center}.inner{margin:0 auto;width:100%}}@media only screen and (min-width : 480px)and (max-width : 767px){#view{text-align:center}.inner{margin:0 auto;width:480px}}@media only screen and (min-width : 768px)and (max-width : 941px){#view{text-align:center}.inner{margin:0 auto;width:768px}}@media only screen and (min-width : 942px){.inner{margin:0 auto;width:942px}}.studio-page{background-color:#e9f1fc}.studio-page #view{background-color:transparent;max-width:1240px;min-width:auto;margin:50px auto;display:block;padding-top:40px}.studio-page #view.mod-view-admin-panel-open{min-width:unset;width:calc(100% - 250px);margin:50px 0px 50px 250px}@media only screen and (max-width : 941px){.studio-page #view{text-align:unset !important}}.studio-page #view .studio-shell{padding:0 20px;display:grid;gap:40px;grid-template-columns:300px minmax(0, 1fr)}@media only screen and (max-width : 767px){.studio-page #view .studio-shell{grid-template-columns:minmax(0, 1fr)}}.studio-deleted{grid-column:1/-1;padding:1rem;box-sizing:border-box}.studio-info{justify-self:center;width:300px;height:max-content;display:grid;grid-template-columns:minmax(0, 1fr);gap:20px}.studio-info .studio-info-section{position:relative}.studio-info .studio-info-section .validation-message{margin-top:.5rem;box-sizing:border-box}.studio-info .studio-info-section .hidden{display:none}.studio-info .studio-info-footer{display:flex;flex-direction:row;justify-content:space-between}.studio-info .studio-info-footer-stats{justify-content:flex-start}.studio-info .studio-info-footer-stats div{display:flex;align-items:center;margin:.25em}.studio-info .studio-info-footer-stats div img{margin-right:.25em;width:1.5em}.studio-info .studio-info-footer-report{justify-content:flex-end}.studio-info .studio-info-footer-report button{font-size:smaller;background-color:#855cd6;border:1px solid transparent;border-radius:999em;color:#fff;display:flex;align-items:center;padding:.25em;padding-right:.75em}.studio-info .studio-info-footer-report button:hover{background-color:#7854c0}.studio-info .studio-info-footer-report button img{margin-right:.25em;width:1.5em}.studio-info .studio-title{font-size:28px;font-weight:700;word-wrap:break-word;max-height:8rem;overflow-y:auto}.studio-info .studio-description{word-wrap:break-word;white-space:pre-wrap;width:300px;box-sizing:border-box;height:24rem;overflow-y:scroll}@media only screen and (max-width : 941px){.studio-info .studio-description.muted-editor{height:18rem}}.studio-info .studio-description.uneditable{background:rgba(77,151,255,.1);padding:15px 20px;border-color:transparent;border-radius:8px}.studio-info textarea.studio-title,.studio-info textarea.studio-description{padding:5px 8px;width:300px;line-height:1.2em}.studio-info textarea.studio-title:not(:focus),.studio-info textarea.studio-description:not(:focus){background:transparent;border:2px dashed #b3b3b3;border-radius:8px}.studio-info .studio-image{width:300px;height:195px;border-radius:8px;background:#fff;box-sizing:border-box;border:2px solid rgba(0,0,0,.15)}.studio-info .studio-follow-button{padding-top:14px;padding-bottom:14px;font-size:14px;margin:0;width:100%;box-sizing:border-box}.studio-section-load-error{margin-top:2rem;padding:1rem;flex-direction:column;text-align:center}.studio-tab-nav{border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:8px;font-size:14px;margin:8px}.studio-tab-nav li{display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.15);color:#575e75;padding:.75em 1.25em .75em 1em}.studio-tab-nav li:active{padding:.75em 1.25em .75em 1em}.studio-tab-nav li img{margin-right:.5em;width:1.5em;height:1.5em;filter:invert(0.55)}.studio-tab-nav li .tab-count{font-weight:normal}.studio-tab-nav .active>li{background:#855cd6;color:#fff}.studio-tab-nav .active>li img{filter:invert(0)}.studio-tab-nav a.nav_link:hover>li{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1)}.studio-tab-nav a.active.nav_link:hover>li{background:#7854c0;color:#fff}.studio-tab-nav a.active.nav_link:hover>li img{filter:invert(0)}.studio-projects,.studio-members{position:relative}.studio-manager-count{margin-left:1.5rem;width:4.875rem;height:2rem;border:1px solid #855cd6;border-radius:1rem;font-weight:bold;color:#855cd6;font-size:12px;display:flex;justify-content:center;align-items:center}.manager-threshold-message{display:flex;flex-direction:column}.manager-threshold-message .manager-threshold-info{font-weight:bold}.studio-projects-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:20px;row-gap:20px}@media only screen and (max-width : 941px){.studio-projects-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.studio-grid-load-more{grid-column:1/-1}.studio-grid-load-more button{width:100%}.studio-project-tile{background:#fff;border-radius:8px;border:1px solid #d9d9d9;position:relative;margin:0;padding:0}.studio-project-tile .studio-project-image{max-width:100%;background:#a0c6fc;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;aspect-ratio:4/3;object-fit:cover}.studio-project-tile .studio-project-bottom{display:flex;padding:6px 4px 6px 10px;justify-content:space-between}.studio-project-tile .studio-project-avatar{width:42px;height:42px;border-radius:4px;object-fit:cover}.studio-project-tile .studio-project-info{display:flex;flex-direction:column;justify-content:space-around;overflow:hidden;margin:0 8px;flex-grow:1;min-width:0}.studio-project-tile .studio-project-title{color:#855cd6;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-project-tile .studio-project-username{color:#575e75;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-project-tile .studio-project-remove{color:#4d97ff;background:transparent;border:none}.studio-members-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:20px;row-gap:20px}@media only screen and (max-width : 941px){.studio-members-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.studio-tabs{min-width:300px}.studio-member-tile{background:#fff;border-radius:8px;border:1px solid #d9d9d9;display:flex;padding:10px 6px 10px 12px;justify-content:space-between}.studio-member-tile .studio-member-image{width:42px;height:42px;border-radius:4px;object-fit:cover}.studio-member-tile .studio-member-info{display:flex;flex-direction:column;justify-content:space-around;overflow:hidden;margin:0 8px;flex-grow:1;min-width:0}.studio-member-tile .studio-member-name{color:#855cd6;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-member-tile .studio-member-role{color:#575e75;font-weight:400;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-member-tile .studio-member-tile-menu-wide{white-space:nowrap;padding-right:2rem !important}.studio-members+.studio-members{margin-top:40px}.studio-adder-section{margin-top:20px}.studio-adder-section h3{color:#855cd6}.studio-adder-section .studio-adder-row{display:flex;flex-wrap:wrap-reverse}.studio-adder-section .studio-adder-row .studio-adder-error{position:relative}.studio-adder-section .studio-adder-row .studio-adder-error .validation-message{transform:none;width:200px}@media only screen and (max-width : 941px){.studio-adder-section .studio-adder-row .studio-adder-error{width:100%;margin-top:.5rem}.studio-adder-section .studio-adder-row .studio-adder-error .validation-message{max-width:100%;width:100%;box-sizing:border-box}}.studio-adder-section .studio-adder-row input{flex-grow:1;display:inline-block;border:1px solid #d9d9d9;border-radius:.5rem;padding:1em 1.25em;font-size:.8rem;margin-inline-end:6px}.studio-adder-section .studio-adder-row button{flex-grow:0;margin:0}.studio-adder-section .studio-adder-row .studio-adder-vertical-divider{margin:0 6px;border:1px solid #d9d9d9;align-self:stretch}.studio-activity .studio-messages-list{border:1px solid #d9d9d9;border-bottom-width:0;border-radius:5px;background-color:#fff;padding-left:0px}.studio-activity .studio-activity-icon{opacity:1}.studio-activity .social-message-date{white-space:nowrap}.studio-activity .flex-row.mod-social-message{flex-wrap:nowrap}.studio-header-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:10px}.studio-header-container h2{font-size:28px}.studio-comment-placholder-img{width:100%}.studio-managers-header{justify-content:flex-start}.studio-compose-container{padding-top:8px}.studio-compose-container .comments-root-reply{margin-top:20px}.studio-compose-container .load-more-button{width:100%}.studio-comments-not-allowed{display:flex;width:100%;background:rgba(76,151,255,.15);height:80px;border:1px solid rgba(76,151,255,.15);border-radius:8px;justify-content:center;align-items:center;margin-bottom:28px}.studio-empty{grid-column:1/-1;text-align:center}.studio-empty .studio-empty-img{margin-top:45px;margin-bottom:25px}.studio-empty .studio-empty-msg{font-size:20px;line-height:30px;font-style:italic}.studio-invitation{margin-top:1rem;padding:1rem;box-sizing:border-box;min-height:85px}@media only screen and (max-width : 941px){.studio-invitation{flex-direction:column}.studio-invitation .studio-invitation-msg{margin-top:.5rem;margin-bottom:1rem}}.studio-info-box{display:flex;justify-content:space-between;align-items:center;border-radius:4px;background:rgba(77,151,255,.1);border:1px solid rgba(77,151,255,.25)}.studio-info-box.studio-info-box-success{background:#cef2e8;border:1px solid rgba(15,189,140,.5)}.studio-info-box.studio-info-box-error{background:#fff0df;border:1px solid #ff8c1a}.studio-info-box .studio-info-close-button{position:unset}.studio-thumb-edit-button{color:#855cd6;font-size:1rem;font-weight:bold;height:40px;display:flex;align-items:center}.studio-thumb-edit-img{padding-right:10px}.studio-admin-panel{margin-top:51px;border:0;padding:.5rem;overflow:hidden}.studio-admin-panel.admin-panel-open{padding:0;width:250px}.admin-iframe{position:absolute;top:0;left:0;z-index:100;margin:0;border:0;width:250px;height:100%}.mod-fetching{position:relative;min-height:30px;border-radius:8px;background:#a0c6fc !important;color:#a0c6fc !important;border:none !important;margin:0 !important;padding:0 !important}.mod-fetching::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#a0c6fc;border-radius:8px}.mod-mutating{cursor:wait !important;opacity:.5}.mod-clickable{cursor:pointer}.mod-form-error{border-color:#ffab1a !important}.studio-curator-mute-box{margin:20px 0}59.admin-panel{position:fixed;top:0;left:0;z-index:99;border:1px solid #f2f2f2;box-shadow:0 2px 5px rgba(0,0,0,.25);background-color:#f2f2f2;padding:1rem;width:230px;height:100%;overflow:scroll;text-shadow:none}.admin-panel.hidden{width:10px}.admin-panel .toggle{float:right;cursor:pointer}.admin-panel .button-row{display:flex;font-size:small;align-items:center;justify-content:space-between}.admin-panel .button-row .button{padding:.5rem 1rem}.admin-panel .button-row .button.inprogress{background-color:#b3b3b3;color:#575e75}60 </style>61 <!-- Google Tag Manager -->62 <!-- End Google Tag Manager -->63 <meta charset="utf-8">64 <meta content="ie=edge" http-equiv="x-ua-compatible">65 <meta content="width=device-width, initial-scale=1" name="viewport">66 <!-- Prevent mobile Safari from making phone numbers -->67 <meta content="telephone=no" name="format-detection">68 <!-- Favicon & CSS normalize -->69 <!-- Polyfills -->70 <title>71 Add Everything Studio - Scratch Studio72 </title>73 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">74 <meta content="Add Everything Studio, a studio on Scratch" data-react-helmet="true" name="description">75 <meta content="Scratch - Add Everything Studio" data-react-helmet="true" property="og:title">76 <meta content='This is the official Add Everything Studios studio! 77 78"I find it funny that this is an AE studio" quoted by @DudmasterUltra79 80hey BROS! add cool projects!' data-react-helmet="true" property="og:description">81 </head>82 <body>83 <!-- Google Tag Manager (noscript) -->84 <noscript>85 </noscript>86 <!-- End Google Tag Manager (noscript) -->87 <noscript>88 <p>89 Your browser has Javascript disabled. Please go to your browser preferences and enable Javascript in order to use Scratch.90 </p>91 </noscript>92 <div id="app">93 <div class="page studio-page">94 <nav class="" id="navigation">95 <div class="inner">96 <ul>97 <li class="logo">98 <a aria-label="Scratch">99 </a>100 </li>101 <li class="link create">102 <a>103 <span>104 Create105 </span>106 </a>107 </li>108 <li class="link explore">109 <a>110 <span>111 Explore112 </span>113 </a>114 </li>115 <li class="link ideas">116 <a>117 <span>118 Ideas119 </span>120 </a>121 </li>122 </ul>123 </div>124 </nav>125 <main id="view">126 <div class="studio-shell">127 <div class="studio-info">128 <div class="studio-info-section">129 <div class="studio-title">130 Add Everything Studio131 </div>132 </div>133 <div class="studio-info-section">134 <img class="studio-image" src="rick.jpg">135 </div>136 <div class="studio-info-section">137 <div class="uneditable studio-description">138 This is the official Add Everything Studios studio! 139 140"I find it funny that this is an AE studio" quoted by141 <a>142 @DudmasterUltra143 </a>144 hey BROS! add cool projects!145 </div>146 </div>147 <div class="studio-info-footer">148 <div class="studio-info-footer-stats">149 <div>150 <img src="rick.jpg">151 <span>152 Updated Jun 1, 2016153 </span>154 </div>155 <div>156 <img src="rick.jpg">157 <span>158 102 followers159 </span>160 </div>161 </div>162 <div class="studio-info-footer-report">163 <div>164 </div>165 </div>166 </div>167 </div>168 <div class="studio-tabs">169 <div class="sub-nav studio-tab-nav sub-nav-align-left">170 <a aria-current="page" class="nav_link active">171 <li>172 <img src="rick.jpg">173 <span>174 Projects175 <span class="tab-count">176 (100+)177 </span>178 </span>179 </li>180 </a>181 <a class="nav_link">182 <li>183 <img src="rick.jpg">184 <span>185 Comments186 <span class="tab-count">187 (100+)188 </span>189 </span>190 </li>191 </a>192 <a class="nav_link">193 <li>194 <img src="rick.jpg">195 <span>196 Curators197 </span>198 </li>199 </a>200 <a class="nav_link">201 <li>202 <img src="rick.jpg">203 <span>204 Activity205 </span>206 </li>207 </a>208 </div>209 <div>210 <div class="studio-projects">211 <div class="studio-header-container">212 <h2>213 <span>214 Projects215 </span>216 </h2>217 </div>218 <div class="studio-projects-grid">219 <div class="studio-project-tile">220 <a>221 <img class="studio-project-image" src="rick.jpg">222 </a>223 <div class="studio-project-bottom">224 <a>225 <img class="studio-project-avatar" src="rick.jpg">226 </a>227 <div class="studio-project-info">228 <a class="studio-project-title">229 Lego Skating230 </a>231 <a class="studio-project-username">232 macncheese0233 </a>234 </div>235 </div>236 </div>237 <div class="studio-project-tile">238 <a>239 <img class="studio-project-image" src="rick.jpg">240 </a>241 <div class="studio-project-bottom">242 <a>243 <img class="studio-project-avatar" src="rick.jpg">244 </a>245 <div class="studio-project-info">246 <a class="studio-project-title">247 Pancake Flip!248 </a>249 <a class="studio-project-username">250 macncheese0251 </a>252 </div>253 </div>254 </div>255 <div class="studio-project-tile">256 <a>257 <img class="studio-project-image" src="rick.jpg">258 </a>259 <div class="studio-project-bottom">260 <a>261 <img class="studio-project-avatar" src="rick.jpg">262 </a>263 <div class="studio-project-info">264 <a class="studio-project-title">265 draggable custom block creation!! :-D266 </a>267 <a class="studio-project-username">268 macncheese0269 </a>270 </div>271 </div>272 </div>273 <div class="studio-project-tile">274 <a>275 <img class="studio-project-image" src="rick.jpg">276 </a>277 <div class="studio-project-bottom">278 <a>279 <img class="studio-project-avatar" src="rick.jpg">280 </a>281 <div class="studio-project-info">282 <a class="studio-project-title">283 Make Your Own 3D World!284 </a>285 <a class="studio-project-username">286 Awesomator8859287 </a>288 </div>289 </div>290 </div>291 <div class="studio-project-tile">292 <a>293 <img class="studio-project-image" src="rick.jpg">294 </a>295 <div class="studio-project-bottom">296 <a>297 <img class="studio-project-avatar" src="rick.jpg">298 </a>299 <div class="studio-project-info">300 <a class="studio-project-title">301 TYPE THE TEXT new 2016 project302 </a>303 <a class="studio-project-username">304 macncheese0305 </a>306 </div>307 </div>308 </div>309 <div class="studio-project-tile">310 <a>311 <img class="studio-project-image" src="rick.jpg">312 </a>313 <div class="studio-project-bottom">314 <a>315 <img class="studio-project-avatar" src="rick.jpg">316 </a>317 <div class="studio-project-info">318 <a class="studio-project-title">319 Super Mario Maker Scratch v2.1320 </a>321 <a class="studio-project-username">322 taco360323 </a>324 </div>325 </div>326 </div>327 <div class="studio-project-tile">328 <a>329 <img class="studio-project-image" src="rick.jpg">330 </a>331 <div class="studio-project-bottom">332 <a>333 <img class="studio-project-avatar" src="rick.jpg">334 </a>335 <div class="studio-project-info">336 <a class="studio-project-title">337 Light Project - The Sun338 </a>339 <a class="studio-project-username">340 HusainA17341 </a>342 </div>343 </div>344 </div>345 <div class="studio-project-tile">346 <a>347 <img class="studio-project-image" src="rick.jpg">348 </a>349 <div class="studio-project-bottom">350 <a>351 <img class="studio-project-avatar" src="rick.jpg">352 </a>353 <div class="studio-project-info">354 <a class="studio-project-title">355 Light Project - Reflection356 </a>357 <a class="studio-project-username">358 HusainA17359 </a>360 </div>361 </div>362 </div>363 <div class="studio-project-tile">364 <a>365 <img class="studio-project-image" src="rick.jpg">366 </a>367 <div class="studio-project-bottom">368 <a>369 <img class="studio-project-avatar" src="rick.jpg">370 </a>371 <div class="studio-project-info">372 <a class="studio-project-title">373 Light Project - Travel Through Glass374 </a>375 <a class="studio-project-username">376 HusainA17377 </a>378 </div>379 </div>380 </div>381 <div class="studio-project-tile">382 <a>383 <img class="studio-project-image" src="rick.jpg">384 </a>385 <div class="studio-project-bottom">386 <a>387 <img class="studio-project-avatar" src="rick.jpg">388 </a>389 <div class="studio-project-info">390 <a class="studio-project-title">391 Light Project - Light to Earth 2392 </a>393 <a class="studio-project-username">394 HusainA17395 </a>396 </div>397 </div>398 </div>399 <div class="studio-project-tile">400 <a>401 <img class="studio-project-image" src="rick.jpg">402 </a>403 <div class="studio-project-bottom">404 <a>405 <img class="studio-project-avatar" src="rick.jpg">406 </a>407 <div class="studio-project-info">408 <a class="studio-project-title">409 Light Project - Light to Earth410 </a>411 <a class="studio-project-username">412 HusainA17413 </a>414 </div>415 </div>416 </div>417 <div class="studio-project-tile">418 <a>419 <img class="studio-project-image" src="rick.jpg">420 </a>421 <div class="studio-project-bottom">422 <a>423 <img class="studio-project-avatar" src="rick.jpg">424 </a>425 <div class="studio-project-info">426 <a class="studio-project-title">427 Light Project - Photosynthesis428 </a>429 <a class="studio-project-username">430 HusainA17431 </a>432 </div>433 </div>434 </div>435 <div class="studio-project-tile">436 <a>437 <img class="studio-project-image" src="rick.jpg">438 </a>439 <div class="studio-project-bottom">440 <a>441 <img class="studio-project-avatar" src="rick.jpg">442 </a>443 <div class="studio-project-info">444 <a class="studio-project-title">445 Godzilla: Open World446 </a>447 <a class="studio-project-username">448 Dreamcast449 </a>450 </div>451 </div>452 </div>453 <div class="studio-project-tile">454 <a>455 <img class="studio-project-image" src="rick.jpg">456 </a>457 <div class="studio-project-bottom">458 <a>459 <img class="studio-project-avatar" src="rick.jpg">460 </a>461 <div class="studio-project-info">462 <a class="studio-project-title">463 ☁Circle in Scratch464 </a>465 <a class="studio-project-username">466 DudmasterUltra467 </a>468 </div>469 </div>470 </div>471 <div class="studio-project-tile">472 <a>473 <img class="studio-project-image" src="rick.jpg">474 </a>475 <div class="studio-project-bottom">476 <a>477 <img class="studio-project-avatar" src="rick.jpg">478 </a>479 <div class="studio-project-info">480 <a class="studio-project-title">481 Save the city!482 </a>483 <a class="studio-project-username">484 macncheese0485 </a>486 </div>487 </div>488 </div>489 <div class="studio-project-tile">490 <a>491 <img class="studio-project-image" src="rick.jpg">492 </a>493 <div class="studio-project-bottom">494 <a>495 <img class="studio-project-avatar" src="rick.jpg">496 </a>497 <div class="studio-project-info">498 <a class="studio-project-title">499 christmas "zoom" scroller demo500 </a>501 <a class="studio-project-username">502 macncheese0503 </a>504 </div>505 </div>506 </div>507 <div class="studio-project-tile">508 <a>509 <img class="studio-project-image" src="rick.jpg">510 </a>511 <div class="studio-project-bottom">512 <a>513 <img class="studio-project-avatar" src="rick.jpg">514 </a>515 <div class="studio-project-info">516 <a class="studio-project-title">517 Slime Survival (revamped)518 </a>519 <a class="studio-project-username">520 Thetekkiters8521 </a>522 </div>523 </div>524 </div>525 <div class="studio-project-tile">526 <a>527 <img class="studio-project-image" src="rick.jpg">528 </a>529 <div class="studio-project-bottom">530 <a>531 <img class="studio-project-avatar" src="rick.jpg">532 </a>533 <div class="studio-project-info">534 <a class="studio-project-title">535 Music Vids: #1 TURN DOWN FO WAHT536 </a>537 <a class="studio-project-username">538 Madpiggy123539 </a>540 </div>541 </div>542 </div>543 <div class="studio-project-tile">544 <a>545 <img class="studio-project-image" src="rick.jpg">546 </a>547 <div class="studio-project-bottom">548 <a>549 <img class="studio-project-avatar" src="rick.jpg">550 </a>551 <div class="studio-project-info">552 <a class="studio-project-title">553 Bullies (please read notes)->>>554 </a>555 <a class="studio-project-username">556 marscapone557 </a>558 </div>559 </div>560 </div>561 <div class="studio-project-tile">562 <a>563 <img class="studio-project-image" src="rick.jpg">564 </a>565 <div class="studio-project-bottom">566 <a>567 <img class="studio-project-avatar" src="rick.jpg">568 </a>569 <div class="studio-project-info">570 <a class="studio-project-title">571 Snape vs. Bieber572 </a>573 <a class="studio-project-username">574 Dreamcast575 </a>576 </div>577 </div>578 </div>579 <div class="studio-project-tile">580 <a>581 <img class="studio-project-image" src="rick.jpg">582 </a>583 <div class="studio-project-bottom">584 <a>585 <img class="studio-project-avatar" src="rick.jpg">586 </a>587 <div class="studio-project-info">588 <a class="studio-project-title">589 kelth Rpg Demo590 </a>591 <a class="studio-project-username">592 GoldSamurai593 </a>594 </div>595 </div>596 </div>597 <div class="studio-project-tile">598 <a>599 <img class="studio-project-image" src="rick.jpg">600 </a>601 <div class="studio-project-bottom">602 <a>603 <img class="studio-project-avatar" src="rick.jpg">604 </a>605 <div class="studio-project-info">606 <a class="studio-project-title">607 Dreamcast Advent Calendar 2014608 </a>609 <a class="studio-project-username">610 Dreamcast611 </a>612 </div>613 </div>614 </div>615 <div class="studio-project-tile">616 <a>617 <img class="studio-project-image" src="rick.jpg">618 </a>619 <div class="studio-project-bottom">620 <a>621 <img class="studio-project-avatar" src="rick.jpg">622 </a>623 <div class="studio-project-info">624 <a class="studio-project-title">625 Scratch Jetpack Joyride626 </a>627 <a class="studio-project-username">628 mightyguy11629 </a>630 </div>631 </div>632 </div>633 <div class="studio-project-tile">634 <a>635 <img class="studio-project-image" src="rick.jpg">636 </a>637 <div class="studio-project-bottom">638 <a>639 <img class="studio-project-avatar" src="rick.jpg">640 </a>641 <div class="studio-project-info">642 <a class="studio-project-title">643 The adventures of Charles the squirrel!644 </a>645 <a class="studio-project-username">646 FertileMoss18647 </a>648 </div>649 </div>650 </div>651 <div class="studio-grid-load-more">652 <button class="button">653 <span>654 Load More655 </span>656 </button>657 </div>658 </div>659 </div>660 </div>661 </div>662 </div>663 </main>664 <footer id="footer">665 <div class="inner">666 <div class="lists">667 <dl>668 <dt>669 <span>670 About671 </span>672 </dt>673 <dd>674 <a>675 <span>676 About Scratch677 </span>678 </a>679 </dd>680 <dd>681 <a>682 <span>683 For Parents684 </span>685 </a>686 </dd>687 <dd>688 <a>689 <span>690 For Educators691 </span>692 </a>693 </dd>694 <dd>695 <a>696 <span>697 For Developers698 </span>699 </a>700 </dd>701 <dd>702 <a>703 <span>704 Our Team705 </span>706 </a>707 </dd>708 <dd>709 <a>710 <span>711 Donors712 </span>713 </a>714 </dd>715 <dd>716 <a>717 <span>718 Jobs719 </span>720 </a>721 </dd>722 <dd>723 <a>724 <span>725 Donate726 </span>727 </a>728 </dd>729 </dl>730 <dl>731 <dt>732 <span>733 Community734 </span>735 </dt>736 <dd>737 <a>738 <span>739 Community Guidelines740 </span>741 </a>742 </dd>743 <dd>744 <a>745 <span>746 Discussion Forums747 </span>748 </a>749 </dd>750 <dd>751 <a>752 <span>753 Scratch Wiki754 </span>755 </a>756 </dd>757 <dd>758 <a>759 <span>760 Statistics761 </span>762 </a>763 </dd>764 </dl>765 <dl>766 <dt>767 <span>768 Resources769 </span>770 </dt>771 <dd>772 <a>773 <span>774 Ideas775 </span>776 </a>777 </dd>778 <dd>779 <a>780 <span>781 FAQ782 </span>783 </a>784 </dd>785 <dd>786 <a>787 <span>788 Download789 </span>790 </a>791 </dd>792 <dd>793 <a>794 <span>795 Contact Us796 </span>797 </a>798 </dd>799 </dl>800 <dl>801 <dt>802 <span>803 Legal804 </span>805 </dt>806 <dd>807 <a>808 <span>809 Terms of Use810 </span>811 </a>812 </dd>813 <dd>814 <a>815 <span>816 Privacy Policy817 </span>818 </a>819 </dd>820 <dd>821 <a>822 <span>823 Cookies824 </span>825 </a>826 </dd>827 <dd>828 <a>829 <span>830 DMCA831 </span>832 </a>833 </dd>834 </dl>835 <dl>836 <dt>837 <span>838 Scratch Family839 </span>840 </dt>841 <dd>842 <a>843 <span>844 ScratchEd845 </span>846 </a>847 </dd>848 <dd>849 <a>850 <span>851 ScratchJr852 </span>853 </a>854 </dd>855 <dd>856 <a>857 Scratch Day858 </a>859 </dd>860 <dd>861 <a>862 <span>863 Scratch Conference864 </span>865 </a>866 </dd>867 <dd>868 <a>869 <span>870 Scratch Foundation871 </span>872 </a>873 </dd>874 <dd>875 <a>876 <span>877 Scratch Store878 </span>879 </a>880 </dd>881 </dl>882 </div>883 <form class="language-chooser" novalidate>884 <div class="select">885 <div class="form-group row">886 <label class="control-label col-sm-3" data-required="true" for="frc-language-1088">887 <span class="required-symbol">888 *889 </span>890 </label>891 <div class="col-sm-9">892 <select aria-label="Select Language" class="form-control" id="frc-language-1088" name="language" required>893 <option value="ab">894 Аҧсшәа895 </option>896 <option value="af">897 Afrikaans898 </option>899 <option value="ar">900 العربية901 </option>902 <option value="am">903 አማርኛ904 </option>905 <option value="an">906 Aragonés907 </option>908 <option value="ast">909 Asturianu910 </option>911 <option value="az">912 Azeri913 </option>914 <option value="id">915 Bahasa Indonesia916 </option>917 <option value="bn">918 বাংলা919 </option>920 <option value="be">921 Беларуская922 </option>923 <option value="bg">924 Български925 </option>926 <option value="ca">927 Català928 </option>929 <option value="cs">930 Česky931 </option>932 <option value="cy">933 Cymraeg934 </option>935 <option value="da">936 Dansk937 </option>938 <option value="de">939 Deutsch940 </option>941 <option value="et">942 Eesti943 </option>944 <option value="el">945 Ελληνικά946 </option>947 <option value="en">948 English949 </option>950 <option value="es">951 Español (España)952 </option>953 <option value="es-419">954 Español Latinoamericano955 </option>956 <option value="eo">957 Esperanto958 </option>959 <option value="eu">960 Euskara961 </option>962 <option value="fa">963 فارسی964 </option>965 <option value="fil">966 Filipino967 </option>968 <option value="fr">969 Français970 </option>971 <option value="fy">972 Frysk973 </option>974 <option value="ga">975 Gaeilge976 </option>977 <option value="gd">978 Gàidhlig979 </option>980 <option value="gl">981 Galego982 </option>983 <option value="ko">984 한국어985 </option>986 <option value="ha">987 Hausa988 </option>989 <option value="hy">990 Հայերեն991 </option>992 <option value="he">993 עִבְרִית994 </option>995 <option value="hi">996 हिंदी997 </option>998 <option value="hr">999 Hrvatski1000 </option>1001 <option value="xh">1002 isiXhosa1003 </option>1004 <option value="zu">1005 isiZulu1006 </option>1007 <option value="is">1008 Íslenska1009 </option>1010 <option value="it">1011 Italiano1012 </option>1013 <option value="ka">1014 ქართული ენა1015 </option>1016 <option value="kk">1017 қазақша1018 </option>1019 <option value="qu">1020 Kichwa1021 </option>1022 <option value="sw">1023 Kiswahili1024 </option>1025 <option value="ht">1026 Kreyòl ayisyen1027 </option>1028 <option value="ku">1029 Kurdî1030 </option>1031 <option value="ckb">1032 کوردیی ناوەندی1033 </option>1034 <option value="lv">1035 Latviešu1036 </option>1037 <option value="lt">1038 Lietuvių1039 </option>1040 <option value="hu">1041 Magyar1042 </option>1043 <option value="mi">1044 Māori1045 </option>1046 <option value="mn">1047 Монгол хэл1048 </option>1049 <option value="nl">1050 Nederlands1051 </option>1052 <option value="ja">1053 日本語1054 </option>1055 <option value="ja-Hira">1056 にほんご1057 </option>1058 <option value="nb">1059 Norsk Bokmål1060 </option>1061 <option value="nn">1062 Norsk Nynorsk1063 </option>1064 <option value="oc">1065 Occitan1066 </option>1067 <option value="or">1068 ଓଡ଼ିଆ1069 </option>1070 <option value="uz">1071 Oʻzbekcha1072 </option>1073 <option value="th">1074 ไทย1075 </option>1076 <option value="km">1077 ភាសាខ្មែរ1078 </option>1079 <option value="pl">1080 Polski1081 </option>1082 <option value="pt">1083 Português1084 </option>1085 <option value="pt-br">1086 Português Brasileiro1087 </option>1088 <option value="rap">1089 Rapa Nui1090 </option>1091 <option value="ro">1092 Română1093 </option>1094 <option value="ru">1095 Русский1096 </option>1097 <option value="nso">1098 Sepedi1099 </option>1100 <option value="tn">1101 Setswana1102 </option>1103 <option value="sk">1104 Slovenčina1105 </option>1106 <option value="sl">1107 Slovenščina1108 </option>1109 <option value="sr">1110 Српски1111 </option>1112 <option value="fi">1113 Suomi1114 </option>1115 <option value="sv">1116 Svenska1117 </option>1118 <option value="vi">1119 Tiếng Việt1120 </option>1121 <option value="tr">1122 Türkçe1123 </option>1124 <option value="uk">1125 Українська1126 </option>1127 <option value="zh-cn">1128 简体中文1129 </option>1130 <option value="zh-tw">1131 繁體中文1132 </option>1133 </select>1134 </div>1135 </div>1136 </div>1137 </form>1138 </div>1139 </footer>1140 </div>1141 </div>1142 <!-- Vendor & Initialize (Session & Localization)-->1143 <!-- Scripts -->1144 <div class="ReactModalPortal">1145 </div>1146 <!-- Translate title element -->1147 </body>1148</html>1149