*{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}.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:#616574}.mega-header .mega-header-subdescription{max-width:800px;margin:auto;letter-spacing:0.1px;line-height:26px}.mega-header p{color:#9396a4;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:#ccc;-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:46px 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:#ccc;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'}}@media (max-width: 830px){body.sidebar-true .main-header .header-router-wrap,body.sidebar-true .main-sidebar{background:#26282c}body.sidebar-true .navigation-wrap{height:65px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.sidebar-true .navigation-wrap h4 .icon-arrow-down-mini,body.sidebar-true .navigation-wrap .create-button .icon-arrow-down-mini{fill:white;width:13px;height:10px;margin-left:0.5rem}body.sidebar-true .navigation-wrap .create-button,body.sidebar-true .navigation-wrap .main-menu-your,body.sidebar-true .navigation-wrap .main-menu-explore{position:relative;padding:0.5rem;text-transform:none;font-weight:normal;font-size:1rem;line-height:50px;margin:0}body.sidebar-true .navigation-wrap .create-button::after,body.sidebar-true .navigation-wrap .main-menu-your::after,body.sidebar-true .navigation-wrap .main-menu-explore::after{position:absolute;content:'';top:calc(100% - 4px);left:0;height:4px;width:100%}body.sidebar-true .navigation-wrap .main-menu-your::after{background:#0ebeff}body.sidebar-true .navigation-wrap .main-menu-explore::after{background:#ffdd40}body.sidebar-true .navigation-wrap .explore-links-menu li>a{color:#c5c8d4;font-weight:normal}body.sidebar-true .navigation-wrap .explore-links-menu .primary-explore-link a{color:white;font-weight:bold}body.sidebar-true .navigation-wrap .create-button{background:none}body.sidebar-true .navigation-wrap .create-dropdown{position:absolute;z-index:10;background:black;top:calc(100%);left:0;width:100%;visibility:hidden;opacity:0;-webkit-box-shadow:0 18px 53px #111;box-shadow:0 18px 53px #111;border-radius:0 0 4px 4px;border-top:0;padding:0.75rem 0 1.125rem}body.sidebar-true .navigation-wrap .create-dropdown.open{visibility:visible;opacity:1}body.sidebar-true .navigation-wrap .create-dropdown .new-button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;font-size:1rem;font-weight:bold;color:white;width:100%;background:none;border:none;padding:0.375rem 1.5rem;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;text-align:left}body.sidebar-true .navigation-wrap .create-dropdown .new-button svg{width:20px;height:20px;margin-right:0.5rem;fill:#616574}body.sidebar-true .navigation-wrap .create-dropdown .new-button:hover,body.sidebar-true .navigation-wrap .create-dropdown .new-button:focus{background:#202125}body.sidebar-true .navigation-wrap .create-dropdown .new-pen-from-template-label{position:relative;background:none;padding:0 1.2rem 0.5rem 3.375rem;text-align:left;border:0;color:#7b7e8c}body.sidebar-true .navigation-wrap .create-dropdown .new-pen-from-template-label .icon{width:11px;height:11px;margin-left:0.375rem;top:0}body.sidebar-true .navigation-wrap .create-dropdown .new-pen-from-template-label:hover,body.sidebar-true .navigation-wrap .create-dropdown .new-pen-from-template-label:focus{color:#0ebeff}body.sidebar-true .navigation-wrap .create-dropdown .new-pen-button:hover svg,body.sidebar-true .navigation-wrap .create-dropdown .new-pen-button:focus svg{fill:#0ebeff}body.sidebar-true .navigation-wrap .create-dropdown .new-project-button:hover svg,body.sidebar-true .navigation-wrap .create-dropdown .new-project-button:focus svg{fill:#ffdd40}body.sidebar-true .navigation-wrap .create-dropdown .new-post-button:hover svg,body.sidebar-true .navigation-wrap .create-dropdown .new-post-button:focus svg{fill:#47cf73}body.sidebar-true .navigation-wrap .create-dropdown .new-collection-button:hover,body.sidebar-true .navigation-wrap .create-dropdown .new-collection-button:focus{cursor:pointer}body.sidebar-true .navigation-wrap .create-dropdown .new-collection-button:hover svg,body.sidebar-true .navigation-wrap .create-dropdown .new-collection-button:focus svg{fill:#ae63e4}body.sidebar-true .navigation-wrap .create-dropdown .pen-templates-list a{color:white}body.sidebar-true .navigation-wrap .user-avatar{width:44px;height:44px;display:block}body.sidebar-true .navigation-wrap .context-switcher-gravatar{width:35px;height:35px;border-radius:4px;margin-right:0.5rem}body.sidebar-true .menu-dropdown{position:absolute;z-index:10;background:black;top:calc(100%);left:0;width:100%;visibility:hidden;opacity:0;-webkit-box-shadow:0 18px 53px #111;box-shadow:0 18px 53px #111;border-radius:0 0 4px 4px;border-top:0;padding:0.75rem 0 1.125rem}body.sidebar-true .menu-dropdown.open{visibility:visible;opacity:1}body.sidebar-true .menu-dropdown>li>a,body.sidebar-true .menu-dropdown>li>button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;border:0;width:100%;color:white;font-weight:bold;text-align:left;background:none;font-size:1rem;padding:0.375rem 1.375rem;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}body.sidebar-true .menu-dropdown>li>a:hover,body.sidebar-true .menu-dropdown>li>a:focus,body.sidebar-true .menu-dropdown>li>button:hover,body.sidebar-true .menu-dropdown>li>button:focus{background:#202125;cursor:pointer}body.sidebar-true .menu-dropdown>li>a .badge,body.sidebar-true .menu-dropdown>li>button .badge{margin-left:0.4rem;top:1px}body.sidebar-true .sidebar-username{position:absolute;top:-9999px;left:-9999px}body.sidebar-true .dropdown-arrows{display:none}body.sidebar-true .user-menu-button{background:none;border:0;padding:0;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}body.sidebar-true .user-menu .icon{width:20px;height:20px;fill:#616574;margin-right:0.5rem}body.sidebar-true .main-header>div,body.sidebar-true .main-header,body.sidebar-true .main-sidebar{height:52px}body.sidebar-true .navigation-wrap{height:52px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.sidebar-true .navigation-wrap .create-button,body.sidebar-true .navigation-wrap .main-menu-your,body.sidebar-true .navigation-wrap .main-menu-explore{cursor:pointer;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:0.5rem;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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:bold;font-size:15px;height:52px;line-height:1}body.sidebar-true .navigation-wrap .create-button .icon-arrow-down-mini,body.sidebar-true .navigation-wrap .main-menu-your .icon-arrow-down-mini,body.sidebar-true .navigation-wrap .main-menu-explore .icon-arrow-down-mini{width:10px;height:10px;margin-top:2px}body.sidebar-true.fullpage .navigation-wrap,body.sidebar-true.editor .navigation-wrap,body.sidebar-true.details .navigation-wrap{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.sidebar-true .navigation-bottom-wrap{margin-left:auto;height:52px}body.sidebar-true .drawer:not(.comments){position:absolute;top:1rem;width:calc(100vw - 2rem);left:1rem;height:calc(100vh - 2rem);opacity:0;visibility:hidden;z-index:15;background:#111}body.sidebar-true .drawer:not(.comments).open{opacity:1;visibility:visible}body.sidebar-true .drawer:not(.comments).activity-drawer{padding:2rem 1rem 1rem}body.sidebar-true .drawer:not(.comments).activity-drawer .activity-list{list-style:none}body.sidebar-true .drawer:not(.comments).activity-drawer .activity{position:relative;margin-bottom:20px}body.sidebar-true .drawer:not(.comments).activity-drawer .activity svg{width:25px;height:25px;position:absolute;top:9px;left:0;fill:#ababab}body.sidebar-true .drawer:not(.comments).activity-drawer .activity-sentence,body.sidebar-true .drawer:not(.comments).activity-drawer .activity-date{padding-left:40px}body.sidebar-true .drawer:not(.comments).activity-drawer a{color:#0ebeff}body.sidebar-true .drawer:not(.comments).activity-drawer a:focus,body.sidebar-true .drawer:not(.comments).activity-drawer a:hover{color:white}body.sidebar-true .drawer:not(.comments).activity-drawer p{margin-bottom:0}body.sidebar-true .drawer:not(.comments).pins-drawer{left:0;margin:calc($headerHeightMama - 1rem) 0 0 -1rem;padding:2.5rem 1rem 0;max-height:calc(100vh - $headerHeightMama);width:100%;border-top:0;overflow:visible;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.5);box-shadow:0 5px 20px rgba(0,0,0,0.5)}body.sidebar-true .button-editor-outline:hover,body.sidebar-true .button-editor-outline:focus{background:#4e505a}body.sidebar-true .user-menu-button,body.sidebar-true .search-button,body.sidebar-true .pin-dropdown-alone-button{position:relative;padding:0;border:none;margin:0 10px 0 0;width:35px;height:35px}body.sidebar-true .user-menu-button .icon,body.sidebar-true .search-button .icon,body.sidebar-true .pin-dropdown-alone-button .icon{width:16px;height:16px;margin:0;fill:white}body.sidebar-true .user-menu-button .user-avatar,body.sidebar-true .search-button .user-avatar,body.sidebar-true .pin-dropdown-alone-button .user-avatar{border-radius:4px;width:35px;height:35px}body.sidebar-true .user-menu-button .icon-arrow-down-mini,body.sidebar-true .search-button .icon-arrow-down-mini,body.sidebar-true .pin-dropdown-alone-button .icon-arrow-down-mini{width:9px;height:9px}body.sidebar-true .pin-dropdown-alone-button{margin:0}body.sidebar-true .search-button,body.sidebar-true .signup-button,body.sidebar-true .login-button{line-height:0.7;padding:8px 8px}}@media (max-width: 830px) and (max-width: 380px){body.sidebar-true .search-button,body.sidebar-true .signup-button,body.sidebar-true .login-button{padding:8px 4px;margin-right:4px;width:auto}}@media (max-width: 830px){body.sidebar-true .search-button .label{position:absolute;top:-9999px;left:-9999px}body.sidebar-true .navigation-bottom-wrap{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}body.sidebar-true.fullpage .item-settings-modal,body.sidebar-true.details .item-settings-modal{left:0;right:0;max-width:100%}body.sidebar-true.fullpage .item-title-area,body.sidebar-true.details .item-title-area{max-width:70%}body.sidebar-true.fullpage .navigation-wrap,body.sidebar-true.details .navigation-wrap{margin-left:auto}body.sidebar-true.fullpage .navigation-wrap .view-switcher-button .icon,body.sidebar-true.details .navigation-wrap .view-switcher-button .icon{margin:0}body.sidebar-true.fullpage .navigation-wrap .view-switcher-button .label,body.sidebar-true.details .navigation-wrap .view-switcher-button .label{position:absolute;top:-9999px;left:-9999px}body.sidebar-true.fullpage .navigation-wrap .user-menu-button,body.sidebar-true.details .navigation-wrap .user-menu-button{display:inline-block}body.sidebar-true.fullpage .view-switcher,body.sidebar-true.details .view-switcher{right:0}}@media (max-width: 550px){body.sidebar-true .main-header>div,body.sidebar-true .main-sidebar{height:52px}body.sidebar-true .navigation-wrap{height:52px}body.sidebar-true .navigation-wrap .create-button,body.sidebar-true .navigation-wrap .main-menu-your,body.sidebar-true .navigation-wrap .main-menu-explore{font-size:0.9rem;padding:0;margin-right:0.7rem}body.sidebar-true.fullpage .markItUpHeader,body.sidebar-true.details .markItUpHeader{display:none}body.sidebar-true .user-menu-button .icon,body.sidebar-true .search-button .icon{width:12px;height:94%}body.sidebar-true .user-menu-button .icon-arrow-down-mini,body.sidebar-true .search-button .icon-arrow-down-mini{width:7px;height:80%}}body.sidebar-false .main-header .header-router-wrap,body.sidebar-false .main-sidebar{background:#26282c}body.sidebar-false .navigation-wrap{height:65px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.sidebar-false .navigation-wrap h4 .icon-arrow-down-mini,body.sidebar-false .navigation-wrap .create-button .icon-arrow-down-mini{fill:white;width:13px;height:10px;margin-left:0.5rem}body.sidebar-false .navigation-wrap .create-button,body.sidebar-false .navigation-wrap .main-menu-your,body.sidebar-false .navigation-wrap .main-menu-explore{position:relative;padding:0.5rem;text-transform:none;font-weight:normal;font-size:1rem;line-height:50px;margin:0}body.sidebar-false .navigation-wrap .create-button::after,body.sidebar-false .navigation-wrap .main-menu-your::after,body.sidebar-false .navigation-wrap .main-menu-explore::after{position:absolute;content:'';top:calc(100% - 4px);left:0;height:4px;width:100%}body.sidebar-false .navigation-wrap .main-menu-your::after{background:#0ebeff}body.sidebar-false .navigation-wrap .main-menu-explore::after{background:#ffdd40}body.sidebar-false .navigation-wrap .explore-links-menu li>a{color:#c5c8d4;font-weight:normal}body.sidebar-false .navigation-wrap .explore-links-menu .primary-explore-link a{color:white;font-weight:bold}body.sidebar-false .navigation-wrap .create-button{background:none}body.sidebar-false .navigation-wrap .create-dropdown{position:absolute;z-index:10;background:black;top:calc(100%);left:0;width:100%;visibility:hidden;opacity:0;-webkit-box-shadow:0 18px 53px #111;box-shadow:0 18px 53px #111;border-radius:0 0 4px 4px;border-top:0;padding:0.75rem 0 1.125rem}body.sidebar-false .navigation-wrap .create-dropdown.open{visibility:visible;opacity:1}body.sidebar-false .navigation-wrap .create-dropdown .new-button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;font-size:1rem;font-weight:bold;color:white;width:100%;background:none;border:none;padding:0.375rem 1.5rem;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;text-align:left}body.sidebar-false .navigation-wrap .create-dropdown .new-button svg{width:20px;height:20px;margin-right:0.5rem;fill:#616574}body.sidebar-false .navigation-wrap .create-dropdown .new-button:hover,body.sidebar-false .navigation-wrap .create-dropdown .new-button:focus{background:#202125}body.sidebar-false .navigation-wrap .create-dropdown .new-pen-from-template-label{position:relative;background:none;padding:0 1.2rem 0.5rem 3.375rem;text-align:left;border:0;color:#7b7e8c}body.sidebar-false .navigation-wrap .create-dropdown .new-pen-from-template-label .icon{width:11px;height:11px;margin-left:0.375rem;top:0}body.sidebar-false .navigation-wrap .create-dropdown .new-pen-from-template-label:hover,body.sidebar-false .navigation-wrap .create-dropdown .new-pen-from-template-label:focus{color:#0ebeff}body.sidebar-false .navigation-wrap .create-dropdown .new-pen-button:hover svg,body.sidebar-false .navigation-wrap .create-dropdown .new-pen-button:focus svg{fill:#0ebeff}body.sidebar-false .navigation-wrap .create-dropdown .new-project-button:hover svg,body.sidebar-false .navigation-wrap .create-dropdown .new-project-button:focus svg{fill:#ffdd40}body.sidebar-false .navigation-wrap .create-dropdown .new-post-button:hover svg,body.sidebar-false .navigation-wrap .create-dropdown .new-post-button:focus svg{fill:#47cf73}body.sidebar-false .navigation-wrap .create-dropdown .new-collection-button:hover,body.sidebar-false .navigation-wrap .create-dropdown .new-collection-button:focus{cursor:pointer}body.sidebar-false .navigation-wrap .create-dropdown .new-collection-button:hover svg,body.sidebar-false .navigation-wrap .create-dropdown .new-collection-button:focus svg{fill:#ae63e4}body.sidebar-false .navigation-wrap .create-dropdown .pen-templates-list a{color:white}body.sidebar-false .navigation-wrap .user-avatar{width:44px;height:44px;display:block}body.sidebar-false .navigation-wrap .context-switcher-gravatar{width:35px;height:35px;border-radius:4px;margin-right:0.5rem}body.sidebar-false .menu-dropdown{position:absolute;z-index:10;background:black;top:calc(100%);left:0;width:100%;visibility:hidden;opacity:0;-webkit-box-shadow:0 18px 53px #111;box-shadow:0 18px 53px #111;border-radius:0 0 4px 4px;border-top:0;padding:0.75rem 0 1.125rem}body.sidebar-false .menu-dropdown.open{visibility:visible;opacity:1}body.sidebar-false .menu-dropdown>li>a,body.sidebar-false .menu-dropdown>li>button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;border:0;width:100%;color:white;font-weight:bold;text-align:left;background:none;font-size:1rem;padding:0.375rem 1.375rem;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}body.sidebar-false .menu-dropdown>li>a:hover,body.sidebar-false .menu-dropdown>li>a:focus,body.sidebar-false .menu-dropdown>li>button:hover,body.sidebar-false .menu-dropdown>li>button:focus{background:#202125;cursor:pointer}body.sidebar-false .menu-dropdown>li>a .badge,body.sidebar-false .menu-dropdown>li>button .badge{margin-left:0.4rem;top:1px}body.sidebar-false .sidebar-username{position:absolute;top:-9999px;left:-9999px}body.sidebar-false .dropdown-arrows{display:none}body.sidebar-false .user-menu-button{background:none;border:0;padding:0;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}body.sidebar-false .user-menu .icon{width:20px;height:20px;fill:#616574;margin-right:0.5rem}@media (max-width: 830px){body.sidebar-false:not(.editor) .main-header>div,body.sidebar-false:not(.editor) .main-header,body.sidebar-false:not(.editor) .main-sidebar{height:52px}body.sidebar-false:not(.editor) .navigation-wrap{height:52px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.sidebar-false:not(.editor) .navigation-wrap .create-button,body.sidebar-false:not(.editor) .navigation-wrap .main-menu-your,body.sidebar-false:not(.editor) .navigation-wrap .main-menu-explore{cursor:pointer;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:0.5rem;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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:bold;font-size:15px;height:52px;line-height:1}body.sidebar-false:not(.editor) .navigation-wrap .create-button .icon-arrow-down-mini,body.sidebar-false:not(.editor) .navigation-wrap .main-menu-your .icon-arrow-down-mini,body.sidebar-false:not(.editor) .navigation-wrap .main-menu-explore .icon-arrow-down-mini{width:10px;height:10px;margin-top:2px}body.sidebar-false:not(.editor).fullpage .navigation-wrap,body.sidebar-false:not(.editor).editor .navigation-wrap,body.sidebar-false:not(.editor).details .navigation-wrap{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.sidebar-false:not(.editor) .navigation-bottom-wrap{margin-left:auto;height:52px}body.sidebar-false:not(.editor) .drawer:not(.comments){position:absolute;top:1rem;width:calc(100vw - 2rem);left:1rem;height:calc(100vh - 2rem);opacity:0;visibility:hidden;z-index:15;background:#111}body.sidebar-false:not(.editor) .drawer:not(.comments).open{opacity:1;visibility:visible}body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer{padding:2rem 1rem 1rem}body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer .activity-list{list-style:none}body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer .activity{position:relative;margin-bottom:20px}body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer .activity svg{width:25px;height:25px;position:absolute;top:9px;left:0;fill:#ababab}body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer .activity-sentence,body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer .activity-date{padding-left:40px}body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer a{color:#0ebeff}body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer a:focus,body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer a:hover{color:white}body.sidebar-false:not(.editor) .drawer:not(.comments).activity-drawer p{margin-bottom:0}body.sidebar-false:not(.editor) .drawer:not(.comments).pins-drawer{left:0;margin:calc($headerHeightMama - 1rem) 0 0 -1rem;padding:2.5rem 1rem 0;max-height:calc(100vh - $headerHeightMama);width:100%;border-top:0;overflow:visible;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.5);box-shadow:0 5px 20px rgba(0,0,0,0.5)}body.sidebar-false:not(.editor) .button-editor-outline:hover,body.sidebar-false:not(.editor) .button-editor-outline:focus{background:#4e505a}body.sidebar-false:not(.editor) .user-menu-button,body.sidebar-false:not(.editor) .search-button,body.sidebar-false:not(.editor) .pin-dropdown-alone-button{position:relative;padding:0;border:none;margin:0 10px 0 0;width:35px;height:35px}body.sidebar-false:not(.editor) .user-menu-button .icon,body.sidebar-false:not(.editor) .search-button .icon,body.sidebar-false:not(.editor) .pin-dropdown-alone-button .icon{width:16px;height:16px;margin:0;fill:white}body.sidebar-false:not(.editor) .user-menu-button .user-avatar,body.sidebar-false:not(.editor) .search-button .user-avatar,body.sidebar-false:not(.editor) .pin-dropdown-alone-button .user-avatar{border-radius:4px;width:35px;height:35px}body.sidebar-false:not(.editor) .user-menu-button .icon-arrow-down-mini,body.sidebar-false:not(.editor) .search-button .icon-arrow-down-mini,body.sidebar-false:not(.editor) .pin-dropdown-alone-button .icon-arrow-down-mini{width:9px;height:9px}body.sidebar-false:not(.editor) .pin-dropdown-alone-button{margin:0}body.sidebar-false:not(.editor) .search-button,body.sidebar-false:not(.editor) .signup-button,body.sidebar-false:not(.editor) .login-button{line-height:0.7;padding:8px 8px}}@media (max-width: 830px) and (max-width: 380px){body.sidebar-false:not(.editor) .search-button,body.sidebar-false:not(.editor) .signup-button,body.sidebar-false:not(.editor) .login-button{padding:8px 4px;margin-right:4px;width:auto}}@media (max-width: 830px){body.sidebar-false:not(.editor) .search-button .label{position:absolute;top:-9999px;left:-9999px}body.sidebar-false:not(.editor) .navigation-bottom-wrap{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}body.sidebar-false:not(.editor).fullpage .item-settings-modal,body.sidebar-false:not(.editor).details .item-settings-modal{left:0;right:0;max-width:100%}body.sidebar-false:not(.editor).fullpage .item-title-area,body.sidebar-false:not(.editor).details .item-title-area{max-width:70%}body.sidebar-false:not(.editor).fullpage .navigation-wrap,body.sidebar-false:not(.editor).details .navigation-wrap{margin-left:auto}body.sidebar-false:not(.editor).fullpage .navigation-wrap .view-switcher-button .icon,body.sidebar-false:not(.editor).details .navigation-wrap .view-switcher-button .icon{margin:0}body.sidebar-false:not(.editor).fullpage .navigation-wrap .view-switcher-button .label,body.sidebar-false:not(.editor).details .navigation-wrap .view-switcher-button .label{position:absolute;top:-9999px;left:-9999px}body.sidebar-false:not(.editor).fullpage .navigation-wrap .user-menu-button,body.sidebar-false:not(.editor).details .navigation-wrap .user-menu-button{display:inline-block}body.sidebar-false:not(.editor).fullpage .view-switcher,body.sidebar-false:not(.editor).details .view-switcher{right:0}}@media (max-width: 550px){body.sidebar-false:not(.editor) .main-header>div,body.sidebar-false:not(.editor) .main-sidebar{height:52px}body.sidebar-false:not(.editor) .navigation-wrap{height:52px}body.sidebar-false:not(.editor) .navigation-wrap .create-button,body.sidebar-false:not(.editor) .navigation-wrap .main-menu-your,body.sidebar-false:not(.editor) .navigation-wrap .main-menu-explore{font-size:0.9rem;padding:0;margin-right:0.7rem}body.sidebar-false:not(.editor).fullpage .markItUpHeader,body.sidebar-false:not(.editor).details .markItUpHeader{display:none}body.sidebar-false:not(.editor) .user-menu-button .icon,body.sidebar-false:not(.editor) .search-button .icon{width:12px;height:94%}body.sidebar-false:not(.editor) .user-menu-button .icon-arrow-down-mini,body.sidebar-false:not(.editor) .search-button .icon-arrow-down-mini{width:7px;height:80%}}@media (min-width: 551px){.drawer:not(.comments){position:fixed;z-index:15;top:0;width:400px;height:100vh;opacity:0;visibility:hidden;background:#111;color:white;-webkit-transition:0.15s;transition:0.15s}.drawer:not(.comments)::-webkit-scrollbar{width:0.5em;height:0.5em}.drawer:not(.comments)::-webkit-scrollbar-thumb{background:#666}.drawer:not(.comments)::-webkit-scrollbar-track{background:none}body .drawer:not(.comments){scrollbar-face-color:#666;scrollbar-track-color:none}.drawer:not(.comments).open{opacity:1;visibility:visible}.drawer:not(.comments).activity-drawer{padding:2rem}.drawer:not(.comments).activity-drawer .activity-list{list-style:none}.drawer:not(.comments).activity-drawer .activity{position:relative;margin-bottom:20px}.drawer:not(.comments).activity-drawer .activity svg{width:25px;height:25px;position:absolute;top:9px;left:0;fill:#ababab}.drawer:not(.comments).activity-drawer .activity-sentence,.drawer:not(.comments).activity-drawer .activity-date{padding-left:40px}.drawer:not(.comments).activity-drawer a{color:#0ebeff}.drawer:not(.comments).activity-drawer a:focus,.drawer:not(.comments).activity-drawer a:hover{color:white}.drawer:not(.comments).activity-drawer p{margin-bottom:0}.drawer:not(.comments).pins-drawer{padding:2.5rem 18px 18px;overflow:auto}.context-list{position:relative}.context-list img{width:35px;height:35px;border-radius:4px;margin-right:0.75rem}.context-list.active button::after{content:'✔';line-height:35px;text-align:center;position:absolute;left:1.375rem;top:0.375rem;width:35px;height:35px;background:rgba(0,0,0,0.5);color:white;font-size:1.3rem;text-shadow:0 0 4px black}.context-switch-link{padding:0.375rem 1.375rem !important}.context-switch-link span{text-align:left;overflow:hidden;text-overflow:ellipsis}}@media (min-width: 831px){body.sidebar-false .navigation-wrap .create-button,body.sidebar-false .navigation-wrap .main-menu-explore,body.sidebar-false .navigation-wrap .main-menu-your{color:white;margin-right:10px;margin-top:10px;padding:0 1.75rem 5px;font-size:18px;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;font-weight:bold;cursor:pointer}body.sidebar-false .navigation-wrap .create-button:hover,body.sidebar-false .navigation-wrap .create-button:focus,body.sidebar-false .navigation-wrap .main-menu-explore:hover,body.sidebar-false .navigation-wrap .main-menu-explore:focus,body.sidebar-false .navigation-wrap .main-menu-your:hover,body.sidebar-false .navigation-wrap .main-menu-your:focus{background:black}body.sidebar-false .navigation-wrap .create-button[aria-expanded='true'],body.sidebar-false .navigation-wrap .main-menu-explore[aria-expanded='true'],body.sidebar-false .navigation-wrap .main-menu-your[aria-expanded='true']{background:black}body.sidebar-false .navigation-wrap .menu-dropdown-parent-explore{margin-right:auto}body.sidebar-false .navigation-wrap .pin-dropdown-alone-button{display:block}body.sidebar-false .navigation-wrap .menu-dropdown-parent{position:relative}body.sidebar-false .navigation-wrap .menu-dropdown{width:300px;list-style:none;top:calc(100%);-webkit-transition:0.15s;transition:0.15s;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transform-origin:top left;transform-origin:top left;opacity:0}body.sidebar-false .navigation-wrap .menu-dropdown>li>a{font-size:1rem}body.sidebar-false .navigation-wrap .menu-dropdown.open{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}body.sidebar-false .navigation-wrap .user-menu{left:auto;right:15px;width:225px;max-height:80vh;max-height:calc(95vh - 65px);overflow-y:auto;-webkit-transform-origin:top right;transform-origin:top right}body.sidebar-false .navigation-wrap .user-menu::-webkit-scrollbar{width:0.5em;height:0.5em}body.sidebar-false .navigation-wrap .user-menu::-webkit-scrollbar-thumb{background:#666}body.sidebar-false .navigation-wrap .user-menu::-webkit-scrollbar-track{background:none}body body.sidebar-false .navigation-wrap .user-menu{scrollbar-face-color:#666;scrollbar-track-color:none}body.sidebar-false .user-menu-button{overflow:visible}body.sidebar-false .user-menu-button::after{content:'';display:block;width:100%;position:absolute;top:50px;border-bottom:solid 4px #0ebeff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.1s ease;transition:-webkit-transform 0.1s ease;transition:transform 0.1s ease;transition:transform 0.1s ease, -webkit-transform 0.1s ease}body.sidebar-false .user-menu-button.active::after{-webkit-transform:scaleX(1);transform:scaleX(1)}body.sidebar-false .pin-dropdown-alone-button,body.sidebar-false .search-button,body.sidebar-false .user-menu-button{display:inline-block;margin-right:0.5rem;border:none}body.sidebar-false .pin-dropdown-alone-button .icon,body.sidebar-false .search-button .icon,body.sidebar-false .user-menu-button .icon{width:20px;height:20px;fill:white;pointer-events:none;margin-right:0}body.sidebar-false .pin-dropdown-alone-button .icon.icon-arrow-down-mini,body.sidebar-false .search-button .icon.icon-arrow-down-mini,body.sidebar-false .user-menu-button .icon.icon-arrow-down-mini{width:9px}body.sidebar-false .pin-dropdown-alone-button:hover .icon,body.sidebar-false .pin-dropdown-alone-button:focus .icon,body.sidebar-false .search-button:hover .icon,body.sidebar-false .search-button:focus .icon,body.sidebar-false .user-menu-button:hover .icon,body.sidebar-false .user-menu-button:focus .icon{fill:white}body.sidebar-false .pin-dropdown-alone-button:hover .feature-callout,body.sidebar-false .search-button:hover .feature-callout,body.sidebar-false .user-menu-button:hover .feature-callout{-webkit-animation:none;animation:none;opacity:0;-webkit-transform:scale(0);transform:scale(0)}body.sidebar-false .pin-dropdown-alone-button,body.sidebar-false .search-button{padding:0.8rem 0.625rem}body.sidebar-false .pin-dropdown-alone-button:hover,body.sidebar-false .pin-dropdown-alone-button:focus,body.sidebar-false .search-button:hover,body.sidebar-false .search-button:focus{background:black;border-radius:4px}body.sidebar-false .search-button .label{position:absolute;top:-9999px;left:-9999px}body.sidebar-false .user-menu-button{padding:0;margin-right:1rem}body.sidebar-false .drawer:not(.comments){position:fixed;z-index:15;top:64px;width:400px;height:auto;bottom:auto;-webkit-box-shadow:0 15px 40px rgba(17,17,17,0.2);box-shadow:0 15px 40px rgba(17,17,17,0.2);opacity:0;visibility:hidden;background:black;color:white;-webkit-transition:0.15s;transition:0.15s;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transform-origin:top right;transform-origin:top right}body.sidebar-false .drawer:not(.comments).open{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}body.sidebar-false .drawer:not(.comments) .close-drawer{display:none}body.sidebar-false .drawer:not(.comments).activity-drawer{position:absolute;right:0}body.sidebar-false .drawer:not(.comments).pins-drawer{position:absolute;padding:2.5rem 1rem 0;right:0;left:auto;max-height:100vh;border-top:0;overflow:auto}body.sidebar-false .navigation-bottom-wrap{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}}body.sidebar-false.editor .navigation-wrap,body.sidebar-false.project-editor .navigation-wrap{-webkit-box-flex:initial;-webkit-flex:initial;-ms-flex:initial;flex:initial;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 830px){body.sidebar-true .main-sidebar .main-sidebar-inside{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:52px;position:relative}body.sidebar-true .main-sidebar .collapse-button,body.sidebar-true .main-sidebar .collapsed-opener{display:none}body.sidebar-true .main-sidebar .sidebar-logged-out-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media (max-width: 550px){body.sidebar-true .main-sidebar .main-sidebar-inside{height:52px}}@media (min-width: 831px){body.sidebar-true{height:auto;min-height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;display:grid;grid-template-columns:208px 1fr;grid-template-columns:208px minmax(0, 1fr)}body.sidebar-true .main-sidebar{-webkit-box-flex:0;-webkit-flex:0 0 208px;-ms-flex:0 0 208px;flex:0 0 208px;grid-column:1;grid-row:1}body.sidebar-true .content-wrap-sidebar{-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;grid-column:2;grid-row:1}body.sidebar-true.sidebar-collapsed{grid-template-columns:10px 1fr;grid-template-columns:10px minmax(0, 1fr)}body.sidebar-true.sidebar-collapsed .main-sidebar-inside{-webkit-transform:translateX(-100%);transform:translateX(-100%)}body.sidebar-true.sidebar-collapsed .collapsed-opener{-webkit-transform:translateX(-2px);transform:translateX(-2px)}body.sidebar-true.sidebar-collapsed .collapsed-opener:hover,body.sidebar-true.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)}}body.sidebar-true.sidebar-collapsed .main-sidebar .collapse-button{-webkit-transform:translateX(100%) scale(-1, 1) translateX(3px);transform:translateX(100%) scale(-1, 1) translateX(3px);opacity:1;background:#202125;-webkit-box-shadow:6px 2px 5px rgba(0,0,0,0.5);box-shadow:6px 2px 5px rgba(0,0,0,0.5);border-radius:4px 0 0 4px;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform}body.sidebar-true.sidebar-collapsed .main-sidebar .collapse-button:hover{-webkit-transform:translateX(100%) scale(-1, 1) translateX(0);transform:translateX(100%) scale(-1, 1) translateX(0)}body.sidebar-true.logged-in .user-menu-preloading-space{height:56.5px}body.sidebar-true.logged-out .user-menu-preloading-space{height:133px}body.sidebar-true .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)}body.sidebar-true .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, #7b7e8c, #7b7e8c 2px, #4c4f5a 2px, #4c4f5a 4px)}body.sidebar-true .collapse-button{display:none}body.sidebar-true .main-sidebar{background:#202125;-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.sidebar-true .main-sidebar .logo{height:auto}body.sidebar-true .main-sidebar .main-sidebar-inside{width:208px;height:100%;position:relative;z-index:2;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;background:#202125}}@media screen and (min-width: 831px) and (min-height: 680px){body.sidebar-true .main-sidebar .main-sidebar-inside{position:fixed}}@media (min-width: 831px){body.sidebar-true .main-sidebar .main-sidebar-inside:hover .collapse-button{opacity:1}body.sidebar-true .main-sidebar h4{font-weight:normal;font-size:0.8rem;padding:0 1.375rem;margin:0 0 0.375rem 0;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}body.sidebar-true .main-sidebar h4.main-menu-create{color:#47cf73}body.sidebar-true .main-sidebar h4.main-menu-your{color:#0ebeff;margin-top:1.5rem}body.sidebar-true .main-sidebar h4.main-menu-explore{color:#ffdd40;margin-top:1.5rem}body.sidebar-true .main-sidebar h4 .icon{display:none}body.sidebar-true .main-sidebar .create-menu-dropdown-parent,body.sidebar-true .main-sidebar .search-menu-dropdown-parent{padding:0 1rem;position:relative}body.sidebar-true .main-sidebar .search-button,body.sidebar-true .main-sidebar .create-button{background:black;width:100%;padding:1rem;cursor:pointer;z-index:1;outline:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0.5rem 0 0}body.sidebar-true .main-sidebar .search-button{border:none;border-radius:4px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-top:0;-webkit-transition:0.3s ease;transition:0.3s ease}body.sidebar-true .main-sidebar .search-button span.label{font-weight:bold;font-size:1.25rem;line-height:1}body.sidebar-true .main-sidebar .search-button .icon{margin-right:0;width:18px;height:18px;fill:white}body.sidebar-true .main-sidebar .search-button:hover,body.sidebar-true .main-sidebar .search-button:focus{background:#47cf73}body.sidebar-true .main-sidebar .search-button:hover span.label,body.sidebar-true .main-sidebar .search-button:focus span.label{color:black}body.sidebar-true .main-sidebar .search-button:hover .icon,body.sidebar-true .main-sidebar .search-button:focus .icon{fill:black}body.sidebar-true .main-sidebar .create-button{line-height:1;font-weight:bold;-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}body.sidebar-true .main-sidebar .create-button::before,body.sidebar-true .main-sidebar .create-button::after{content:'';position:absolute;bottom:0;top:0;left:0;right:0;height:auto;width:auto;z-index:-1;border-radius:3px;background:inherit;-webkit-transition:background-color 0.3s linear;transition:background-color 0.3s linear}body.sidebar-true .main-sidebar .create-button::after{margin:3px}body.sidebar-true .main-sidebar .create-button:focus::after,body.sidebar-true .main-sidebar .create-button:hover::after{background-color:#111}body.sidebar-true .main-sidebar .create-button::before{border-radius:4px;background:linear-gradient(70deg, #0ebeff, #ffdd40, #ae63e4, #47cf73, #0ebeff, #ffdd40, #ae63e4, #47cf73);background-size:200% 200%}body.sidebar-true .main-sidebar .create-button .icon{width:14px;height:14px;fill:#fff}body.sidebar-true .main-sidebar .create-button .icon-arrow-down-mini{margin-bottom:-2px;-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}body.sidebar-true .main-sidebar .create-button[aria-expanded='true'] .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}body.sidebar-true .main-sidebar .collapse-button{display:block;position:absolute;top:19px;left:180px;border-radius:4px 0 0 4px;cursor:pointer;height:28px;width:28px;opacity:0;z-index:2;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}body.sidebar-true .main-sidebar .collapse-button svg{-webkit-transform:rotate(90deg);transform:rotate(90deg);width:13px;height:13px;fill:#616574;position:relative;left:3px;top:3px}body.sidebar-true .main-sidebar .collapse-button svg:last-child{left:-3px;position:relative}body.sidebar-true .main-sidebar .collapse-button:hover{background:black;opacity:1}body.sidebar-true .main-sidebar .logo:hover+.collapseButton{opacity:1}body.sidebar-true .navigation-wrap{margin-bottom:1.875rem}body.sidebar-true .navigation-wrap li>a,body.sidebar-true .navigation-wrap li>button,body.sidebar-true .navigation-wrap .drawer-button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;padding:0.175rem 1.375rem;background:none;color:#c5c8d4;border:0;-webkit-transition:0.2s ease;transition:0.2s ease;width:208px;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}body.sidebar-true .navigation-wrap li>a:hover,body.sidebar-true .navigation-wrap li>a:focus,body.sidebar-true .navigation-wrap li>button:hover,body.sidebar-true .navigation-wrap li>button:focus,body.sidebar-true .navigation-wrap .drawer-button:hover,body.sidebar-true .navigation-wrap .drawer-button:focus{color:white;background:black;cursor:pointer}body.sidebar-true .navigation-wrap li.primary-explore-link>a,body.sidebar-true .navigation-wrap li.primary-explore-link>button{font-weight:bold;color:white}body.sidebar-true .navigation-wrap a[href='/spark/']{margin-top:1rem}body.sidebar-true .navigation-wrap .drawer-button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;background:transparent;border:none;text-align:left;line-height:1.5}body.sidebar-true .navigation-wrap .drawer{left:208px;-webkit-transform:translateX(-50px);transform:translateX(-50px)}body.sidebar-true .navigation-wrap .drawer.open{-webkit-transform:translateX(0);transform:translateX(0)}body.sidebar-true .navigation-wrap .new-pen-from-template-label{padding:0 15px 6px 47px;position:static;background:none}body.sidebar-true .navigation-wrap .pen-templates-list>ul>li>a{padding:0.375rem 1.375rem 0.475rem 3.6rem;white-space:initial}body.sidebar-true .navigation-wrap .icon-new-project,body.sidebar-true .navigation-wrap .icon-new-post,body.sidebar-true .navigation-wrap .icon-new-collection{margin-left:0.5px}body.sidebar-true .navigation-wrap .sub-nav{margin-top:1.25rem}body.sidebar-true .navigation-wrap .sub-nav a,body.sidebar-true .navigation-wrap .sub-nav .drawer-button{color:#c5c8d4;font-weight:normal;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}body.sidebar-true .navigation-wrap .sub-nav a:hover,body.sidebar-true .navigation-wrap .sub-nav a:focus,body.sidebar-true .navigation-wrap .sub-nav .drawer-button:hover,body.sidebar-true .navigation-wrap .sub-nav .drawer-button:focus{color:white}body.sidebar-true .navigation-wrap .header-chunk{margin-bottom:1.5rem}body.sidebar-true .create-dropdown{background:#111;position:absolute;-webkit-box-shadow:none;box-shadow:none;border-radius:0;overflow:hidden;-webkit-transition:0.2s;transition:0.2s;padding:0.75rem 0 0.875rem;left:1rem;right:1rem;top:100%;opacity:0;visibility:hidden;-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform:0.2s;transform:0.2s;z-index:0}body.sidebar-true .create-dropdown.open{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 35px 65px #202125;box-shadow:0 35px 65px #202125}body.sidebar-true .create-dropdown .new-button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;font-weight:bold;font-size:1rem;text-align:left;color:white;display:block;border:none;padding:0.25rem 1.25rem;width:100%;background:none}body.sidebar-true .create-dropdown .new-button svg{width:20px;height:20px;vertical-align:middle;margin-bottom:3px;margin-right:8px;background:transparent;padding:0;border-radius:0;fill:#616574}body.sidebar-true .create-dropdown .new-button:hover,body.sidebar-true .create-dropdown .new-button:focus{background:black}body.sidebar-true .create-dropdown .new-pen-button:hover svg{fill:#0ebeff}body.sidebar-true .create-dropdown .new-project-button:hover svg{fill:#ffdd40}body.sidebar-true .create-dropdown .new-post-button:hover svg{fill:#47cf73}body.sidebar-true .create-dropdown .new-collection-button:hover svg{fill:#ae63e4}body.sidebar-true .navigation-bottom-wrap{width:208px;position:fixed;z-index:2;bottom:0;-webkit-box-shadow:0 -10px 1rem #202125;box-shadow:0 -10px 1rem #202125;background:#202125;-webkit-transition:0.3s ease box-shadow;transition:0.3s ease box-shadow}}@media screen and (min-width: 831px) and (max-height: 715px){body.sidebar-true .navigation-bottom-wrap{-webkit-box-shadow:0 -10px 4rem #202125;box-shadow:0 -10px 4rem #202125}}@media (min-width: 831px){body.sidebar-true .navigation-bottom-wrap .search-button,body.sidebar-true .navigation-bottom-wrap .user-menu-button{border-radius:0}body.sidebar-true .navigation-bottom-wrap .search-button:hover,body.sidebar-true .navigation-bottom-wrap .search-button:focus,body.sidebar-true .navigation-bottom-wrap .user-menu-button:hover,body.sidebar-true .navigation-bottom-wrap .user-menu-button:focus{background:black}body.sidebar-true .navigation-bottom-wrap .search-button.active,body.sidebar-true .navigation-bottom-wrap .user-menu-button.active{background:#111}body.sidebar-true .navigation-bottom-wrap .pin-dropdown-alone-button{display:none}body.sidebar-true .user-menu-button{font-family:'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;font-size:1rem;padding:0.75rem;width:208px;border:0;cursor:pointer;color:white;-webkit-transition:0.2s;transition:0.2s;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;background:#202125}body.sidebar-true .user-menu-button .dropdown-arrows{position:relative;margin:-0.875rem 0 0 0.5rem}body.sidebar-true .user-menu-button .dropdown-arrows .icon-arrow-down-mini{position:absolute;left:0;width:10px;height:10px;fill:#9396a4}body.sidebar-true .user-menu-button .dropdown-arrows .icon-arrow-down-mini:first-child{top:-1px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}body.sidebar-true .user-menu-button .dropdown-arrows .icon-arrow-down-mini:last-child{top:7px}body.sidebar-true .user-menu-button .user-avatar{margin-right:0.375rem;width:34px;height:34px}body.sidebar-true .sidebar-username{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;max-width:130px}body.sidebar-true .user-menu{white-space:nowrap;opacity:0;visibility:hidden;position:fixed;bottom:55px;margin:0 !important;padding:1rem 0 0.5rem 0;background:#111;-webkit-box-shadow:0 -2rem 4rem #202125;box-shadow:0 -2rem 4rem #202125;left:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);-webkit-transition:0.2s;transition:0.2s}body.sidebar-true .user-menu.open{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}body.sidebar-true .user-menu svg{fill:#4c4f5a;width:16px;height:16px;margin-right:0.5rem}body.sidebar-true .sidebar-logged-out-actions{width:208px;bottom:0;left:0;padding:1rem;background:#202125}body.sidebar-true .sidebar-logged-out-actions .user-stuff{display:block}body.sidebar-true .sidebar-logged-out-actions .button,body.sidebar-true .sidebar-logged-out-actions .file-upload-button{display:block}body.sidebar-true .sidebar-logged-out-actions .button:first-child,body.sidebar-true .sidebar-logged-out-actions .file-upload-button:first-child{margin:0 0 0.5rem 0}body.sidebar-true .sidebar-logged-out-actions .button:last-child,body.sidebar-true .sidebar-logged-out-actions .file-upload-button:last-child{margin:0}}.main-header{height:65px;background:#26282c}.main-header .header-router-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#202125;-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}.main-header .header-router-wrap:empty{display:none}body.details .main-header .item-title-area .item-title{font-size:1.6rem}.logo{margin:0;height:100%}.logo .small-screen-logo{display:block;width:30px;height:52px;margin:0 10px}.logo .small-screen-logo svg{fill:white;height:100%;width:100%}.logo .small-screen-logo:focus svg{stroke:#0ebeff}.logo .large-screen-logo{display:none;width:208px;height:65px;border:0;outline:0;padding:0 1.375rem}.logo .large-screen-logo svg{fill:none;stroke:white;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;height:100%;width:150px}.logo .large-screen-logo:focus svg{stroke:#0ebeff}body.editor .logo .large-screen-logo,body.project-editor .logo .large-screen-logo,body.details .logo .large-screen-logo,.logo body.fullpage .large-screen-logo{display:none}body.editor .logo .small-screen-logo,body.project-editor .logo .small-screen-logo,body.details .logo .small-screen-logo,.logo body.fullpage .small-screen-logo{display:block}body.editor .logo .small-screen-logo,.logo body.project-editor .small-screen-logo{height:65px}@media (min-width: 831px){.logo .large-screen-logo{display:block;height:65px}.logo .small-screen-logo{display:none;height:65px}}body.details .logo .large-screen-logo,body.fullpage .logo .large-screen-logo{display:none}body.details .logo .small-screen-logo,body.fullpage .logo .small-screen-logo{display:block}.create-button{text-align:left;font-size:1.2rem;border:none;margin-right:0;position:relative;background:none;color:white;border:0}.create-button::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:-webkit-gradient(linear, left top, right top, from(#0ebeff), color-stop(#ffdd40), color-stop(#ae63e4), color-stop(#47cf73), color-stop(#0ebeff), color-stop(#ffdd40), color-stop(#ae63e4), to(#47cf73));background:linear-gradient(90deg, #0ebeff, #ffdd40, #ae63e4, #47cf73, #0ebeff, #ffdd40, #ae63e4, #47cf73);background-size:200% 200%}.create-button:focus::before,.create-button:hover::before{-webkit-animation:rainbow-border 1.5s linear infinite;animation:rainbow-border 1.5s linear infinite}@-webkit-keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:200% 50%}}@keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:200% 50%}}.new-pen-from-template-label{padding:24px 15px 22px;position:absolute;top:0;right:0;text-align:center;color:#7b7e8c;background:none;border:0;display:block}.new-pen-from-template-label>span{font-size:0.8rem}.new-pen-from-template-label .icon{width:11px;height:11px;vertical-align:middle;margin-left:6px;position:relative;top:-1px;fill:#7b7e8c}.new-pen-from-template-label:hover,.new-pen-from-template-label:focus{background:#eff0f5;color:#0ebeff;cursor:pointer}.new-pen-from-template-label:hover .icon,.new-pen-from-template-label:focus .icon{fill:#0ebeff}.new-pen-from-template-label.open{background:#fff;color:#0ebeff;font-weight:bold}.link-list,.link-list ul,.link-list ol{list-style:none}.link-list a,.link-list button{color:black;display:block;width:100%;text-align:left;border-radius:0;padding:7px 15px 8px;line-height:1.1;font-size:0.9rem;text-shadow:none;text-decoration:none}.link-list a:hover,.link-list a:focus,.link-list button:hover,.link-list button:focus{color:inherit;background:#e7e8f1}.link-list a.active,.link-list button.active{background:#c5c8d4}.link-list a.active .view-meta,.link-list button.active .view-meta{color:#e7e8f1}.link-list a span,.link-list button span{opacity:0.75}.section-header{color:#7f7f7f;font-size:0.8rem;padding-left:10px;padding-top:5px}.unsaved #save::after,.unsaved #update::after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:#ffdd40}.pen-templates-list>ul{overflow:hidden;max-height:0;-webkit-transition:0.25s ease all;transition:0.25s ease all;visibility:hidden}.pen-templates-list a{padding:10px 15px 10px 55px;position:relative;font-weight:bold}.pen-templates-list a:hover,.pen-templates-list a:focus{background:black}.pen-templates-list a::before,.pen-templates-list a::after{content:'';position:absolute;left:26px;background:#0ebeff}.pen-templates-list a::before{width:2px;height:15px;top:4px}.pen-templates-list a::after{width:20px;height:2px;top:18px}.pen-templates-list.open>ul{max-height:400px;visibility:visible;margin-bottom:.5rem;overflow-y:scroll}.drawer:not(.comments).pins-drawer .pin{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:auto;padding:13px 13px 17px;margin-bottom:15px;background:#202125;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.drawer:not(.comments).pins-drawer .pin .pin-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.drawer:not(.comments).pins-drawer .pin .pin-info .icon{margin-right:10px}.drawer:not(.comments).pins-drawer .pin .pin-info>div{max-width:280px}.drawer:not(.comments).pins-drawer .pin svg{width:20px;height:20px}.drawer:not(.comments).pins-drawer .pin::after{content:'';width:100%;height:4px;bottom:0;left:0;position:absolute;border-radius:0 0 4px 4px}.drawer:not(.comments).pins-drawer .pin.collection::after{background:#ae63e4}.drawer:not(.comments).pins-drawer .pin.collection .pin-info svg{fill:#ae63e4}.drawer:not(.comments).pins-drawer .pin.pen::after{background:#0ebeff}.drawer:not(.comments).pins-drawer .pin.pen .pin-info svg{fill:#0ebeff}.drawer:not(.comments).pins-drawer .pin.post::after{background:#47cf73}.drawer:not(.comments).pins-drawer .pin.post .pin-info svg{fill:#47cf73}.drawer:not(.comments).pins-drawer .pin.project::after{background:#ffdd40}.drawer:not(.comments).pins-drawer .pin.project .pin-info svg{fill:#ffdd40}.drawer:not(.comments).pins-drawer .pin .pin-date{color:#9396a4;font-size:14px}.drawer:not(.comments).pins-drawer .pin .delete-pin{width:20px;height:15px;margin:0 0 0 5px;padding:0;background:transparent;border:none}.drawer:not(.comments).pins-drawer .pin .delete-pin svg.icon{width:15px;height:15px;fill:#616574}.drawer:not(.comments).pins-drawer .pin .delete-pin:hover svg{fill:white}.drawer:not(.comments).pins-drawer a{color:white}.drawer:not(.comments).pins-drawer a.docs-link{color:#0ebeff}.drawer:not(.comments).pins-drawer a:hover .pin,.drawer:not(.comments).pins-drawer a:focus .pin{background:#36383f}.no-pins-yet{max-width:600px;margin:0 auto;padding:2rem 0 4rem}.close-drawer{margin-bottom:20px}.close-icon{border:0;background:none;position:absolute;top:1rem;right:1rem;cursor:pointer}.close-icon svg{fill:white;width:12px;height:12px}.templates-upsell{font-size:0.85rem;margin-top:10px;text-align:center;background:#fff8d9}li.dropdown-newpen,li.dropdown-newpost,li.dropdown-newproject,li.dropdown-newcollection{display:none}body.editor li.dropdown-newpen,body.project-editor li.dropdown-newpen,body.editor li.dropdown-newpost,body.project-editor li.dropdown-newpost,body.editor li.dropdown-newproject,body.project-editor li.dropdown-newproject,body.editor li.dropdown-newcollection,body.project-editor li.dropdown-newcollection{display:block}li.sep-after{margin-bottom:1rem}li.sep-after::after{content:'';display:block;border-bottom:1px solid #36383f;margin-right:1.5rem;margin-left:1.5rem}li.sep-after a,li.sep-after button{margin-bottom:1rem;border:0 !important}.item-data-router{display:none}.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:#9396a4;background:#34363f;border-top:1px solid #3f414b;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:#555}.footer-icon-editor:hover svg,.footer-icon-editor:active svg{fill:#9396a4}.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:#ccc}.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,#1e1e1e !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 #555}.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:#666}.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:#111;padding:40px 0;font-size:0.9rem}.promo-footer p{color:#959595}@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:rgba(0,0,0,0.1)}.footer-chunk-jobs>ul li{margin:0 0 5px 0}.footer-chunk-jobs>ul li a{color:#959595;display:block}.footer-chunk-jobs>ul li a:hover,.footer-chunk-jobs>ul li a:focus{color:white}.link-footer{background:#020202;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:#959595;margin-right:10px}.link-footer .copyright{position:absolute;right:20px;top:0;text-align:right;font-size:0.8rem;color:#959595}.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{stroke:#959595}.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:#222;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:#9396a4}.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:#ccc;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 #666}.text>p:last-child{margin-bottom:0}aside p,aside address{color:#c5c8d4;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:#c5c8d4}.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:#666}.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:#666;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:#202125;border-bottom:1px solid #4c4f5a;color:#9396a4;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:#333;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:#eaedf0;border:3px solid #eaedf0;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:#616574;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 #666;padding:10px;margin:0 0 010px 0}legend{padding:0 10px}form.form-on-white{background:white}form.form-on-white label{color:#202125}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:#eee;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:#9396a4;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:#e8eff0}.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:#69c248}.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:#eee;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:#ccc;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:#9396a4}.ios-toggle.ios-toggle-ambiguous>label::before{background:#9396a4}.ios-toggle.ios-toggle-reverse>input:checked+label{background:#bada55}.ios-toggle.ios-toggle-reverse>label::before{background:red}.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:#555}.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 #ccc;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:#555}.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:#eaeff0;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:#555}.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:#333;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:#d6dee3;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:#333;padding:0 6px;border-radius:3px;color:#eee;margin-bottom:2px;margin-top:2px;font-size:0.8rem}.resource-search-bar .recent-searches span:hover{background:#111}.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:#333;line-height:32px}.signup-form .range.team-count,.pricing-table .range.team-count{border:3px solid #c5c8d4;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:#ffaeae;fill:#ffaeae !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:#ff4545;fill:#ff4545 !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:red;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:#66ce5b}.inline-error{color:white !important;background-image:-webkit-gradient(linear, left top, left bottom, from(red), to(#900));background-image:linear-gradient(to bottom, red, #900);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 #202125;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:#eee;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:#36383f;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:#47cf73;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:#2fb45a}.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 #248c46;box-shadow:0 0 0 2px #248c46}.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:#fcd000;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:#c9a600}.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 #967c00;box-shadow:0 0 0 2px #967c00}.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:#202125;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:#08090a}.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 black;box-shadow:0 0 0 2px black}.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 #c5c8d4;min-width:40px}.button-outline:hover,.button-outline:focus{background:white;border-color:white;color:black}.button-light{background:#c5c8d4;color:#111 !important}.button-light:hover{background:#8a90a9;color:white !important}.button-light.active:not([disabled]){background:#616574;color:white !important}.button-medium,.button-small{background:#36383f;color:white}.button-medium.button-focus:focus,.button-small.button-focus:focus{background:#4e505a;-webkit-box-shadow:0 0 0 2px #36383f;box-shadow:0 0 0 2px #36383f}.button-medium:hover,.button-small:hover{background:#4e505a}.button-medium.active:not([disabled]),.button-small.active:not([disabled]){background:white;color:#202125 !important}.button-medium.active:not([disabled]) svg,.button-small.active:not([disabled]) svg{fill:#202125}.button-dark{background:#111}.button-dark:hover,.button-dark:focus{background:#1e1e1e}.button-dark.active:not([disabled]){background:white;color:#202125 !important}.button-dark.active:not([disabled]):not(.loved):not(.all-three) svg{fill:#202125}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 #c5c8d4;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:#7b7e8c;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:#9396a4}.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 #fcd000;box-shadow:0 0 15px 1px #fcd000}.big-button:focus,.big-button:hover{-webkit-box-shadow:0 0 30px 1px #fcd000;box-shadow:0 0 30px 1px #fcd000}.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:#7b7e8c;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:#e5e7f0;text-shadow:none}.github-button:hover:not([disabled]) svg,.github-button:focus:not([disabled]) svg{fill:#202125}.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,R0lGODlhIAAgAPMAAJmZmf///6+vr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs/Ly8vz8/AAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4erq7bybuzsdih1jcazosfl0rvirnbrxlbbllx+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==)}.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 .pin-dropdown-button{background:#36383f;padding:10px 0 10px 5px;position:relative}.multi-button-pin .pin-dropdown-button svg{margin-right:0;width:12px}.multi-button-pin .pin-dropdown-button[aria-expanded='true']{background:white}.multi-button-pin .pin-dropdown-button[aria-expanded='true'] svg{fill:#202125}.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:24px;height:24px;fill:#9396a4;pointer-events:none}.pin-dropdown-alone-button .dropdown-arrow{width:9px;margin-left:-3px;fill:#9396a4}.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(255,221,65,0.8);box-shadow:0 0 0 0 rgba(255,221,65,0.8)}70%{-webkit-box-shadow:0 0 0 14px rgba(255,221,65,0);box-shadow:0 0 0 14px rgba(255,221,65,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,221,65,0);box-shadow:0 0 0 0 rgba(255,221,65,0)}}@keyframes feature-pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(255,221,65,0.8);box-shadow:0 0 0 0 rgba(255,221,65,0.8)}70%{-webkit-box-shadow:0 0 0 14px rgba(255,221,65,0);box-shadow:0 0 0 14px rgba(255,221,65,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,221,65,0);box-shadow:0 0 0 0 rgba(255,221,65,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,65,0.4);box-shadow:0 0 0 0 rgba(255,221,65,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:#4e505a}.button-editor-outline{border:3px solid #36383f;background:none}.button-editor-solid{border:3px solid #36383f;background:#36383f}.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:#47cf73}.follow-user-button:hover,.follow-user-button:focus,.follow-user-button:active{color:#000}.follow-user-button.following{background-color:#7b7e8c}.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:#36383f}progress.progress::-webkit-progress-bar{background-color:#36383f}progress.progress::-moz-progress-bar{background-color:#c5c8d4}progress.progress::-webkit-progress-value{background-color:#c5c8d4}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:#666;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:#ccc;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:#9396a4;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 #4c4f5a}.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:#ccc}.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:#ccc !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 #666;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 #9396a4}.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 #979797;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:#313131}.modal-signup h1 strong{color:#3d7d47}.modal-signup p{color:#818181}.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:#e3e3e3;height:40px;line-height:38px;border:2px solid #ccc;color:#757575}.modal-signup .tab.active{color:#2ba753;border-bottom:none;background:#f4f4f4}.modal-signup .tab:hover:not(.active){color:#313131;background:#f4f4f4}.modal-signup .tab.left{margin-right:20px}.modal-signup .bottom-area{background:#f4f4f4;border-top:2px solid #ccc;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:#454545;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:#777}.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:#333;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}}.flash-message{position:fixed;z-index:302;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:3px 10px 4px;color:black;border-radius:0 0 5px 5px;background:#ffdd40}.flash-message a{background:#222;color:white;padding:2px 4px;border-radius:4px;white-space:nowrap}.flash-message a:hover,.flash-message a:focus{background:#4c4f5a}.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:#202125}.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:#202125}.bar-message.bar-message-success{background:#d3ffe1;color:#202125}.bar-message.bar-message-ask{background:#fdf5cf;color:#202125}.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:#202125}.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:#202125;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:#616574}.help-flyout{display:none;position:absolute;z-index:10;left:100%;top:-20px;margin-left:12px;border:5px solid #555;-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:#c5c8d4}.help-flyout::before{content:'';position:absolute;left:0;margin-left:-14px;top:12px;width:0;height:0;border-right:10px solid #555;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:#c5c8d4 !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 #555}.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 #555;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:#666}.help-flyout-link .icon-help:hover,.help-flyout-link .icon-help:focus{fill:#9396a4}.help-flyout-link svg{display:block}.help-flyout-link .icon-x{width:12px;height:12px;fill:#555;position:absolute;top:10px;right:10px}.help-flyout-link .icon-x:hover,.help-flyout-link .icon-x:focus{fill:#eee}.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:#555;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:#9396a4}.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:#202125;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:#111;padding:0.5rem 0.75rem;color:#7b7e8c;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:#4c4f5a;padding:0.375rem 0.75rem 0.5rem}.search-filters input[type='radio']:focus+label{color:white;background:#4c4f5a}.search-filters .search-filter.active,.search-filters .search-filter:hover,.search-filters .search-filter:focus{color:#fff !important;background:#4c4f5a}.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}