#feed-header{padding:35px 0;text-align:center}#feed-header .feed-title{margin-bottom:10px}#feed-header .subtitle{color:var(--gray-dark1);font-size:16px}#feed-header .skip-link{font-size:16px;display:none}#feed-sticky-header{margin:0 auto;text-align:center}#feed-sticky-header .nav{float:none;display:inline-block;margin:5px 0 0 0}.sticky-header-wrapper{height:100px;margin-top:5px;position:relative}.sticky-header-wrapper.onboarding{height:143px;margin-top:10px}#feed-sticky-header.affix{top:0;background:#fff;z-index:3;width:100%;box-shadow:0 0 5px 0 var(--gray-dark1)}#feed-sticky-header .icon-category-circuits:before{content:url(../svg/feed-circuits.svg)}#feed-sticky-header .icon-category-workshop:before{content:url(../svg/feed-workshop.svg)}#feed-sticky-header .icon-category-design:before{content:url(../svg/feed-design.svg)}#feed-sticky-header .icon-category-craft:before{content:url(../svg/feed-craft.svg)}#feed-sticky-header .icon-category-cooking:before{content:url(../svg/feed-cooking.svg)}#feed-sticky-header .icon-category-living:before{content:url(../svg/feed-living.svg)}#feed-sticky-header .icon-category-outside:before{content:url(../svg/feed-outside.svg)}#feed-sticky-header .icon-category-teachers:before{content:url(../svg/feed-teachers.svg)}#feed-sticky-header .icon-category-authors:before{content:url(../svg/feed-authors.svg)}#feed-sticky-header .nav-btn .tab-link .section-label{text-align:center;margin-top:6px;font-size:14px;font-weight:700;color:var(--gray-dark4)}#feed-sticky-header .nav-btn .tab-link{padding:0;margin:10px 8px;width:100px;height:70px;border:1px solid var(--gray-light2);border-radius:3px;background-color:var(--gray-light1);text-align:center}#feed-sticky-header .nav-btn.active .tab-link{background-color:var(--gray-light2);border:1px solid var(--gray-light4);box-shadow:none;-webkit-box-shadow:none}#feed-sticky-header .nav-btn .tab-link:focus,#feed-sticky-header .nav-btn .tab-link:hover{background-position:0;background-color:var(--gray-light2);border:1px solid var(--gray-light4)}#feed-sticky-header .nav-btn .tab-link .icon-contest{color:var(--yellow);font-size:46px;height:38px;width:48px}#feed-sticky-header .nav-btn .tab-link .icon-member{color:var(--special-cyan-bright);font-size:44px;height:37px;width:46px}#feed-sticky-header .nav-btn .tab-link .icon-favorite{color:var(--magenta);font-size:44px;height:35px;width:41px}#feed-sticky-header .btn-done{top:20px;position:absolute}#feed-sticky-header #progress>div{display:inline-block}#progress{padding:13px 0}.affix #progress{padding:13px 0 3px}#progress .btn-feed{margin-top:0}#progress .progress-bar{height:12px;width:500px;display:inline-block;border-radius:5px;background-color:var(--gray-light2);vertical-align:middle;margin:0 5px}#progress .progress-bar .progress-filler{height:12px;background:var(--yellow);width:0;border-radius:5px 0 0 5px;transition:border-radius 1s,width .4s}#progress .progress-bar .progress-filler.finished{height:12px;background:var(--yellow);border-radius:5px}#progress .message{width:115px;text-align:right}#follow-items{padding-bottom:80px}.section-title{margin-top:4px;font-size:40px;line-height:52px;margin-bottom:21px}.flat-wrapper.onboarding #author-subscriptions{display:none}.followable{display:block;float:left;margin:10px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden}.contest{width:300px;height:145px}.channel{width:300px;height:150px}.channel-thumbnail div.gradient-overlay{background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 60%,rgba(0,0,0,.5));width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.followable .button-add,.followable .button-following,.followable.following:hover .button-add{display:none;z-index:2}.channel-title{z-index:2}.followable:hover .bg-image{opacity:.5}.contest img{width:300px}.followable.following .bg-image{opacity:.15}.followable.following .button-following,.followable:hover .button-add{display:inline;position:absolute;top:20px;right:20px;padding:4px 8px}.followable i{color:var(--gray-dark4);font-size:14px;width:14px}.author i{margin-right:5px;color:var(--gray-dark4);font-size:14px;width:14px;margin-top:2px}#author-subscriptions,.category{text-align:center}.author{height:95px;width:300px;padding:10px;border:1px solid var(--gray-light3);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;float:left;margin:10px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:left}.author .member-pic{float:left;height:75px;width:75px}.author .member-pic img{max-width:75px;width:75px}.author .member-info{float:left;margin-left:10px;height:75px;width:calc(100% - 85px)}.author .member-info .profile-link{font-weight:700}.author .member-info .member-top{height:40px}.author .btn-yellow{top:4px;position:relative;padding:4px 8px;text-align:left}.author .button-add{display:inline;width:88px}.author.following .button-add{display:none}.author .button-following{display:none;width:110px}.author.following .button-following{display:inline}.follow-buttons{float:left;width:95px;height:30px}.author .member-info .bubble{display:none}.bubble{position:relative;background:var(--white);border:var(--gray-light3) solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;float:left;margin-left:10px;height:20px;top:5px;padding:2px 6px}.bubble:after{content:"";position:absolute;top:7px;left:-5px;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent var(--white);display:block;width:0;z-index:1}.bubble:before{content:"";position:absolute;top:7px;left:-6px;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent var(--gray-light3);display:block;width:0;z-index:0}@media (max-width:639px){#progress .progress-bar{width:300px}.sticky-header-wrapper{height:300px}.sticky-header-wrapper.onboarding{height:343px}.scroll-section{padding:20px calc(50% - 160px) 40px}#feed-sticky-header .btn-done{right:15px}#feed-sticky-header .nav{max-width:354px}}@media (min-width:640px) and (max-width:718px){#progress .progress-bar{width:400px}}@media (min-width:640px) and (max-width:959px){.sticky-header-wrapper{height:200px}.sticky-header-wrapper.onboarding{height:243px}.scroll-section{padding:20px calc(50% - 320px) 40px}#feed-sticky-header .btn-done{right:15px}#feed-sticky-header .nav{max-width:472px}}@media (min-width:960px) and (max-width:1119px){.sticky-header-wrapper{height:200px}.sticky-header-wrapper.onboarding{height:243px}.scroll-section{padding:20px calc(50% - 480px) 40px}#feed-sticky-header .btn-done{right:15px}#feed-sticky-header .nav{max-width:472px}}@media (min-width:1120px) and (max-width:1279px){.scroll-section{padding:20px calc(50% - 480px) 40px}#feed-sticky-header .btn-done{right:15px}#feed-sticky-header .nav{margin-left:calc(50% - 477px)}.onboarding #feed-sticky-header .nav{margin-left:0}#feed-sticky-header{text-align:left}.onboarding #feed-sticky-header{text-align:center}}@media (min-width:1280px) and (max-width:1599px){.scroll-section{padding:20px calc(50% - 640px) 40px}#feed-sticky-header .btn-done{right:calc(50% - 630px)}}@media (min-width:1600px) and (max-width:1919px){.scroll-section{padding:20px calc(50% - 800px) 40px}#feed-sticky-header .btn-done{right:calc(50% - 790px)}}@media (min-width:1920px) and (max-width:2239px){.scroll-section{padding:20px calc(50% - 960px) 40px}#feed-sticky-header .btn-done{right:calc(50% - 950px)}}@media (min-width:2240px){.scroll-section{padding:20px calc(50% - 1120px) 40px}#feed-sticky-header .btn-done{right:calc(50% - 1110px)}}