@import url(https://fonts.googleapis.com/css?family=Oswald:400);.sotw.page .submit-cta:after{clear:both}.sotw.page.detail .previous-winners-label{display:none}.sotw.page .banner{background:#313d3e;padding:40px 24px 40px 24px}@media screen and (min-width:875px){.sotw.page .banner{padding:0 24px;background:#f7f8f8}}.sotw.page .banner h1,.sotw.page .banner h1 a{font-family:Oswald,sans-serif;color:#fff;font-weight:400;line-height:40px;text-align:center;font-size:45px;text-transform:uppercase;text-decoration:none;letter-spacing:-1px;margin:0;padding:0}@media screen and (min-width:875px){.sotw.page .banner h1,.sotw.page .banner h1 a{text-align:left;float:left}}.sotw.page .banner h2{font-weight:300;font-size:16px;text-align:center;font-style:italic;color:#bcbcbc;margin:0;padding:16px 0 0 0}@media screen and (min-width:875px){.sotw.page .banner h2{text-align:right;padding:6px 0}}.sotw.page .winner{padding-bottom:16px;clear:both;position:relative}@media screen and (min-width:768px){.sotw.page .winner{padding-bottom:82px}}@media screen and (min-width:768px){.sotw.page .winner.most-recent .accessory{display:block;float:left;margin-right:2.3576516%;width:48.8211742%}.sotw.page .winner.most-recent .accessory:last-child{margin-right:0}}.sotw.page .winner.most-recent .winner-intro+.btn-secondary{display:none}.sotw.page .winner.most-recent ul.two-col{columns:2;-moz-column-count:2}@media screen and (min-width:768px){.sotw.page .winner.most-recent .date,.sotw.page .winner.most-recent .timeline{display:none}}@media screen and (min-width:768px){.sotw.page .winner.most-recent~.previous-winners-label+.winner .line{top:-148px;height:130%}}.sotw.page .winner.most-recent+.inverted.depth-gradient{margin-top:-238px}@media screen and (min-width:480px){.sotw.page .winner.most-recent+.inverted.depth-gradient{margin-top:-208px}}@media screen and (min-width:768px){.sotw.page .winner.most-recent+.inverted.depth-gradient:before{content:"\25B6";font-size:400px;left:-104px;position:absolute;color:#fff}}.sotw.page .winner:first-child{padding-top:24px}@media screen and (min-width:768px){.sotw.page .winner:first-child{padding-top:64px}}.sotw.page .winner .features,.sotw.page .winner .tools{color:#8b8b8b;font-size:16px;line-height:28px;margin:0}.sotw.page .contributors{margin:16px 0 0 0}.sotw.page .contributors .contributor{margin:0;line-height:28px}.sotw.page .interview{clear:both;margin:40px 0}@media screen and (min-width:480px){.sotw.page .interview{margin:104px 0}}.sotw.page .interview .interview-headline{background:url(/img/sotw/fe2089a6fb1eedd593ee207ca9ca782d5b3da4b9/interview-icon.png) no-repeat left center;background-size:60px 52px;padding-left:80px;margin-bottom:64px}.sotw.page .interview .chat-bubble{border-radius:30px;font-size:18px;font-weight:400;line-height:27px;padding:16px 24px;margin:0 20px}.sotw.page .interview .message{display:block;clear:both;margin-bottom:24px}.sotw.page .interview .message a{color:#00c7b7;text-decoration:none}.sotw.page .interview .question{text-align:right}.sotw.page .interview .question .chat-bubble{color:#fff;display:inline-block;background:#4a90e2;border-bottom-right-radius:0;margin-right:20px;text-align:left}.sotw.page .interview .question .sender{text-align:right;line-height:40px}.sotw.page .interview .question .avatar{float:right;margin:0 0 0 8px}@media screen and (min-width:768px){.sotw.page .interview .answer{display:block;float:left;margin-right:2.3576516%;width:74.41058710%}.sotw.page .interview .answer:last-child{margin-right:0}}.sotw.page .interview .answer .chat-bubble{background:#f7f8f8;border-bottom-left-radius:0;margin-left:20px}.sotw.page .interview .answer .avatar{float:left}.sotw.page .interview .sender{display:block;margin-top:16px}.sotw.page .interview .sender em{color:#8b8b8b;font-style:normal;font-weight:400;font-size:10px;line-height:13px}.sotw.page .interview .sender em.contact-title{display:block}.sotw.page .interview .avatar{border-radius:50%;height:40px;margin:0 8px 0 0;vertical-align:middle;width:40px}.sotw.page .submit-cta{background:#fff;display:block}.sotw.page .submit-cta h2{font-weight:300;font-size:22px;padding-bottom:40px;margin-bottom:0}@media screen and (min-width:768px){.sotw.page .submit-cta h2{display:block;float:left;margin-right:2.3576516%;width:40.2913699%;margin-left:59.70863010%}.sotw.page .submit-cta h2:last-child{margin-right:0}}.sotw.page .submit-cta h2 a{display:block}@media screen and (min-width:768px){.sotw.page .submit-cta h2 a{display:inline-block}}.sotw.page .submit-cta:after,.sotw.page .submit-cta:before{content:" ";display:table}.sotw.page .previous-winners-label{margin:0 0 24px 0;padding-top:104px}.sotw.page .depth-gradient{content:' ';height:225px;width:100%;position:absolute;left:0;border-top:#fbfbfb;background-image:linear-gradient(0deg,#fff 33%,#fbfbfb 100%);z-index:-1}.sotw.page .depth-gradient.inverted{margin-top:-168px;background-image:linear-gradient(0deg,#fbfbfb 33%,#fff 100%)}.sotw.page .accessory{position:relative}@media screen and (min-width:768px){.sotw.page .accessory{top:19px;display:block;float:left;margin-right:2.3576516%;width:48.8211742%}.sotw.page .accessory:last-child{margin-right:0}}.sotw.page .accessory .section-label{font-weight:700;margin:0 0 32px 0;clear:both}@media screen and (min-width:768px){.sotw.page .content{display:block;float:left;margin-right:2.3576516%;width:40.2913699%}.sotw.page .content:last-child{margin-right:0}}.sotw.page .content.mobile{display:block;clear:both;margin-bottom:40px}@media screen and (min-width:768px){.sotw.page .content.mobile{display:none}}.sotw.page .content.desktop{display:none}@media screen and (min-width:768px){.sotw.page .content.desktop{display:block;margin-right:0;margin-left:8.52980430%}}.sotw.page .title{display:block;margin-bottom:8px}.sotw.page .title a{color:#313d3e;text-decoration:none;position:relative;transition:color .2s ease;font-size:36px;line-height:36px}@media screen and (min-width:768px){.sotw.page .title a{font-size:-1px;line-height:48px}}.sotw.page .title *{display:inline}.sotw.page .title .share-icon{margin-left:8px}.sotw.page .title .share-icon path{transition:fill .2s ease}.sotw.page .title:hover a{color:#00c7b7}.sotw.page .title:hover path{fill:#00c7b7}.sotw.page .outlink{display:inline}.sotw.page .byline,.sotw.page .hook,.sotw.page .winner-intro,.sotw.page .winner-quote{font-size:18px;line-height:28px}.sotw.page .byline{margin:0;font-weight:300;color:#8b8b8b;font-style:italic}.sotw.page .byline a{font-style:normal}.sotw.page .hook{margin:30px 0 0 0;font-weight:500}.sotw.page .hook span{padding-right:6px}.sotw.page .winner-intro{margin:24px 0 0 0;font-weight:300}.sotw.page .winner-intro+.btn-secondary{margin-top:24px}.sotw.page .winner-intro a:not(.btn-secondary){color:#00c7b7;text-decoration:none;font-weight:500}.sotw.page .winner-quote{margin:18px 0 24px 0;padding:8px 0 8px 24px;border-left:4px solid #e6e6e6}.sotw.page .winner-quote .quote{font-weight:300;font-style:italic;margin-bottom:8px}.sotw.page .winner-quote .attribution{font-weight:700;font-size:12px;color:#8b8b8b}.sotw.page .winner-quote p{margin:0}.sotw.page .date{font-weight:700;color:#313d3e;font-size:12px;line-height:14px;text-align:right;text-transform:uppercase;margin-bottom:26px}@media screen and (min-width:768px){.sotw.page .date{display:block;float:left;margin-right:4.82915791%;width:82.52847368%}.sotw.page .date:last-child{margin-right:0}}.sotw.page .date .month{vertical-align:top;position:relative}.sotw.page .date .month:after{content:' ';border-top:1px solid #00c7b7;margin:0;padding:0;width:8000px;position:absolute;right:0;bottom:-2px}.sotw.page .date .day{font-size:34px;line-height:27px}.sotw.page img.responsive{border-radius:4px}.sotw.page .screenshot-slider{clear:both;overflow:hidden}.sotw.page .screenshot-slider>div{display:none}.sotw.page .screenshot-slider>div:first-child{display:block}.sotw.page .slick-slide{width:100%;display:inline-block;vertical-align:top}.sotw.page .slick-list{box-shadow:0 0 1px rgba(0,0,0,.1)}.sotw.page .slick-dots{list-style-type:none;margin:-35px 0 53px 0;padding:0;position:relative;text-align:center;width:100%}.sotw.page .slick-dots li{display:inline}.sotw.page .slick-dots li:not(:last-child) button{margin-right:8px}.sotw.page .slick-dots li.slick-active button,.sotw.page .slick-dots li:hover button{background:#fff}.sotw.page .slick-dots button{background:0 0;border:2px solid #fff;border-radius:16px;box-shadow:0 2px 7px rgba(0,0,0,.6);font-size:0;height:10px;padding:0;width:10px}.sotw.page ul.two-col{margin:0 0 24px 0;padding:0 0 0 8px;font-size:16px;line-height:28px;columns:2;-moz-column-count:2;list-style-type:none;list-style-position:inside}@media screen and (min-width:768px){.sotw.page ul.two-col{padding:0 0 0 24px}}.sotw.page ul.two-col:last-child{margin-bottom:0}.sotw.page ul.two-col li span{position:relative;padding-left:24px;display:list-item}.sotw.page ul.two-col li span:before{content:'\2192';color:#00c7b7;position:absolute;left:0}@media screen and (min-width:768px){.sotw.page .mobile .btn-secondary{display:none}}.sotw.page .mobile .outlink img{width:19px}.sotw.page .timeline{display:none}@media screen and (min-width:768px){.sotw.page .timeline{height:100%;color:#fff;color:transparent;display:block;float:left;margin-right:1.16509140%;width:3.05012074%}.sotw.page .timeline.spacer{top:47px;left:33px;position:relative}.sotw.page .timeline.spacer:before{content:' ';position:absolute;width:200%;margin-left:-100%;border-bottom:1px solid #bcbcbc;z-index:2}.sotw.page .timeline.edge .line{content:' ';position:absolute;border-left:1px solid #f7f7f7;height:100%;margin-left:-1%;top:0}.sotw.page .timeline:last-child{margin-right:0}}.sotw.page .pagination:before{content:' ';height:300px;width:50px;position:absolute;left:50%;background-image:linear-gradient(0deg,#fff 15%,rgba(255,255,255,0) 100%);margin-top:-300px}