*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{height:100%;-webkit-overflow-scrolling:touch}.preload *{-webkit-transition:none !important;transition:none !important}img,a img{outline:0;border:0}.page-wrap{position:relative;padding:20px 20px 50px 20px}img{max-width:100%;height:auto}#react-search-and-user-menu{min-height:75px}@media (max-width: 830px){#react-search-and-user-menu{min-height:52px;width:calc(100% - 86px)}}body:not(.sidebar-false){background:#131418}@media (min-width: 831px){body:not(.sidebar-false){height:auto;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;display:grid;grid-template-columns:188px 1fr;grid-template-columns:188px minmax(0, 1fr)}}@media (min-width: 831px){.main-sidebar{-webkit-box-flex:0;-webkit-flex:0 0 188px;-ms-flex:0 0 188px;flex:0 0 188px;grid-column:1;grid-row:1;background:#1e1f26;-webkit-box-shadow:2px 0 5px rgba(0,0,0,0.2);box-shadow:2px 0 5px rgba(0,0,0,0.2);padding:0 0 5rem;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:11;-webkit-transition:grid-template-columns 0.3s ease;transition:grid-template-columns 0.3s ease;transition:grid-template-columns 0.3s ease, -ms-grid-columns 0.3s ease}}body:not(.sidebar-false).sidebar-collapsed{grid-template-columns:10px minmax(0, 1fr)}.collapsed-opener{position:fixed;top:0;left:0;bottom:0;min-height:100vh;width:12px;cursor:pointer;opacity:0.25;-webkit-transition:0.3s;transition:0.3s;-webkit-transform:translateX(-12px);transform:translateX(-12px)}.collapsed-opener::before{content:'';display:block;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;padding-bottom:20px;background:repeating-linear-gradient(45deg, #868ca0, #868ca0 2px, #5a5f73 2px, #5a5f73 4px)}@media (max-width: 830px){.collapsed-opener{display:none}}.sidebar-collapsed .main-sidebar:hover .collapsed-opener{-webkit-transform:translateX(0);transform:translateX(0);opacity:0.4;-webkit-animation:collapsed-opener-slide 0.6s linear infinite;animation:collapsed-opener-slide 0.6s linear infinite}@-webkit-keyframes collapsed-opener-slide{to{-webkit-transform:translateX(0) translateY(-17px);transform:translateX(0) translateY(-17px)}}@keyframes collapsed-opener-slide{to{-webkit-transform:translateX(0) translateY(-17px);transform:translateX(0) translateY(-17px)}}.mega-header{position:relative;border-bottom:1px solid black;-webkit-box-shadow:0 2px 15px black;box-shadow:0 2px 15px black;background:#000 url(https://static.codepen.io/assets/global/texture-codepen-2-d817063398aa9a2b534f3834f8533e2bae759c25933b86cdd149d9f0cc38563d.png);background-position:0 -5px;padding:50px 20px 50px 20px;margin:0 0 20px 0}.mega-header.center h1,.mega-header.center p{padding-right:0;max-width:100%}.mega-header.mega-header-only{padding-bottom:0}.mega-header h1{font-size:4rem;padding:0 25% 0 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.mega-header .mega-header-subhead{display:block;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;color:#717790}.mega-header .mega-header-subdescription{max-width:800px;margin:auto;letter-spacing:0.1px;line-height:26px}.mega-header p{color:#9ca0b1;font-size:1.2rem;padding-right:200px}.mega-header p,.mega-header blockquote,.mega-header ol,.mega-header ul{max-width:1000px}.mega-header .actions-meta{position:absolute;top:0;right:20px;text-align:right}@media (max-width: 550px){.mega-header .actions-meta{position:static;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left}.mega-header .actions-meta .post-meta-line-hearter{display:none}.mega-header .actions-meta .meta-line br{display:none}}.mega-header .meta-line{margin:0 0 10px 0}.mega-header .date-block{padding:4px 8px;color:black;font-weight:bold}@media (max-width: 850px){.mega-header{padding-left:20px;padding-right:20px}}@media (max-width: 550px){.mega-header{background:black;padding:20px 10px 10px 10px !important}.mega-header h1{font-size:2.5rem;margin:0 0 0.5rem 0;padding-right:0}.mega-header p{padding-right:0}.mega-header time,.mega-header button,.mega-header a{margin-right:5px}}@media (max-width: 550px){.bonus-text{display:none}}.more-link{text-transform:uppercase;letter-spacing:3px;font-size:0.9rem;font-weight:bold;-webkit-transition:0.2s;transition:0.2s}.more-link svg{width:16px;height:16px;fill:white;position:relative;top:3px;padding:2px;-webkit-transition:0.2s;transition:0.2s}.more-link:hover svg,.more-link:focus svg{fill:#b8bbc8;-webkit-transform:scale(1.1);transform:scale(1.1)}.more-link.more-link-pens:hover,.more-link.more-link-pens:focus{color:#8ee0ff}.more-link.more-link-pens svg{fill:#0ebeff}.more-link.more-link-projects:hover,.more-link.more-link-projects:focus{color:#ffeb8d}.more-link.more-link-projects svg{fill:#ffdd40}.more-link.more-link-posts:hover,.more-link.more-link-posts:focus{color:#84dfa1}.more-link.more-link-posts svg{fill:#47cf73}.more-link.more-link-collections:hover,.more-link.more-link-collections:focus{color:#d0a4ef}.more-link.more-link-collections svg{fill:#ae63e4}.title-header{position:relative;margin:30px 0 25px 0}.title-header .more-link{position:absolute;right:0;bottom:10px}.posts-title-header{border-bottom:4px solid #47cf73}.pens-title-header{border-bottom:4px solid #0ebeff}.collections-title-header{border-bottom:4px solid #ae63e4}.projects-title-header{border-bottom:4px solid #ffdd40}.header-help{position:absolute;right:0;bottom:7px}.header-help svg{fill:#b8bbc8;width:13px;height:13px}.header-help:hover svg,.header-help:focus svg{fill:white}.little-big-header{font-size:4.5rem;margin:0;color:white}@media (max-width: 550px){.little-big-header{font-size:2.8rem}}.grid-size-toggle{position:absolute;right:0;bottom:10px}@media (max-width: 550px){.grid-size-toggle .button,.grid-size-toggle .file-upload-button{padding:4px 4px 4px 2px}.grid-size-toggle .button svg,.grid-size-toggle .file-upload-button svg{display:none}.grid-size-toggle #button-12-up::before{content:'12'}.grid-size-toggle #button-6-up::before{content:'6'}}.sidebar-false .main-header{background:#1e1f26}.sidebar-false .main-header:not(.mobile-editor-header){height:65px}.sidebar-false .main-header .header-router-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5);box-shadow:0 2px 5px rgba(0,0,0,0.5);position:relative;z-index:11;height:65px}.sidebar-false .main-header .navigation-wrap{padding-right:0.75rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.sidebar-false .main-header .pin-dropdown-alone-button{padding:0.625rem 0.25rem 0.75rem 0.625rem;margin-right:0.75rem}.sidebar-false .main-header .pin-dropdown-alone-button .icon-icon-pin{margin-right:0.25rem}.sidebar-false .main-header .pin-dropdown-alone-button .icon-arrow-down-mini{width:10px;height:8px;margin-bottom:3px}.recent-activity-widget{margin-top:1rem}.recent-activity-widget a{color:#0ebeff;font-weight:bold}.recent-activity-widget a:hover,.recent-activity-widget a:focus{color:#76daff}.recent-activity-widget ol{list-style:none}.recent-activity-widget li{margin:0 0 20px 0;font-size:0.9em;clear:both;overflow:hidden;position:relative}.recent-activity-widget .activity-avatar{width:10%;height:auto;float:left}.recent-activity-widget .activity-avatar img{width:100%;display:block}.recent-activity-widget .activity-date,.recent-activity-widget .activity-sentence{float:right;width:90%;margin:0}.recent-activity-widget .activity-sentence{margin:0 0 3px 0}.recent-activity-widget svg{position:absolute;top:3px;left:0;fill:#aaaebc;width:20px;height:20px}.site-footer{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;height:40px;line-height:1;position:fixed;width:100%;bottom:0;left:0;padding:0 5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;white-space:nowrap;color:#9ca0b1;background:#2d303a;border-top:1px solid #444857;z-index:10;font-size:1rem}.site-footer a{color:#cccedb}.site-footer a:hover,.site-footer a:focus{color:white}.footer-left{height:100%;padding:9px 0;z-index:1;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.footer-left>.button,.footer-left>.file-upload-button{margin-right:8px}.footer-left .bsa-footer{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;text-align:center;font-size:0.9rem}.footer-left .bsa-footer a::before{content:'Ad';display:inline-block;background:#47cf73;color:white;border-radius:3px;padding:2px 5px;margin-right:5px}@media (max-width: 610px){.footer-right{position:relative;padding-left:5px}}@media (max-width: 610px){.editor-footer .footer-right{position:absolute;padding-left:0}}.footer-right .pick-iframe{display:inline-block;width:100px;height:20px;background:none;vertical-align:top}.footer-right>a{display:inline-block;position:relative}.footer-right>.button,.footer-right>.file-upload-button{margin-left:7px}.footer-icon svg{width:15px;height:15px;fill:white;display:inline-block;vertical-align:middle;top:-1px;position:relative}.footer-badge .badge{position:relative;top:-1px}.footer-badge:hover .badge,.footer-badge:focus .badge{background:white}.footer-icon-editor svg{width:16px !important;height:16px !important;fill:#5a5f73}.footer-icon-editor:hover svg,.footer-icon-editor:active svg{fill:#9ca0b1}.layout-change-links{display:inline-block}body.layout-left .layout-change-links #left-layout svg,body.layout-top .layout-change-links #top-layout svg,body.layout-right .layout-change-links #right-layout svg{fill:#b8bbc8}.footer-word-links{display:inline-block}.footer-word-links a{margin-left:4px}.collections-select{width:120px;display:inline-block;background:url(https://static.codepen.io/assets/buttons/arrow-tiny-down-white-cd748d5e97310942356ea8298bca9b344350441cffed1a653c89551258a76b3a.png) 93% 7px no-repeat,#5a5f73 !important;color:white;-webkit-transform:none !important;transform:none !important;text-align:left !important;-webkit-appearance:none;-moz-appearance:none;border:0;text-indent:0.01px;padding-bottom:0;border-radius:3px;line-height:1.5}.collections-select option{background:white;color:black}.editor-toggle-buttons>.button,.editor-toggle-buttons>.file-upload-button{background:#1e1e1e}.editor-toggle-buttons>.button.active,.editor-toggle-buttons>.active.file-upload-button{color:white;font-weight:700 !important;background:#1e1e1e}.editor-toggle-buttons>.button:not(:first-child),.editor-toggle-buttons>.file-upload-button:not(:first-child){border-left:1px solid #5a5f73}.editor-layout-buttons{display:inline-block;position:relative;top:1px}.footer-professor .layout-change-links{position:relative}body.student .footer-professor .layout-change-links::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.student-count{color:white;margin:0 5px}.footer-collab .student-count{background:#717790}.pres-footer .mini-logo{vertical-align:middle;margin-right:5px}.preview-size-buttons{margin:0 !important}.footer-icon-editor{margin-left:5px}.promo-footer{margin-top:auto;clear:both;background:#0a0a0c;padding:40px 0;font-size:0.9rem}.promo-footer p{color:#9ca0b1}@media (max-width: 1100px){.promo-footer .flex-grid-quarters{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.promo-footer .footer-chunk{width:auto;-webkit-box-flex:1;-webkit-flex:1 1 48%;-ms-flex:1 1 48%;flex:1 1 48%;max-width:35em;margin:0 auto !important;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.promo-footer .footer-chunk-store,.promo-footer .footer-chunk-jobs{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}}@media (max-width: 550px){.promo-footer{padding:20px 0}.promo-footer .flex-grid-quarters{display:block}.promo-footer .footer-chunk:not(:last-child){margin-bottom:40px}.promo-footer .width-wrapper{padding:0 20px}}.footer-chunk{padding:20px;background-color:#010101}.footer-chunk-jobs>ul li{margin:0 0 5px 0}.footer-chunk-jobs>ul li a{color:#9ca0b1;display:block}.footer-chunk-jobs>ul li a:hover,.footer-chunk-jobs>ul li a:focus{color:white}.link-footer{background:#010101;padding:40px 0;position:relative}.link-footer nav{margin:0 0 8px 0}.link-footer strong{color:white;margin-right:20px}.link-footer a{color:#9ca0b1;margin-right:10px}.link-footer .copyright{position:absolute;right:20px;top:0;text-align:right;font-size:0.8rem;color:#9ca0b1}.link-footer .copyright p{margin:0}.link-footer .copyright .logo{margin:0;height:1em}.link-footer .copyright .logo .large-screen-logo{margin:0;height:1em;padding:0}.link-footer .copyright .logo .large-screen-logo .icon-logo{fill:none;stroke:white;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;height:100%;width:150px}.link-footer .copyright .logo .small-screen-logo{display:none}@media (max-width: 830px){.link-footer{font-size:115%}.link-footer .link-footer-links{margin:0 0 40px 0}.link-footer .link-footer-links a,.link-footer .link-footer-links strong{display:block;padding:5px}.link-footer .link-footer-codepen-links{float:left;width:33%}.link-footer .link-footer-community-links{float:left;width:33%}.link-footer .link-footer-social-links{float:left;width:33%}.link-footer.four-link-sections .link-footer-codepen-links{float:left;width:50%}.link-footer.four-link-sections .link-footer-community-links{float:right;width:50%}.link-footer.four-link-sections .link-footer-social-links{clear:both;float:left;width:50%}.link-footer.four-link-sections .link-footer-profile-links{float:right;width:50%}.link-footer .copyright{margin-top:40px;text-align:left;position:static;clear:both;font-size:0.9rem}.link-footer .copyright .logo{height:33px}.link-footer .copyright .logo a{width:145px;height:27px}}@font-face{font-family:'Telefon Black';src:url(https://static.codepen.io/assets/telefon/black/3f32b1c9-8e26-465e-ae02-ff82a378b670-3-78992f1ed89d5cadb09702e6a0d5bbb0302e85c728c1f8d18fdc8aa56870104c.woff) format("woff"),url(https://static.codepen.io/assets/telefon/black/3f32b1c9-8e26-465e-ae02-ff82a378b670-3-6435f1279663bb84d4a1d8effe0adafbf8499ff6efdd01a59be848c90d8c4c0b.woff2) format("woff2")}@font-face{font-family:'Telefon';src:url(https://static.codepen.io/assets/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3-b7a87e0fbd213943fae0c0ef5985635dd43fa9c24876b2725127a13ccaf4ab6a.woff) format("woff"),url(https://static.codepen.io/assets/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3-446e9e68a40500d1b24a18331c6d6a78226d276079dcdc2ad9e80a48bdcfd948.woff2) format("woff2")}html{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;line-height:1.5;font-size:15px;font-weight:400}@media (max-width: 830px){html{font-size:14px}}@media (max-width: 550px){html{font-size:13px}}body{color:white}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 10px 0;font-weight:normal}h2,h3,h4,h5,h6{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif}h1,.h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Telefon Black', Sans-Serif;line-height:1.1;font-size:3rem}@media (max-width: 550px){h1,.h1{font-size:2.2rem}}h2,.h2{font-family:'Telefon', Sans-Serif;font-size:1.8rem}h3,.h3,dt{font-size:1.4rem;font-weight:bold}h4,.h4{font-size:1.2rem;font-weight:bold;text-transform:uppercase}h5,.h5{font-weight:bold;text-transform:uppercase}h6{font-weight:bold}.block-title{text-align:center;padding:1em 0}.superhead{text-transform:uppercase;font-size:1rem;font-weight:bold;letter-spacing:3px}.content-author{padding:15px 0}.content-author time{white-space:nowrap}.content-author .author-link{color:#2d303a;border-bottom:1px solid rgba(0,0,0,0.5)}.content-author .mini-button,.content-author .file-upload-button{margin-left:4px}.mega-header .content-author{color:#9ca0b1}.mega-header .content-author .author-link{color:white;border-color:rgba(255,255,255,0.5)}@media (max-width: 550px){.mega-header .content-author{margin:0 0 20px 0}}p,pre,blockquote{margin:0 0 1em 0}p:empty,pre:empty,blockquote:empty{display:none}a{text-decoration:none;color:#76daff}a:hover,a:focus,a:active{cursor:pointer;color:white}time{color:#b8bbc8;text-transform:uppercase;letter-spacing:0.5px;font-size:80%}blockquote{padding:0.5rem 1rem;border-left:2px solid #76daff;background:rgba(0,0,0,0.25)}blockquote p:last-child{margin:0}.text ul,.text ol{margin:0 0 1.5rem 0;padding:0 0 0 1.5rem}.text ul li,.text ol li{margin:0 0 0.5rem 0}.text table{border-collapse:collapse;margin:0 0 1rem 0}.text table th,.text table td{padding:3px 8px;border:1px solid #717790}.text>p:last-child{margin-bottom:0}aside p,aside address{color:#aaaebc;font-style:normal}.meta-overlay pre{font-family:'Source Code Pro', Menlo, Consolas, Monaco, monospace;font-size:0.9rem}.pen-description p code,.pen-description li code{color:#aaaebc}.pen-description a code{color:#76daff}.pen-description a:hover code{color:white}.meta-overlay code,.comment-text code,.pen-description code{font-family:'Source Code Pro', Menlo, Consolas, Monaco, monospace;font-size:85%;text-transform:none}.meta-overlay p code,.meta-overlay li code,.comment-text p code,.comment-text li code,.pen-description p code,.pen-description li code{margin:0 2px}.comment-text p code,.pen-description p code{padding:2px 5px;border-radius:2px;background:rgba(0,0,0,0.2)}.pen-description pre,.post-body pre,.comment-text pre{color:white;padding:0;margin:0 0 1rem 0;font-family:'Source Code Pro', Menlo, Consolas, Monaco, monospace;font-size:85%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-ms-word-break:normal;word-break:normal;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;position:relative}.pen-description pre[class*='lang-'],.post-body pre[class*='lang-'],.comment-text pre[class*='lang-']{margin-top:2.2rem}@media (max-width: 550px){.pen-description pre[class*='lang-'],.post-body pre[class*='lang-'],.comment-text pre[class*='lang-']{margin-top:2.5rem}}.pen-description pre.has-code,.post-body pre.has-code,.comment-text pre.has-code{white-space:normal}.pen-description pre>code,.post-body pre>code,.comment-text pre>code{font-family:'Source Code Pro', Menlo, Consolas, Monaco, monospace;font-size:inherit;background:none;padding:15px;white-space:pre;display:block;overflow-x:auto}.pen-description pre>code::-webkit-scrollbar,.post-body pre>code::-webkit-scrollbar,.comment-text pre>code::-webkit-scrollbar{width:0.5rem;height:0.5rem}.pen-description pre>code::-webkit-scrollbar-thumb,.post-body pre>code::-webkit-scrollbar-thumb,.comment-text pre>code::-webkit-scrollbar-thumb{background:#717790}.pen-description pre>code::-webkit-scrollbar-track,.post-body pre>code::-webkit-scrollbar-track,.comment-text pre>code::-webkit-scrollbar-track{background:none}body .pen-description pre>code,body .post-body pre>code,body .comment-text pre>code{scrollbar-face-color:#717790;scrollbar-track-color:none}.pen-description pre[class]::before,.post-body pre[class]::before,.comment-text pre[class]::before{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;display:block;background:#2d303a;border-bottom:1px solid #5a5f73;color:#9ca0b1;padding:5px;font-size:75%;line-height:1}.pen-description pre.lang-xml::before,.post-body pre.lang-xml::before,.comment-text pre.lang-xml::before{content:'HTML'}.pen-description pre.lang-html::before,.post-body pre.lang-html::before,.comment-text pre.lang-html::before{content:'HTML'}.pen-description pre.lang-haml::before,.post-body pre.lang-haml::before,.comment-text pre.lang-haml::before{content:'Haml'}.pen-description pre.lang-markdown::before,.post-body pre.lang-markdown::before,.comment-text pre.lang-markdown::before{content:'Markdown'}.pen-description pre.lang-application\/x-slim::before,.post-body pre.lang-application\/x-slim::before,.comment-text pre.lang-application\/x-slim::before{content:'Slim'}.pen-description pre.lang-pug::before,.post-body pre.lang-pug::before,.comment-text pre.lang-pug::before{content:'Pug'}.pen-description pre.lang-css::before,.post-body pre.lang-css::before,.comment-text pre.lang-css::before{content:'CSS'}.pen-description pre.lang-text\/x-scss::before,.post-body pre.lang-text\/x-scss::before,.comment-text pre.lang-text\/x-scss::before{content:'SCSS'}.pen-description pre.lang-text\/x-sass::before,.post-body pre.lang-text\/x-sass::before,.comment-text pre.lang-text\/x-sass::before{content:'Sass'}.pen-description pre.lang-text\/x-less::before,.post-body pre.lang-text\/x-less::before,.comment-text pre.lang-text\/x-less::before{content:'Less'}.pen-description pre.lang-text\/x-styl::before,.post-body pre.lang-text\/x-styl::before,.comment-text pre.lang-text\/x-styl::before{content:'Stylus'}.pen-description pre.lang-text\/x-postcss::before,.post-body pre.lang-text\/x-postcss::before,.comment-text pre.lang-text\/x-postcss::before{content:'PostCSS'}.pen-description pre.lang-javascript::before,.post-body pre.lang-javascript::before,.comment-text pre.lang-javascript::before{content:'JavaScript'}.pen-description pre.lang-livescript::before,.post-body pre.lang-livescript::before,.comment-text pre.lang-livescript::before{content:'LiveScript'}.pen-description pre.lang-text\/typescript::before,.post-body pre.lang-text\/typescript::before,.comment-text pre.lang-text\/typescript::before{content:'TypeScript'}.pen-description pre.lang-coffeescript::before,.post-body pre.lang-coffeescript::before,.comment-text pre.lang-coffeescript::before{content:'CoffeeScript'}.pen-description pre.lang-ruby::before,.post-body pre.lang-ruby::before,.comment-text pre.lang-ruby::before{content:'Ruby'}.pen-description pre.lang-shell::before,.post-body pre.lang-shell::before,.comment-text pre.lang-shell::before{content:'Shell'}.pen-description pre.lang-application\/x-httpd-php::before,.post-body pre.lang-application\/x-httpd-php::before,.comment-text pre.lang-application\/x-httpd-php::before{content:'PHP'}.pen-description pre.lang-sql::before,.post-body pre.lang-sql::before,.comment-text pre.lang-sql::before{content:'SQL'}.pen-description pre:not([class]),.post-body pre:not([class]),.comment-text pre:not([class]){background:#444857;overflow:auto;padding:1rem}.pen-description pre:not([class])>code,.post-body pre:not([class])>code,.comment-text pre:not([class])>code{display:inline;padding:0}input[type='name'],input[type='text'],input[type='email'],input[type='password'],input[type='search'],input[type='url'],input[type='tel'],input[type='number'],textarea{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;font-size:13px;-webkit-appearance:none;padding:4px 5px 4px 5px;outline:0;background:#d5d7de;border:3px solid #d5d7de;border-radius:3px}input[type='name']:focus,input[type='text']:focus,input[type='email']:focus,input[type='password']:focus,input[type='search']:focus,input[type='url']:focus,input[type='tel']:focus,input[type='number']:focus,textarea:focus{border-color:#717790;background:#fff}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}label[for],input[type='checkbox'],input[type='radio']{cursor:pointer}fieldset{border:1px solid #717790;padding:10px;margin:0 0 010px 0}legend{padding:0 10px}form.form-on-white{background:white}form.form-on-white label{color:#2d303a}textarea.is-code{font-family:Monaco, Courier, MonoSpace}label.small{display:block;font-size:0.8em;margin:0 0 2px 0}label.small-inline{font-size:0.8em;display:inline-block !important;margin-right:3px}.mega-fullwidth.mega-fullwidth{width:100%;margin:10px 0;font-size:1.5em;padding:0.5em}.form-like-form>div{clear:both;margin:0 0 10px 0}@media (max-width: 550px){.form-like-form>div{margin:0 0 20px 0}}.form-like-form label{display:block;width:35%;float:left;text-align:right;padding:9px 10px 0 0;color:#c7c9d3;text-transform:uppercase;letter-spacing:0.5px}@media (max-width: 830px){.form-like-form label{text-align:left}}@media (max-width: 550px){.form-like-form label{float:none;width:100%}}.form-like-form input[type='name'],.form-like-form input[type='tel'],.form-like-form input[type='text'],.form-like-form input[type='email'],.form-like-form input[type='password'],.form-like-form input[type='url'],.form-like-form textarea{padding:10px;width:64%}@media (max-width: 550px){.form-like-form input[type='name'],.form-like-form input[type='tel'],.form-like-form input[type='text'],.form-like-form input[type='email'],.form-like-form input[type='password'],.form-like-form input[type='url'],.form-like-form textarea{width:100%;margin:2px 0 0 0}}.form-like-form input[type='checkbox'],.form-like-form select{position:relative;top:3px}.form-like-form select{width:25%}@media (max-width: 550px){.form-like-form select{width:100%}}.form-like-form textarea{height:100px;display:block}.form-like-form .hint{color:#9ca0b1;font-size:0.85em;padding:5px 0 0 35%}.form-like-form .hint strong{color:white}@media (max-width: 550px){.form-like-form .hint{padding-left:0}}.form-like-form .end-form-buttons{padding-top:10px}.form-like-form-halfs label{width:50%}.form-like-form-halfs select{width:50%}.top-label-form label{font-weight:normal;display:block;margin:0 0 3px 0;text-transform:uppercase;letter-spacing:0.5px}.top-label-form input[type='name'],.top-label-form input[type='tel'],.top-label-form input[type='text'],.top-label-form input[type='email'],.top-label-form input[type='password'],.top-label-form input[type='url'],.top-label-form textarea{padding:10px;width:100%}.top-label-form>div{margin:0 0 10px 0}.top-label-form select{background:#c7c9d3}.normal-labels label{text-transform:none;letter-spacing:0}.row-of-radio label{display:inline}.selected{color:#76daff}.body-login h1 strong{color:#76daff}#sent-message{display:none}#sent-message p{color:#47cf73}.error{clear:both}.explore-tabs .error{background:none;color:#ff3c41 !important;font-weight:bold;border:0;padding:3px 8px 5px 8px}.error input[type='name'],.error input[type='tel'],.error input[type='text'],.error input[type='email'],.error input[type='password'],.error input[type='url'],.error textarea{border-color:#ff3c41;border-bottom-right-radius:0;border-bottom-left-radius:0}.error-message{background:#ff3c41;color:#c7c9d3;padding:5px 10px;margin-left:35%;width:64%;border-bottom-right-radius:2px;border-bottom-left-radius:2px}#login-error .error-message{padding-top:0}.top-label-form .error-message,.field-half .error-message{margin-left:0;width:100%}#pro-other{clear:both;margin:20px 0}#pro-other .error-message{padding-top:0}.ios-toggle-wrap{position:relative;text-align:center;padding:1rem;background:rgba(255,255,255,0.1)}.ios-toggle-wrap .badge{top:-1px;margin-left:4px}.ios-toggle-mega-label-wrap{display:inline-block;position:relative}.ios-toggle-mega-label{position:absolute;position:absolute;top:0;left:0;width:100%;height:100%}.ios-toggle>input:checked+label::before,.ios-toggle>input:active+label::before{width:60%;left:20%;top:30%;height:40%;opacity:0}.ios-toggle{position:relative;display:inline-block;width:3.4em;height:2em;border-radius:2em;background:#b8bbc8;vertical-align:middle;margin:0 5px}.ios-toggle>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;width:100% !important;height:100%;position:absolute !important}.ios-toggle>input:checked+label{background:#ff3c41}.ios-toggle>input:checked+label::after{right:0;left:1.4em}.ios-toggle>input:active+label::after{right:1em;left:0}.ios-toggle>input:active:checked+label::after{right:0;left:1em}.ios-toggle>label{display:block !important;width:100% !important;height:100%;border-radius:2em;-webkit-transition:background 0.125s;transition:background 0.125s}.ios-toggle>label::before,.ios-toggle>label::after{position:absolute;content:'';top:0;left:0;height:2em;border-radius:inherit;-webkit-transition:all 0.2s;transition:all 0.2s}.ios-toggle>label::before{background:#47cf73;width:100%}.ios-toggle>label::after{background:#fff;-webkit-transform:scale(1.1);transform:scale(1.1);right:1.4em;-webkit-box-shadow:0 0.25em rgba(0,0,0,0.05),inset 0 -2em 2em -2em rgba(0,0,0,0.1);box-shadow:0 0.25em rgba(0,0,0,0.05),inset 0 -2em 2em -2em rgba(0,0,0,0.1)}.ios-toggle.ios-toggle-ambiguous>input:checked+label{background:#9ca0b1}.ios-toggle.ios-toggle-ambiguous>label::before{background:#9ca0b1}.ios-toggle.ios-toggle-reverse>input:checked+label{background:#bada55}.ios-toggle.ios-toggle-reverse>label::before{background:#ff3c41}.ios-toggle.ios-toggle-big{-webkit-transform:scale(1.5);transform:scale(1.5)}.password-protect-toggle-wrap{background:#482020;text-align:left;padding-left:1rem}#item-details-password-value{width:auto;padding:4px 6px;margin-left:4px}.no-password-error-message{font-size:0.8rem;margin-top:1rem}.normal-labels label{font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}.checkbox-row{position:relative;margin:0 0 5px 0}.checkbox-row.public-private-checkbox-row{margin-bottom:0}.select{position:relative;display:inline-block;color:#5a5f73}.select.select-small{vertical-align:top}.select.select-small select{background:black;vertical-align:middle;color:white;border:0;padding:4px 20px 4px 10px;font-size:0.7rem;border-radius:3px}.Firefox .select.select-small select{background:white;color:black;padding:2px 20px 2px 10px}.select.select-small::after{right:5px;top:14px}.select select{display:inline-block;margin:0;padding:10px 20px 10px 10px;border:3px solid #b8bbc8;border-radius:2px;cursor:pointer;outline:0;-webkit-transition:border-color 0.2s;transition:border-color 0.2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.select::after{position:absolute;top:50%;right:1.25rem;display:inline-block;content:'';width:0;height:0;margin-top:-0.15rem;pointer-events:none;border-top:0.35rem solid;border-right:0.35rem solid transparent;border-bottom:0.35rem solid transparent;border-left:0.35rem solid transparent}.select select:focus{border-color:#5a5f73}.select select::-ms-expand{display:none}@-moz-document url-prefix(){.select select{text-indent:0.01px;text-overflow:'';padding-right:1rem}.select option{background-color:white}}.file-upload-input{position:relative;display:inline-block;cursor:pointer;text-align:left;margin:0 5px}.file-upload-input.button,.file-upload-input.file-upload-button{font-weight:bold;border:2px solid #929292;padding:0.25em 0.5em;font-size:0.8em;border-radius:2px}.file-upload-input input{margin:0;opacity:0;position:absolute}.file-custom{position:relative;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.file-custom:hover::after{color:#a2a2a2}.file-custom::after{content:'choose';color:#929292}.file-custom[data-text]::after{content:attr(data-text)}.resource-search-bar{border-radius:6px;position:relative;background:#e3e4e9;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 !important}.resource-search-bar:focus-within{border-color:#5a5f73}.resource-search-bar .icon-mag{width:18px;height:18px;fill:#535557;margin-left:0.75rem}.resource-search-bar input[type='text']{width:100%;border:0;color:#444857;font-size:1rem;background:none;padding:1rem}.resource-search-bar>input[type='text']{width:auto}.resource-search-bar .clock-spinner{margin-right:1rem}.resource-search-bar .recent-searches{font-size:0.9rem;background:#b8bbc8;width:100%;padding:0.1rem 0.5rem 0.05rem;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden}.resource-search-bar .recent-searches:empty{display:none}.resource-search-bar .recent-searches strong{color:#9397a5;font-size:0.8rem;vertical-align:top;display:inline-block;margin-top:2px;letter-spacing:0.4px}.resource-search-bar .recent-searches span{cursor:pointer;margin-left:3px;display:inline-block;background:#444857;padding:0 6px;border-radius:3px;color:#c7c9d3;margin-bottom:2px;margin-top:2px;font-size:0.8rem}.resource-search-bar .recent-searches span:hover{background:#1e1f26}.range{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.range label{width:100%}.range input{width:calc(100% - 40px)}.range .team-count-value{display:inline-block;width:40px;font-size:17px;font-weight:bold;text-align:center;vertical-align:top;color:#444857;line-height:32px}.signup-form .range.team-count,.pricing-table .range.team-count{border:3px solid #aaaebc;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0.25rem 0.5rem;max-width:225px}.signup-form .range .team-count-decrease,.signup-form .range .team-count-increase,.pricing-table .range .team-count-decrease,.pricing-table .range .team-count-increase{border:none;color:transparent;position:relative;cursor:pointer}.signup-form .range .team-count-decrease:before,.signup-form .range .team-count-increase:before,.pricing-table .range .team-count-decrease:before,.pricing-table .range .team-count-increase:before{position:absolute;background:black;content:'';top:5px;width:16px;height:4px}.signup-form .range .team-count-decrease:focus,.signup-form .range .team-count-increase:focus,.pricing-table .range .team-count-decrease:focus,.pricing-table .range .team-count-increase:focus{outline:none}.signup-form .range .team-count-decrease:focus:before,.signup-form .range .team-count-decrease:focus:after,.signup-form .range .team-count-increase:focus:before,.signup-form .range .team-count-increase:focus:after,.pricing-table .range .team-count-decrease:focus:before,.pricing-table .range .team-count-decrease:focus:after,.pricing-table .range .team-count-increase:focus:before,.pricing-table .range .team-count-increase:focus:after{background:#0ebeff}.signup-form .range .team-count-decrease:before,.pricing-table .range .team-count-decrease:before{left:1rem}.signup-form .range .team-count-increase:before,.pricing-table .range .team-count-increase:before{right:1rem}.signup-form .range .team-count-increase:after,.pricing-table .range .team-count-increase:after{position:absolute;background:black;content:'';top:-1px;right:1.4rem;width:4px;height:16px}.last{margin-right:0 !important}.center{text-align:center}.flex-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.align-right{text-align:right}.align-left{text-align:left}.rotate-cc90{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.rotate-c90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.full-width,.fullwidth{width:100%}.screen-reader-text{position:absolute;top:-9999px;left:-9999px}.mobile-break{display:none}@media (max-width: 550px){.mobile-break{display:block}}textarea:focus,textarea:active{outline:0}.clear{clear:both}.hide{display:none !important}@media (max-width: 550px){.hide-on-mobile{display:none !important}}.visually-hidden{position:absolute !important;top:-9999px;left:-9999px}.show{display:block !important}.show-inline-block{display:inline-block !important}.group::before,.group::after{content:'';display:table}.group::after{clear:both}.context{position:relative}.wrap-text{-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.flip{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nofloat{float:none !important}[disabled],.disabled,.faded{opacity:0.5 !important;cursor:default !important;pointer-events:none}.disabled-cover::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255,255,255,0.1) 8px, rgba(255,255,255,0.1) 10px)}.disabled-feature-prompt{-webkit-transition:opacity 300ms ease;transition:opacity 300ms ease;text-align:center;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.75);top:0;line-height:64px;white-space:nowrap;z-index:10;opacity:0}.disabled-feature-prompt:hover{opacity:1}.icon-heart{fill:white}.loves .icon-heart{color:#999999;fill:#999999 !important;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.loved-1 .icon-heart{color:#f19994;fill:#f19994 !important;-webkit-transform:scale(1.15) translateY(0.25px);transform:scale(1.15) translateY(0.25px)}.loved-2 .icon-heart{color:#ff8484;fill:#ff8484 !important;-webkit-transform:scale(1.25) translateY(0.5px);transform:scale(1.25) translateY(0.5px)}.loved-3 .icon-heart{color:#ff3c41;fill:#ff3c41 !important;-webkit-transform:scale(1.35) translateY(1px);transform:scale(1.35) translateY(1px)}.inline-q{text-align:center;font-size:9px;width:12px;display:inline-block;height:12px;line-height:12px;border-radius:15px;background:white;color:black !important;position:relative;bottom:1px;text-decoration:none !important;opacity:0.5}.inline-q:hover,.inline-q:focus{opacity:1;color:black}.inline-q-reverse{background:black;color:white !important}.or{text-align:center;margin:5px 0;font-style:italic}.warning-icon-bar,.bonus-icon-bar{margin:0 0 10px 0}.warning-icon-bar span,.bonus-icon-bar span{display:inline-block;font-size:2rem;color:white;background:#ff3c41;border-radius:50%;width:3rem;height:3rem;line-height:3rem;font-weight:800;text-align:center}.warning-icon-bar span.inline-warning,.bonus-icon-bar span.inline-warning{display:inline-block;width:1rem;height:1rem;line-height:1rem;font-size:0.8rem}.bonus-icon-bar span{font-family:sans-serif;width:4rem;height:4rem;line-height:3.9rem;background:#47cf73}.inline-error{color:white !important;background-image:-webkit-gradient(linear, left top, left bottom, from(#ff3c41), to(#a00808));background-image:linear-gradient(to bottom, #ff3c41, #a00808);padding:2px 5px;border-radius:3px;font-weight:bold}span.inline-error{margin:0 1px}hr,.sep{height:0;border:0;border-top:1px solid #2d303a;margin:30px 0 40px 0}.sep{text-align:center}.sep span{background:black;display:inline-block;padding:0 20px;position:relative;top:-0.85em}.subtle-sep{height:1px;position:relative;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0,0,0,0.75)), to(transparent));background:linear-gradient(to right, transparent, rgba(0,0,0,0.75), transparent);margin:15px 0 40px 0}.subtle-sep::after{content:'';position:absolute;top:1px;left:0;width:100%;height:5px;background:radial-gradient(ellipse at top center, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 78%)}.svg-hidden-container{position:absolute;top:-9999px;left:-9999px}.admin-pick,.admin-pick-collection,.force-default-ff{font-family:sans-serif}.teamcolor{color:#47cf73}.personalcolor{color:#47cf73}.user-avatar{border-radius:4px}.admin-copy-score{margin-right:5px}.inline-code{display:inline;background:#c7c9d3;padding:3px}.unsupported-browser-message{padding:1rem;background:#ffdd40;color:black;display:none}.unsupported-browser-message a{color:#0ebeff;border-bottom:1px solid #0ebeff}.unsupported-browser-message a:hover,.unsupported-browser-message a:focus{color:#74daff;border-bottom-color:#74daff}html.ie8 .unsupported-browser-message,html.ie9 .unsupported-browser-message,html.ie10 .unsupported-browser-message,html.ie11 .unsupported-browser-message{display:block}button{font-family:inherit}.button,.file-upload-button,.gsc-cursor-page{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;-webkit-appearance:none;font-size:1rem;text-shadow:none;line-height:1.2;display:inline-block;padding:10px 16px;margin:0 10px 0 0;position:relative;border-radius:4px;border:3px solid transparent;background:#444857;color:white;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;text-align:center;font-weight:normal !important}.button::-moz-focus-inner,.file-upload-button::-moz-focus-inner,.gsc-cursor-page::-moz-focus-inner{border:0;padding:0}.button:active,.file-upload-button:active,.gsc-cursor-page:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.button a,.file-upload-button a,.gsc-cursor-page a{color:inherit}.button>svg,.file-upload-button>svg,.button>span>svg,.file-upload-button>span>svg,.gsc-cursor-page>svg,.gsc-cursor-page>span>svg{width:16px;height:16px;display:inline-block;pointer-events:none;vertical-align:bottom;fill:white}.button>svg.icon-heart,.file-upload-button>svg.icon-heart,.button>span>svg.icon-heart,.file-upload-button>span>svg.icon-heart,.gsc-cursor-page>svg.icon-heart,.gsc-cursor-page>span>svg.icon-heart{width:18px}.button.green,.green.file-upload-button,.gsc-cursor-page.green{background:#47cf73;color:#000}.button.green:hover,.green.file-upload-button:hover,.button.green:focus,.green.file-upload-button:focus,.button.green.button-focus:focus,.green.button-focus.file-upload-button:focus,.gsc-cursor-page.green:hover,.gsc-cursor-page.green:focus,.gsc-cursor-page.green.button-focus:focus{background:#2fb45a}.button.green.button-focus:focus,.green.button-focus.file-upload-button:focus,.gsc-cursor-page.green.button-focus:focus{-webkit-box-shadow:0 0 0 2px #248c46;box-shadow:0 0 0 2px #248c46}.button.faded-green,.faded-green.file-upload-button,.gsc-cursor-page.faded-green{background:#248c46;color:#000}.button.faded-green:hover,.faded-green.file-upload-button:hover,.button.faded-green:focus,.faded-green.file-upload-button:focus,.button.faded-green.button-focus:focus,.faded-green.button-focus.file-upload-button:focus,.gsc-cursor-page.faded-green:hover,.gsc-cursor-page.faded-green:focus,.gsc-cursor-page.faded-green.button-focus:focus{background:#1a6332}.button.faded-green.button-focus:focus,.faded-green.button-focus.file-upload-button:focus,.gsc-cursor-page.faded-green.button-focus:focus{-webkit-box-shadow:0 0 0 2px #0f3b1d;box-shadow:0 0 0 2px #0f3b1d}.button.red,.red.file-upload-button,.gsc-cursor-page.red{background:#ff3c41;color:#fff}.button.red:hover,.red.file-upload-button:hover,.button.red:focus,.red.file-upload-button:focus,.button.red.button-focus:focus,.red.button-focus.file-upload-button:focus,.gsc-cursor-page.red:hover,.gsc-cursor-page.red:focus,.gsc-cursor-page.red.button-focus:focus{background:#ff090f}.button.red.button-focus:focus,.red.button-focus.file-upload-button:focus,.gsc-cursor-page.red.button-focus:focus{-webkit-box-shadow:0 0 0 2px #d50005;box-shadow:0 0 0 2px #d50005}.button.purple,.purple.file-upload-button,.gsc-cursor-page.purple{background:#ae63e4;color:#000}.button.purple:hover,.purple.file-upload-button:hover,.button.purple:focus,.purple.file-upload-button:focus,.button.purple.button-focus:focus,.purple.button-focus.file-upload-button:focus,.gsc-cursor-page.purple:hover,.gsc-cursor-page.purple:focus,.gsc-cursor-page.purple.button-focus:focus{background:#9738dc}.button.purple.button-focus:focus,.purple.button-focus.file-upload-button:focus,.gsc-cursor-page.purple.button-focus:focus{-webkit-box-shadow:0 0 0 2px #7d21c0;box-shadow:0 0 0 2px #7d21c0}.button.yellow,.yellow.file-upload-button,.gsc-cursor-page.yellow{background:#ffdd40;color:#000}.button.yellow:hover,.yellow.file-upload-button:hover,.button.yellow:focus,.yellow.file-upload-button:focus,.button.yellow.button-focus:focus,.yellow.button-focus.file-upload-button:focus,.gsc-cursor-page.yellow:hover,.gsc-cursor-page.yellow:focus,.gsc-cursor-page.yellow.button-focus:focus{background:#ffd40d}.button.yellow.button-focus:focus,.yellow.button-focus.file-upload-button:focus,.gsc-cursor-page.yellow.button-focus:focus{-webkit-box-shadow:0 0 0 2px #d9b200;box-shadow:0 0 0 2px #d9b200}.button.yellow-dark,.yellow-dark.file-upload-button,.gsc-cursor-page.yellow-dark{background:#d9b200;color:#000}.button.yellow-dark:hover,.yellow-dark.file-upload-button:hover,.button.yellow-dark:focus,.yellow-dark.file-upload-button:focus,.button.yellow-dark.button-focus:focus,.yellow-dark.button-focus.file-upload-button:focus,.gsc-cursor-page.yellow-dark:hover,.gsc-cursor-page.yellow-dark:focus,.gsc-cursor-page.yellow-dark.button-focus:focus{background:#a68800}.button.yellow-dark.button-focus:focus,.yellow-dark.button-focus.file-upload-button:focus,.gsc-cursor-page.yellow-dark.button-focus:focus{-webkit-box-shadow:0 0 0 2px #735e00;box-shadow:0 0 0 2px #735e00}.button.blue,.blue.file-upload-button,.gsc-cursor-page.blue{background:#0ebeff;color:#000}.button.blue:hover,.blue.file-upload-button:hover,.button.blue:focus,.blue.file-upload-button:focus,.button.blue.button-focus:focus,.blue.button-focus.file-upload-button:focus,.gsc-cursor-page.blue:hover,.gsc-cursor-page.blue:focus,.gsc-cursor-page.blue.button-focus:focus{background:#009fda}.button.blue.button-focus:focus,.blue.button-focus.file-upload-button:focus,.gsc-cursor-page.blue.button-focus:focus{-webkit-box-shadow:0 0 0 2px #007aa7;box-shadow:0 0 0 2px #007aa7}.button.black,.black.file-upload-button,.gsc-cursor-page.black{background:#2d303a;color:#fff}.button.black:hover,.black.file-upload-button:hover,.button.black:focus,.black.file-upload-button:focus,.button.black.button-focus:focus,.black.button-focus.file-upload-button:focus,.gsc-cursor-page.black:hover,.gsc-cursor-page.black:focus,.gsc-cursor-page.black.button-focus:focus{background:#17181d}.button.black.button-focus:focus,.black.button-focus.file-upload-button:focus,.gsc-cursor-page.black.button-focus:focus{-webkit-box-shadow:0 0 0 2px #010101;box-shadow:0 0 0 2px #010101}.button.green-blue,.green-blue.file-upload-button,.gsc-cursor-page.green-blue{background:#47cf73;background:linear-gradient(45deg, #00d36a 0%, #00c1ff 100%);color:black;border:none}.button.green-blue:hover,.green-blue.file-upload-button:hover,.button.green-blue:focus,.green-blue.file-upload-button:focus,.button.green-blue.button-focus:focus,.green-blue.button-focus.file-upload-button:focus,.gsc-cursor-page.green-blue:hover,.gsc-cursor-page.green-blue:focus,.gsc-cursor-page.green-blue.button-focus:focus{background:#47cf73}.button.green-blue.button-focus:focus,.green-blue.button-focus.file-upload-button:focus,.gsc-cursor-page.green-blue.button-focus:focus{-webkit-box-shadow:0 0 0 2px #248c46;box-shadow:0 0 0 2px #248c46}.button.roll-red:not([disabled]):hover,.roll-red.file-upload-button:not([disabled]):hover,.button.roll-red:not([disabled]):focus,.roll-red.file-upload-button:not([disabled]):focus,.gsc-cursor-page.roll-red:not([disabled]):hover,.gsc-cursor-page.roll-red:not([disabled]):focus{background:#ff3c41}.button.roll-green:not([disabled]):hover,.roll-green.file-upload-button:not([disabled]):hover,.button.roll-green:not([disabled]):focus,.roll-green.file-upload-button:not([disabled]):focus,.gsc-cursor-page.roll-green:not([disabled]):hover,.gsc-cursor-page.roll-green:not([disabled]):focus{background:#47cf73}.button.roll-yellow:not([disabled]):hover,.roll-yellow.file-upload-button:not([disabled]):hover,.button.roll-yellow:not([disabled]):focus,.roll-yellow.file-upload-button:not([disabled]):focus,.gsc-cursor-page.roll-yellow:not([disabled]):hover,.gsc-cursor-page.roll-yellow:not([disabled]):focus{background:#ffdd40;color:black !important}.button.big,.big.file-upload-button,.gsc-cursor-page.big{font-size:1.375em}.button.bold,.bold.file-upload-button,.gsc-cursor-page.bold{font-weight:700 !important}.button-outline{background:none;border:3px solid #aaaebc;min-width:40px}.button-outline:hover,.button-outline:focus{background:white;border-color:white;color:black}.button-light{background:#aaaebc;color:#1e1f26 !important}.button-light:hover{background:#717790;color:white !important}.button-light.active:not([disabled]){background:#717790;color:white !important}.button-medium,.button-small{background:#444857;color:white}.button-medium.button-focus:focus,.button-small.button-focus:focus{background:#5a5f73;-webkit-box-shadow:0 0 0 2px #444857;box-shadow:0 0 0 2px #444857}.button-medium:hover,.button-small:hover{background:#5a5f73}.button-medium.active:not([disabled]),.button-small.active:not([disabled]){background:white;color:#2d303a !important}.button-medium.active:not([disabled]) svg,.button-small.active:not([disabled]) svg{fill:#2d303a}.button-dark{background:#1e1f26}.button-dark:hover,.button-dark:focus{background:#292b34}.button-dark.active:not([disabled]){background:white;color:#2d303a !important}.button-dark.active:not([disabled]):not(.loved):not(.all-three) svg{fill:#2d303a}button.invisible-button{border:0;background:none}button.looks-like-link{border:0;background:none;font-family:inherit;font-size:inherit;color:#76daff}.button-no-right-margin,.button:only-child,.file-upload-button:only-child{margin-right:0}.pagination-button{background:none;border:3px solid #aaaebc;min-width:40px}.pagination-button:hover,.pagination-button:focus{background:white;border-color:white;color:black}.pagination-button .icon-arrow-right-mini,.pagination-button .icon-arrow-left-mini{width:14px;height:14px;position:relative;top:-1px}.pagination-button .icon-arrow-right-mini{margin-left:4px}.pagination-button .icon-arrow-left-mini{margin-right:4px}.pagination-button:hover .icon-arrow-right-mini,.pagination-button:hover .icon-arrow-left-mini,.pagination-button:focus .icon-arrow-right-mini,.pagination-button:focus .icon-arrow-left-mini{fill:black}.button-fullwidth{display:block;width:100%;text-align:center;margin:10px 0}.button-right-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.button-right-label .label{padding-right:4px}.button-right-label .right-label{border-left:1px solid rgba(255,255,255,0.2);margin-left:auto;padding-left:5px;color:#868ca0;font-size:0.8em;width:17px;text-align:center}.mini-button,.file-upload-button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;font-size:0.8rem;padding:2px 7px;margin:0 1px 0 0;border-width:1px;border-radius:2px}.mini-button>svg,.file-upload-button>svg{width:10px;height:10px;vertical-align:middle;position:relative;top:-1px}.mini-button>svg:not(:only-child),.file-upload-button>svg:not(:only-child){margin-right:2px}.file-upload-button{width:80px}.file-upload-button::-webkit-file-upload-button{visibility:hidden}.file-upload-button::before{content:'Select File(s)';white-space:nowrap;-webkit-user-select:none;cursor:pointer}#heart-this.loved{color:#d95151 !important}#heart-this .icon{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;color:#9ca0b1}.save-template{width:100%}.dropdown-divider{display:inline-block;height:100%;margin-left:10px;padding-left:5px;padding-right:5px}.dropdown-divider::before{content:'';position:absolute;left:0;width:2px;margin-left:-4px;top:10%;height:80%;background:rgba(255,255,255,0.1)}body:not(#mobile-editor-body).show-run-button .top-button{padding:12px 14px}.sharing-button .icon{top:3px}.big-button{font-size:2em;padding:12px 40px;-webkit-box-shadow:0 0 15px 1px #d9b200;box-shadow:0 0 15px 1px #d9b200}.big-button:focus,.big-button:hover{-webkit-box-shadow:0 0 30px 1px #d9b200;box-shadow:0 0 30px 1px #d9b200}.button-small{padding:6px 11px;font-size:0.96rem}.button-tiny{padding:0 5px;font-size:0.9rem;line-height:1}.social-account-button{padding-left:60px;text-align:left}.social-account-button svg{width:26px;height:26px;fill:#fff;position:absolute;left:14px;top:6px}.social-account-button.social-account-button-warning:hover:not([disabled]),.social-account-button.social-account-button-warning:focus:not([disabled]){background:#a00808;color:white !important}.social-account-button.social-account-button-warning:hover:not([disabled]) svg,.social-account-button.social-account-button-warning:focus:not([disabled]) svg{fill:white}.social-account-button.smaller{white-space:normal;padding:5px 8px 5px 40px;overflow:hidden;background-size:30px;background-position:4px 12px}.social-account-button.smaller svg{width:20px;height:20px;left:8px;top:50%;margin-top:-10px}.social-account-button.smaller:hover:not([disabled]),.social-account-button.smaller:focus:not([disabled]){background-size:30px;background-position:4px -39px}.github-button{background:#868ca0;color:white}.github-button::before{top:1px;left:-2px;font-weight:normal}.github-button:hover:not([disabled]),.github-button:focus:not([disabled]){color:black !important;background:#c7c9d3;text-shadow:none}.github-button:hover:not([disabled]) svg,.github-button:focus:not([disabled]) svg{fill:#2d303a}.twitter-button{background:#60b5f0;color:white}.twitter-button:hover:not([disabled]),.twitter-button:focus:not([disabled]){background:#e6e2e4;color:black !important;text-shadow:none}.twitter-button:hover:not([disabled]) svg,.twitter-button:focus:not([disabled]) svg{fill:#60b5f0}.facebook-button{background:#4464a2;color:white}.facebook-button:hover:not([disabled]),.facebook-button:focus:not([disabled]){background:#e6e2e4;color:black !important;text-shadow:none}.facebook-button:hover:not([disabled]) svg,.facebook-button:focus:not([disabled]) svg{fill:#4464a2}select.button,select.file-upload-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:1px;text-overflow:''}.action-button{position:relative}.action-button[data-loading]{cursor:default}.action-button .spinner{position:absolute;width:26px;height:26px;background-size:26px;top:50%;margin-top:-13px;opacity:0;background-image:url(data:image/gif;base64,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)}.action-button,.action-button .spinner,.action-button .label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) padding,0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) right;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) padding,0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) right}.action-button.expand-right .spinner{right:15px}.action-button.expand-right.in-action{padding-right:56px}.action-button.expand-right.in-action .spinner{opacity:1}.multi-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:10px;border-radius:4px}.multi-button>.button,.multi-button>.file-upload-button{margin:0;float:left;border-radius:0}.multi-button>.button:first-child,.multi-button>.file-upload-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.multi-button>.button:last-child,.multi-button>.file-upload-button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.mini-multi-button{overflow:visible;margin:0 10px}.mini-multi-button>.button,.mini-multi-button>.file-upload-button{min-width:50px;text-align:center;margin-left:-1px}.mini-multi-button>.button:first-child,.mini-multi-button>.file-upload-button:first-child{border-radius:3px 0 0 3px}.mini-multi-button>.button:last-child,.mini-multi-button>.file-upload-button:last-child{border-radius:0 3px 3px 0}.multi-button-outline .button:first-child,.multi-button-outline .file-upload-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.multi-button-outline .button:last-child,.multi-button-outline .file-upload-button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.multi-button-outline .button:not(:last-child),.multi-button-outline .file-upload-button:not(:last-child){border-right:0}.multi-button-outline .button:not(:first-child),.multi-button-outline .file-upload-button:not(:first-child){border-left:0}.multi-button-pin .button.pin-dropdown-button,.multi-button-pin .pin-dropdown-button.file-upload-button{background:#444857;padding:10px 0 10px 5px;position:relative}.multi-button-pin .button.pin-dropdown-button svg,.multi-button-pin .pin-dropdown-button.file-upload-button svg{margin-right:2px;width:12px}.multi-button-pin .button.pin-dropdown-button[aria-expanded='true'],.multi-button-pin .pin-dropdown-button[aria-expanded='true'].file-upload-button{background:white}.multi-button-pin .button.pin-dropdown-button[aria-expanded='true'] svg,.multi-button-pin .pin-dropdown-button[aria-expanded='true'].file-upload-button svg{fill:#2d303a}.multi-button-pin .pin-button{padding:10px 14px}.multi-button-pin .pin-button .icon-icon-pin{width:18px;height:18px;margin-right:0}.multi-button-pin .pin-button.is-pinned svg{fill:#76daff !important}.pin-dropdown-alone-button{padding:0;margin-right:26px;display:block}.pin-dropdown-alone-button .icon-pin{width:20px;height:20px;fill:#9ca0b1;pointer-events:none}.pin-dropdown-alone-button .dropdown-arrow{width:9px;margin-left:-3px;fill:#9ca0b1}.pin-dropdown-alone-button:hover .icon-pin,.pin-dropdown-alone-button:hover .dropdown-arrow,.pin-dropdown-alone-button:focus .icon-pin,.pin-dropdown-alone-button:focus .dropdown-arrow{fill:white}.pin-dropdown-alone-button:hover .feature-callout{-webkit-animation:none;animation:none;opacity:0;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes feature-pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(249,233,162,0.8);box-shadow:0 0 0 0 rgba(249,233,162,0.8)}70%{-webkit-box-shadow:0 0 0 14px rgba(249,233,162,0);box-shadow:0 0 0 14px rgba(249,233,162,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(249,233,162,0);box-shadow:0 0 0 0 rgba(249,233,162,0)}}@keyframes feature-pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(249,233,162,0.8);box-shadow:0 0 0 0 rgba(249,233,162,0.8)}70%{-webkit-box-shadow:0 0 0 14px rgba(249,233,162,0);box-shadow:0 0 0 14px rgba(249,233,162,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(249,233,162,0);box-shadow:0 0 0 0 rgba(249,233,162,0)}}.feature-callout{font:0/0 a;width:12px;height:12px;background:#ffdd40;top:0;right:0;position:absolute;border-radius:100%;-webkit-box-shadow:0 0 0 0 rgba(255,221,64,0.4);box-shadow:0 0 0 0 rgba(255,221,64,0.4);-webkit-animation:feature-pulse 2s infinite;animation:feature-pulse 2s infinite;opacity:1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.grid-button svg{fill:white;pointer-events:none}.grid-button .grid-button-6{width:23px;height:21px}.grid-button .grid-button-12{width:21px;height:32px}.button-editor-outline:not(.loves) svg,.button-editor-solid:not(.loves) svg{margin-right:0.4rem;fill:#adafbc}.button-editor-outline:hover,.button-editor-outline:focus,.button-editor-solid:hover,.button-editor-solid:focus{background:#5a5f73}.button-editor-outline{border:3px solid #444857;background:none}.button-editor-solid{border:3px solid #444857;background:#444857}.follow-user-button{background:#fff;color:#000}.follow-user-button:hover,.follow-user-button:focus,.follow-user-button.button-focus:focus{background:#e6e6e6}.follow-user-button.button-focus:focus{-webkit-box-shadow:0 0 0 2px #cccccc;box-shadow:0 0 0 2px #cccccc}.follow-user-button svg{fill:#000}.follow-user-button .icon-x{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.follow-user-button:hover{background-color:#248c46}.follow-user-button:hover,.follow-user-button:focus,.follow-user-button:active{color:#000}.follow-user-button.following{background-color:#9ca0b1}.follow-user-button.following .icon-x{-webkit-transform:rotate(0);transform:rotate(0)}.follow-user-button.following:hover{background-color:#ff3c41}progress.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border:0;background-color:#444857}progress.progress::-webkit-progress-bar{background-color:#444857}progress.progress::-moz-progress-bar{background-color:#aaaebc}progress.progress::-webkit-progress-value{background-color:#aaaebc}progress.progress.level-1::-moz-progress-bar{background-color:#47cf73}progress.progress.level-1::-webkit-progress-value{background-color:#47cf73}progress.progress.level-2::-moz-progress-bar{background-color:#ffdd40}progress.progress.level-2::-webkit-progress-value{background-color:#ffdd40}progress.progress.level-3::-moz-progress-value{background-color:#ff3c41}progress.progress.level-3::-webkit-progress-value{background-color:#ff3c41}.loading-spinner{height:1.2em;width:1.2em;border-radius:50%;background:#717790;display:block;margin:10em auto;position:absolute;left:50%;-webkit-animation:loading-spinner 2s ease infinite;animation:loading-spinner 2s ease infinite}.loading-spinner::before,.loading-spinner::after{content:'';display:block;position:absolute;height:inherit;width:inherit;background:inherit;border-radius:inherit;-webkit-animation:loading-spinner 2s ease infinite;animation:loading-spinner 2s ease infinite}.loading-spinner::before{left:-2.3em}.loading-spinner::after{left:2.3em}@-webkit-keyframes loading-spinner{0%{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{top:-3.8em;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{top:0;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes loading-spinner{0%{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{top:-3.8em;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{top:0;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.loading-codepen-box{width:100px;height:100px;position:absolute}.loading-codepen-box div,.loading-codepen-box svg{width:inherit;height:inherit;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loading-codepen-box .animation-position-up{-webkit-animation-name:codepen-box-up;animation-name:codepen-box-up;-webkit-animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.loading-codepen-box .animation-position-down{-webkit-animation-name:codepen-box-down;animation-name:codepen-box-down;-webkit-animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}.loading-codepen-box .animation-rotation{-webkit-animation-name:codepen-box-spin;animation-name:codepen-box-spin;-webkit-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}.loading-codepen-box .animation-scale{-webkit-animation-name:codepen-box-squash;animation-name:codepen-box-squash;-webkit-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}@-webkit-keyframes codepen-box-up{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes codepen-box-up{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes codepen-box-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes codepen-box-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}@-webkit-keyframes codepen-box-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes codepen-box-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes codepen-box-squash{0%{-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}7%{-webkit-transform:scaleY(1);transform:scaleY(1)}91%{-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}}@keyframes codepen-box-squash{0%{-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}7%{-webkit-transform:scaleY(1);transform:scaleY(1)}91%{-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}}.loading-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#b8bbc8;opacity:1;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.loading-text span{display:inline-block;width:15px;white-space:nowrap;overflow:hidden;letter-spacing:1px;-webkit-animation:exposedots 20s forwards linear;animation:exposedots 20s forwards linear;vertical-align:bottom}body.prelayout .loading-text{opacity:0}#results .loading-text{position:static;-webkit-transform:none;transform:none}@-webkit-keyframes exposedots{to{width:75px}}@keyframes exposedots{to{width:75px}}.modal{position:fixed;width:600px;min-width:380px;left:50%;top:50px;margin-left:-300px;padding:20px;background:black;z-index:201}.modal p,.modal ul{color:#9ca0b1;margin:0 0 25px 0}.modal ul{margin:0 0 50px 20px}.modal .modal-buttons{margin:0}.modal p>code,.modal div>code,.modal li>code{font-family:'Source Code Pro', Menlo, Consolas, Monaco, monospace;font-size:0.8em;color:white}.modal .contact-support{vertical-align:top;font-style:italic;margin-top:-10px}.modal .button,.modal .file-upload-button{float:none}.modal.modal-warning{border:10px solid #ff3c41}.modal.modal-error,.modal.modal-upsell{border:10px solid #ffdd40}.modal.modal-good{border:10px solid #47cf73}.modal.modal-neutral{border:10px solid #5a5f73}.modal.modal-email,.modal.modal-blue{border:10px solid #76daff}.modal.modal-single-message{text-align:center;padding:45px 10px 55px}.modal.modal-single-message p{margin:0}@media (max-width: 830px){.modal{top:20px;left:10px;right:10px;width:auto;min-width:0;max-height:375px;overflow:auto;margin-left:0}}.modal .stop-confirms{margin-top:20px;margin-bottom:10px}.modal .stop-confirms input[type='checkbox']{display:inline-block;vertical-align:top;margin-right:6px;margin-top:5px}.modal-message{z-index:301}.modal-blocker{position:fixed;width:100%;height:100%;z-index:301;display:block;top:0}.upgrade-upsell-modal .close-button{margin:auto;width:100px;display:block;margin-top:1rem}@media (max-width: 600px){.modal{-webkit-box-sizing:border-box;box-sizing:border-box;width:90%;left:0;right:0;margin:auto;min-width:auto}}.modal-title{font-weight:700;font-size:32px;margin:0 0 10px 0;line-height:1.2}.bottom-left-popup{top:auto;bottom:30px;left:0;width:auto;margin-left:0;border-radius:0}.add-to-collection-popup{padding:10px;background:black}.add-to-collection-popup .chzn-drop{bottom:0;top:auto !important;padding-bottom:40px;margin-left:-10px}.add-to-collection-popup .chzn-drop li{color:#b8bbc8}.add-to-collection-popup .no-search{padding-bottom:0}.add-to-collection-popup .chzn-search{position:absolute !important;bottom:-8px;left:0;background:black;padding:10px !important}.add-to-collection-popup .chzn-search input{font-size:1.2em}.add-to-collection-popup .chzn-results{padding:10px !important;margin:0 !important;background:black}.add-to-collection-popup .chzn-results li{color:#b8bbc8 !important}.add-to-collection-popup .chzn-results li:hover,.add-to-collection-popup .chzn-results li:active{color:white !important}.add-to-collection-popup .chzn-results #collection_choice_chzn_o_1{border-bottom:1px solid #717790;margin-bottom:5px;padding-bottom:8px}.add-to-collection-popup .chzn-drop{background:black}.upload-error-file{font-weight:bold;color:#ff3c41}@media (max-width: 830px){.modal-buttons{line-height:4}}.overlay{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6)}.overlay.block{display:block}.modal-overlay,.noscript-overlay,.tour-overlay{z-index:300}.popup-overlay{z-index:200}input.modal-closing-trick{position:absolute;top:-9999px;left:-9999px}input.modal-closing-trick:checked ~ div{display:none !important}.upgrade-upsell-modal{padding:0;max-height:1005px;background:none}.upgrade-upsell-modal iframe{background:black;height:calc(100% - 80px) !important;border:10px solid black !important}.collision-modal-choices{border-collapse:collapse}.collision-modal-choices td{padding:15px 20px 15px 0;border-bottom:1px solid #9ca0b1}.collision-modal-choices tr:last-child td{border:0;padding-top:20px}#list-of-files p{margin:0 0 2px 0}#list-of-files p::before{content:' - '}#list-of-files p:last-child{margin-bottom:15px}.collection-settings-form .public-private-wrap{margin-top:9px}.collection-settings-form .ios-toggle-wrap{margin-bottom:0}.collection-settings-form .public-private-wrap .help-flyout-link{display:inline-block;position:relative;top:2px;right:0;margin-left:10px}.collection-settings-form-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.collection-settings-form-footer .public-private-wrap{background:none;padding:0;margin:0 0}.top-label-form>.collection-settings-form-footer{margin-bottom:0}.collection-settings-form-footer .collection-settings-form-footer-item{text-align:center}.collection-settings-form-footer .collection-settings-form-footer-item .ios-toggle-wrap{color:inherit}@media (max-width: 550px){.collection-settings-form .public-private-wrap{margin-top:20px}}@media (min-width: 550px){.collection-settings-form-footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.collection-settings-form-footer-item:first-child{text-align:left}.collection-settings-form .ios-toggle-wrap{text-align:right}}.modal-signup{background:white;border:10px solid #9ca0b1;padding:20px 40px 0 40px;height:95vh;max-height:770px;min-height:600px;width:700px;top:2.5vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.modal-signup h1{color:#444857}.modal-signup h1 strong{color:#248c46}.modal-signup p{color:#868ca0}.modal-signup .tabs{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:32px}.modal-signup .tab-group{margin:0;padding:0;position:relative;z-index:5}.modal-signup .tab{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Telefon Black', Sans-Serif;display:inline-block;width:48%;font-size:1.6rem;text-align:center;background:#e3e4e9;height:40px;line-height:38px;border:2px solid #b8bbc8;color:#717790}.modal-signup .tab.active{color:#47cf73;border-bottom:none;background:#f2f2f4}.modal-signup .tab:hover:not(.active){color:#444857;background:#f2f2f4}.modal-signup .tab.left{margin-right:20px}.modal-signup .bottom-area{background:#f2f2f4;border-top:2px solid #b8bbc8;padding:12px 40px 0px 40px;margin:-2px -40px;overflow-y:auto;height:338px;position:relative;z-index:1;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-bottom:16px}.modal-signup .bottom-area label{color:#444857;text-transform:none;font-weight:bold}.modal-signup .bottom-area.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.modal-signup .anon-signup-tab{margin-right:-40px;padding-right:20px}.modal-signup .loading{position:absolute;z-index:0;width:220px;height:140px;left:50%;margin-left:-110px;top:110px}.modal-signup .loading .loading-codepen-box{-webkit-transform:scale(0.5);transform:scale(0.5);margin-top:-60px}.modal-signup .loading .loading-codepen-box svg{fill:#868ca0}.modal-signup .loading p{font-size:1.5rem;margin-left:90px;margin-top:20px}.modal-signup .anon-login-frame{border:0;outline:0;width:100%;padding:0;margin:0;height:308px;position:relative;z-index:20;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.modal-signup .save-as-anon{position:absolute;left:0;bottom:0;width:100%;background:#444857;height:30px;line-height:30px;text-align:center}.modal-signup .save-as-anon .thats-ok{color:white}@media (max-width: 550px){.modal-signup{max-height:100%;min-height:100%;width:100%;height:100%;top:0;left:0;padding:10px}.modal-signup h1{font-size:2rem}.modal-signup .tab-group{white-space:nowrap}.modal-signup .tabs{padding-bottom:22px}.modal-signup .tab.left{margin-right:3px}}.unsaved-editor-message{display:inline-block;font-size:10px;vertical-align:-0.5em;padding:2px 6px 3px;color:black;border-radius:3px;line-height:1;background:#ffdd40;margin-left:3px;max-width:50%;overflow:hidden;pointer-events:none;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:opacity 0.4s linear, -webkit-transform 0.4s ease-in-out;transition:opacity 0.4s linear, -webkit-transform 0.4s ease-in-out;transition:opacity 0.4s linear, transform 0.4s ease-in-out;transition:opacity 0.4s linear, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out}.unsaved-editor-message b{font-weight:700}.unsaved-editor-message svg{opacity:0.7;margin-left:2px;margin-bottom:-1px;display:inline-block;width:0.8em;height:0.8em}.unsaved-editor-message.visible{opacity:1;-webkit-transform:scale(1);transform:scale(1);pointer-events:auto}.is-horiz-skinny+* .unsaved-editor-message.visible{-webkit-animation:none;animation:none}@-webkit-keyframes flash-message-in{from{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);opacity:0}}@keyframes flash-message-in{from{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);opacity:0}}.flash-message{position:fixed;z-index:302;top:0;left:50%;right:-50%;font-size:14px;line-height:1.3;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:3px 10px 4px;color:black;border-radius:0 0 5px 5px;background:#ffdd40;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-animation:flash-message-in 0.5s ease-in-out;animation:flash-message-in 0.5s ease-in-out}.flash-message a{background:#2d303a;color:white;padding:2px 4px;border-radius:4px;white-space:nowrap}.flash-message a:hover,.flash-message a:focus{background:#5a5f73}.flash-message button.recheck-button{margin-left:10px;margin-bottom:1px}.flash-message .close{width:22px;height:22px;padding:5px;display:block;position:absolute;right:0;top:0;cursor:pointer}.flash-message .close svg{position:relative;width:100%;height:100%;top:0;vertical-align:top}.flash-message .dismiss{background:#ffdd40;color:black;display:inline-block;padding:0;text-align:center;font-size:12px;margin-left:10px;letter-spacing:0.1px;position:absolute;bottom:-10px;right:-10px;width:20px;height:20px;line-height:20px;border-radius:100%;font-weight:bold;border:2px solid black;-webkit-box-sizing:content-box;box-sizing:content-box}.flash-message .dismiss svg{width:50%;height:50%;margin-top:5px}.bar-message{text-align:center;margin-bottom:1rem;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255,255,255,0.15)), to(transparent));background:linear-gradient(to right, transparent, rgba(255,255,255,0.15), transparent);padding:0.5rem 1rem;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:relative;-webkit-transition:0.3s;transition:0.3s}.bar-message .close{position:absolute;right:6px;top:9px}.bar-message .close svg{width:16px;height:16px;padding:2px;border-radius:2px;fill:white;pointer-events:none}.bar-message .close:hover svg,.bar-message .close:active svg{background:white;fill:#2d303a}.bar-message p{margin:0 auto;max-width:650px}.bar-message .mini-button,.bar-message .file-upload-button{vertical-align:baseline}.bar-message.bar-message-error{background:#ffcfcb;color:#2d303a}.bar-message.bar-message-success{background:#d3ffe1;color:#2d303a}.bar-message.bar-message-ask{background:#f9e9a2;color:#2d303a}.bar-message.bar-message-ask a{color:#1f798f;border-bottom:1px solid #acacac}.bar-message.bar-message-ask a:hover,.bar-message.bar-message-ask a:focus{color:#3fb8d5;border-bottom-color:#dfdfdf}.bar-message.bar-message-error svg,.bar-message.bar-message-success svg,.bar-message.bar-message-ask svg{fill:#2d303a}.bar-message.bar-message-error .close:hover svg,.bar-message.bar-message-error .close:active svg,.bar-message.bar-message-success .close:hover svg,.bar-message.bar-message-success .close:active svg,.bar-message.bar-message-ask .close:hover svg,.bar-message.bar-message-ask .close:active svg{background:#2d303a;fill:white}.bar-message.bar-message-split{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.bar-message.bar-message-split>:first-child{margin-right:auto}.bar-message.bar-message-gone{height:0;padding:0;border:0;opacity:0;margin:0}.bar-message-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:1rem}.bar-message-wrap .bar-message{margin-right:1rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-bottom:0}#packages-building-message{margin:2rem;z-index:2;-webkit-box-shadow:0 0 1rem rgba(0,0,0,0.25);box-shadow:0 0 1rem rgba(0,0,0,0.25)}.badge{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;font-size:71%;font-weight:700;text-transform:uppercase;padding:1px 3px 1px 3px;color:black !important;border-radius:3px;position:relative;top:-2px;text-shadow:none !important;white-space:nowrap;letter-spacing:0}@media (max-width: 550px){.badge{font-size:7px}}.badge-pro{background:#ffdd40}.badge-hire{background:#76daff}.badge-new,.badge-draft{background:#47cf73}.badge-follows{background:#717790}.help-flyout{display:none;position:absolute;z-index:10;left:100%;top:-20px;margin-left:12px;border:5px solid #5a5f73;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.5);box-shadow:2px 2px 8px rgba(0,0,0,0.5);width:300px;padding:20px;background:black;text-align:left;font-weight:normal;color:#aaaebc}.help-flyout::before{content:'';position:absolute;left:0;margin-left:-14px;top:12px;width:0;height:0;border-right:10px solid #5a5f73;border-top:10px solid transparent;border-bottom:10px solid transparent}.help-flyout h5{color:white;margin:0 0 0.5rem 0}.help-flyout p{color:#aaaebc !important;font-size:0.9rem;margin:0 0 1rem 0}.help-flyout p:last-child{margin:0}.help-flyout a{color:#76daff;white-space:nowrap}.help-flyout a:hover,.help-flyout a:focus{color:white}.help-flyout pre{white-space:pre-wrap}.help-flyout-reverse{left:auto;right:100%;margin-left:0;margin-right:12px}.help-flyout-reverse::before{left:auto;right:0;margin-left:0;margin-right:-24px;border-right:10px solid transparent;border-left:10px solid #5a5f73}.help-flyout-flush-right-top{right:0;left:auto;top:auto;margin-right:0;margin-left:0;bottom:calc(100% + 20px)}.help-flyout-flush-right-top::before{top:calc(100% + 5px);bottom:0;left:auto;right:0;margin-left:0;margin-right:0;border-left:10px solid transparent;border-top:10px solid #5a5f73;border-bottom:none;border-right:10px solid transparent}.help-flyout-up{top:auto;bottom:-20px}.help-flyout-up::before{top:auto;bottom:10px}.help-flyout-middle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.help-flyout-middle::before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.help-flyout-narrow{width:200px}.help-flyout-link{position:absolute;top:3px;right:0;width:14px;height:14px;margin:0}.help-flyout-link .icon-help{width:100%;height:100%;fill:#717790}.help-flyout-link .icon-help:hover,.help-flyout-link .icon-help:focus{fill:#9ca0b1}.help-flyout-link svg{display:block}.help-flyout-link .icon-x{width:12px;height:12px;fill:#5a5f73;position:absolute;top:10px;right:10px}.help-flyout-link .icon-x:hover,.help-flyout-link .icon-x:focus{fill:#c7c9d3}.template-wrap .help-flyout-link,.public-private-wrap .help-flyout-link,.template-checkbox-row .help-flyout-link{top:22px;right:20px}.help-flyout-link.inline-flyout.open{width:100%;position:relative;height:auto}.help-flyout-link.inline-flyout.open .icon-help{position:absolute;right:-5px;left:auto;top:-25px;width:14px;height:14px}.help-flyout-link.inline-flyout.open .help-flyout.help-flyout-reverse{display:block;position:relative;right:auto;width:100%;margin-top:24px;border-width:2px;left:2%}.help-flyout-link.inline-flyout.open .help-flyout.help-flyout-reverse::before{display:none}.private-icon{float:right;fill:#5a5f73;height:25px;width:20px}.private-icon.inline{display:inline-block;float:none;vertical-align:middle}.private-icon svg{width:100%;height:100%}.private-icon.left{margin-right:5px;float:left}.private-icon.absolute{pointer-events:none;position:absolute;right:10px;top:10px;z-index:2}.private-icon.centered{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute;left:50%;top:50%}.private-icon.large{width:40px;height:40px}.private-icon.small{height:23px;width:16px}.private-icon.trans{opacity:0.5}.typeahead,.tt-query,.tt-hint{padding:8px 12px;border:2px solid #ccc;outline:none}.typeahead:focus{border:2px solid #0097cf}.tt-suggestion{color:white;margin:0 !important;padding:8px;font-size:11px;white-space:nowrap !important;text-overflow:ellipsis;overflow:hidden}.tt-suggestion small{display:block;margin:2px 0;color:#9ca0b1}.tt-cursor{color:white;background:-webkit-gradient(linear, left top, left bottom, from(#3875d7), to(#2a62bc));background:linear-gradient(#3875d7, #2a62bc)}.tt-menu{background:-webkit-gradient(linear, left top, left bottom, from(#313131), to(#131313));background:linear-gradient(#313131, #131313);color:white;width:calc(100% + 73px);max-height:240px;overflow:auto;left:-36px !important}.tt-menu::-webkit-scrollbar{width:0.5em;height:0.5em}.tt-menu::-webkit-scrollbar-thumb{background:#666}.tt-menu::-webkit-scrollbar-track{background:none}body .tt-menu{scrollbar-face-color:#666;scrollbar-track-color:none}.empty-typeahead-message{padding:15px;color:white}.typeahead-no-results-found{text-align:center;padding:1rem}.twitter-typeahead{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.search-dialog{position:fixed;top:80px;left:0;right:0;margin:auto;width:90%;max-width:800px;background:#444857;border-radius:4px;z-index:250;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.7);box-shadow:0 2px 10px rgba(0,0,0,0.7)}@media (max-width: 550px){.search-dialog label.button,.search-dialog label.file-upload-button{width:100%;margin:0 0 0.5rem 0}}.search-row-input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0.75rem 1rem}.search-row-input svg{fill:white;width:24px;height:24px;margin:0 0.5rem}.search-row-input form,.search-row-input input[type='search']{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background:none;border:0;color:white;padding:1rem;font-size:1.3rem;margin-right:0.5rem}.search-filters{padding:1rem 0.75rem 0.75rem;border-top:solid 4px #fff}.search-filters.type-pens{border-color:#0ebeff}.search-filters.type-projects{border-color:#ffdd40}.search-filters.type-collections{border-color:#ae63e4}.search-filters.type-posts{border-color:#47cf73}.search-filters .search-filter{cursor:pointer;background:#1e1f26;padding:0.5rem 0.75rem;color:#9ca0b1;line-height:1}.search-filters .search-filter .icon{fill:currentColor;margin-right:0.5rem}.search-filters input[type='radio']{position:absolute;top:-9999px;left:-9999px;opacity:0.1}.search-filters input[type='radio']:checked+label{color:white;background:#717790;padding:0.375rem 0.75rem 0.5rem}.search-filters input[type='radio']:focus+label{color:white;background:#717790}.search-filters .search-filter.active,.search-filters .search-filter:hover,.search-filters .search-filter:focus{color:#fff !important;background:#010101}.search-filters .search-filter.active.type-pens .icon,.search-filters .search-filter:hover.type-pens .icon,.search-filters .search-filter:focus.type-pens .icon{fill:#0ebeff}.search-filters .search-filter.active.type-projects .icon,.search-filters .search-filter:hover.type-projects .icon,.search-filters .search-filter:focus.type-projects .icon{fill:#ffdd40}.search-filters .search-filter.active.type-collections .icon,.search-filters .search-filter:hover.type-collections .icon,.search-filters .search-filter:focus.type-collections .icon{fill:#ae63e4}.search-filters .search-filter.active.type-posts .icon,.search-filters .search-filter:hover.type-posts .icon,.search-filters .search-filter:focus.type-posts .icon{fill:#47cf73}.search-filters .search-filter:focus{outline-color:rgba(14,190,255,0.4);outline-offset:1px;outline-style:auto;outline-width:4px}.search-filters .selected.selected .icon-check{fill:#fff}