#featured,.extension-list,.pagination{padding:0 20px 0px}@media all and (min-width: 1024px){#featured,.extension-list,.pagination{padding:0 5% 0px}}@media all and (min-width: 1500px){#featured,.extension-list,.pagination{padding:0 15% 0px}}.sache-bar-actions,.featured-cards,.ghub-info{list-style:none;margin:0;padding:0;overflow:hidden}.page-title,.card-title,.card-description,.add-project-title{margin-top:0}h1,h2,h3,h4,h5,h6,.title-link,.actions .button{font-family:"ff-tisa-web-pro", serif}body,.response-bar .response-text{font-family:"ff-tisa-sans-web-pro", sans-serif}*,* *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}body{font-size:1em}.img-404{text-align:center}.container{min-height:100%}.main-content{padding-bottom:280px;overflow:auto}@media all and (min-width: 520px){.main-content{padding-bottom:250px}}@media all and (min-width: 768px){.main-content{padding-bottom:200px}}footer{height:280px;margin-top:-280px}@media all and (min-width: 520px){footer{height:250px;margin-top:-250px}}@media all and (min-width: 768px){footer{height:200px;margin-top:-200px}}.button{background-color:#ad3972;display:inline-block;margin-bottom:1.25em;font-size:0.875em;font-weight:bold;color:#fff;line-height:2.1875em;border:none;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px;-webkit-transition:background-color 200ms linear;-moz-transition:background-color 200ms linear;-o-transition:background-color 200ms linear;transition:background-color 200ms linear}.button:hover{background-color:#9a3366}.button:active{outline:none}a{text-decoration:none;-webkit-transition:color 200ms linear;-moz-transition:color 200ms linear;-o-transition:color 200ms linear;transition:color 200ms linear}p{font-weight:400}.note{font-size:0.75em;margin-bottom:1.875em}.instruction-list .note a{color:rgba(255,255,255,0.6)}.instruction-list .note a:hover{color:#fff}.footer-wrap .note{color:#bbb;margin-bottom:0;margin-top:0}pre{background-color:#c0407f;padding:0.875em;overflow:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}pre code{display:block;color:#f2d9e6;white-space:pre}h1,h2,h3,h4,h5,h6{font-weight:normal}h3{color:#706c69;font-size:1em;font-weight:bold;text-align:center;margin-bottom:1.875em}.sache-bar{background:#c6538c url("../img/wave-pattern.png") 0 0 repeat-x;padding:0;overflow:hidden;height:7.5em}@media all and (min-width: 768px){.sache-bar{height:3.75em;padding:0 0.9375em}}.logo{margin:0;color:#fff;text-align:center}.logo img{height:35px;margin-top:10px}@media all and (min-width: 768px){.logo{float:left;text-align:left;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}.sache-bar-actions{height:3.875em;background-color:#c0407f}.sache-bar-actions li{float:left;color:rgba(255,255,255,0.6);overflow:hidden;height:100%;width:50%;-webkit-transition:color 200ms linear;-moz-transition:color 200ms linear;-o-transition:color 200ms linear;transition:color 200ms linear}.sache-bar-actions li a{color:transparent;display:inline-block;height:100%;line-height:60px;-webkit-transition:opacity 200ms linear;-moz-transition:opacity 200ms linear;-o-transition:opacity 200ms linear;transition:opacity 200ms linear}.sache-bar-actions li a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}@media all and (min-width: 768px){.sache-bar-actions li a{color:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}}@media all and (min-width: 768px){.sache-bar-actions li{width:auto}}@media all and (min-width: 768px){.sache-bar-actions{float:right;background-color:transparent}}.sache-add-extension{border-left:solid 1px rgba(255,255,255,0.1)}.sache-add-extension a{background:url("../img/icons.svg") 50% -102px no-repeat;position:relative;width:100%;padding-left:4.375em;padding-right:1.5625em}@media all and (min-width: 768px){.sache-add-extension a{background-position:40px -104px !important;width:auto}}.sache-search form{height:99%}.sache-search input{background:#c0407f url("../img/icons.svg") 50% -58px no-repeat;border:0;height:100%;color:#fff;width:100%;text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.sache-search input::-webkit-input-placeholder{color:transparent}.sache-search input:-moz-placeholder{color:transparent}.sache-search input::-moz-placeholder{color:transparent}.sache-search input:-ms-input-placeholder{color:transparent}@media all and (min-width: 768px){.sache-search input{background-color:#c6538c}}.sache-search input.activated{left:0;background-color:#d98cb2}.sache-search input:focus{outline:none;background-image:none !important;background-color:#c0407f;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sache-search input:focus::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}.sache-search input:focus:-moz-placeholder{color:rgba(255,255,255,0.5)}.sache-search input:focus::-moz-placeholder{color:rgba(255,255,255,0.5)}.sache-search input:focus:-ms-input-placeholder{color:rgba(255,255,255,0.5)}@media all and (min-width: 768px){.sache-search input:focus{width:250px}.sache-search input:focus:before{display:none}}@media all and (min-width: 768px){.sache-search input{background-position:20px -57px !important;width:150px;margin-left:10px;padding:5px 5px 4px 49px;text-align:left;color:#fff;-webkit-transition:width 350ms cubic-bezier(0.36, -0.27, 0.49, 1.29),background-color 200ms linear;-moz-transition:width 350ms cubic-bezier(0.36, -0.27, 0.49, 1.29),background-color 200ms linear;-o-transition:width 350ms cubic-bezier(0.36, -0.27, 0.49, 1.29),background-color 200ms linear;transition:width 350ms cubic-bezier(0.36, -0.27, 0.49, 1.29),background-color 200ms linear;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}.sache-search input::-webkit-input-placeholder{color:#fff}.sache-search input:-moz-placeholder{color:#fff}.sache-search input::-moz-placeholder{color:#fff}.sache-search input:-ms-input-placeholder{color:#fff}}header{background:#f8f8fa url("../img/circle-pattern.png") 50% 45% no-repeat;margin-bottom:1.875em;padding:1.25em 20px 1.625em;text-align:center}@media all and (min-width: 768px){header{padding:3.125em 5% 3.75em}}@media all and (min-width: 1500px){header{padding:5em 15% 5.875em}}.page-title{margin-bottom:0.25em;font-size:2em;line-height:1.3;color:#706c69}@media all and (min-width: 768px){.page-title{font-size:2.5em}}@media all and (min-width: 1024px){.page-title{font-size:2.875em}}.title-wrapper .page-title{display:inline;margin-left:5px}@media all and (min-width: 1024px){.title-wrapper .page-title{margin-left:10px}}.title-wrapper .to-home{display:inline;font-size:2.25em;font-weight:300;color:#d9d7d6;margin-right:5px}@media all and (min-width: 768px){.title-wrapper .to-home{font-size:2.625em}}@media all and (min-width: 1024px){.title-wrapper .to-home{font-size:3.125em;margin-right:10px}}.title-wrapper .to-home:hover{color:#a8a4a2}.page-description{font-size:0.875em;color:#706c69;margin-bottom:0;line-height:1.5}@media all and (min-width: 768px){.page-description{font-size:1em}}@media all and (min-width: 1024px){.page-description{font-size:1.125em}}.page-description a{color:#7ca4ab;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}.page-description a:hover{color:#c6538c}.cta-button{background-color:#e3e3eb;padding:10px 30px 11px 30px;font-weight:bold;font-size:16px;margin-top:10px;display:inline-block;color:#96928f !important;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.cta-button:hover{background-color:#d4d4e0;color:#706c69 !important}#featured{margin-bottom:50px}@media all and (min-width: 768px){.featured-cards{display:table;height:100%}}.feature-card{margin:0 0 1.25em;width:100%}@media all and (min-width: 768px){.feature-card{padding:0 1em 0;width:33.333%;height:100%;display:table-cell;position:relative}.feature-card:first-child{padding-left:0}.feature-card:last-child{padding-right:0}}.feature-card>span{display:block;position:relative;border:solid 1px #ddd;height:100%;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.card-title{font-size:1.375em;line-height:1.5;padding:20px 20px 0}.title-link{display:block;width:100%;color:#c6538c;cursor:pointer}.title-link:hover,.title-link:active{color:#862d59}table .title-link{font-size:0.875em;margin-bottom:12px}@media all and (min-width: 768px){table .title-link{margin-top:-6px;margin-bottom:0px}}.card-description-wrapper{overflow:hidden;padding-bottom:1em;padding:0 20px 20px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}@media all and (min-width: 768px){.card-description-wrapper{margin-bottom:90px}}@media all and (min-width: 1024px){.card-description-wrapper{margin-bottom:50px}}.card-description{font-size:1em;line-height:1.6;margin-bottom:1em;color:#706c69}table .card-description{font-size:0.875em;line-height:1.6}.ghub-info{color:#888;background-color:#fbfbfc;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px}.ghub-info li{background-color:#fbfbfc;float:left;border-top:solid 1px #eee;width:100%;text-align:center;color:#888 !important;padding:12px 0;font-size:0.875em}@media all and (min-width: 520px){.ghub-info li{width:50%}}@media all and (min-width: 768px){.ghub-info li{width:100%}}@media all and (min-width: 1024px){.ghub-info li{width:50%}}@media all and (min-width: 768px){.ghub-info{position:absolute;bottom:0;width:100%}}.libsass{opacity:0.2}.libsass.true{opacity:1}.libsass-logo{display:inline-block;margin-top:3px;margin-left:5px;vertical-align:middle;-webkit-filter:grayscale(100%) opacity(20%);filter:grayscale(100%) opacity(20%);transition:all 250ms linear}.libsass-logo:hover{-webkit-filter:grayscale(0%) opacity(100%);filter:grayscale(0%) opacity(100%)}.author-filter{display:inline-block;color:#888}.author-filter:hover,.author-filter:active{color:#222}.author{position:relative;cursor:pointer;border-right:solid 1px #eee}.author:before{content:" ";background:url("../img/icons.svg") 0 -42px no-repeat;display:inline-block;width:14px;height:14px;margin-right:3px;position:relative;top:2px}.author a:hover{color:#c6538c}table .author{border-right:none;font-size:13px}.ghub-stars{float:right;position:relative}table .ghub-stars{float:none;font-size:13px}.ghub-stars:before{content:" ";background:url("../img/icons.svg") 0 0 no-repeat;display:inline-block;width:14px;height:14px;margin-right:2px;position:relative;top:2px}@media all and (min-width: 768px){.ghub-stars:before{margin-right:5px}}.tags{padding-bottom:0;margin-bottom:5px;color:#7ca4ab}.tag:after{content:",";color:#333}.tag:last-child:after{content:""}table .tag-list{line-height:1.45;margin-bottom:12px}@media all and (min-width: 768px){table .tag-list{margin-bottom:0}}.tag{color:#7ca4ab;font-size:0.875em;-webkit-transition:color 200ms;-moz-transition:color 200ms;-o-transition:color 200ms;transition:color 200ms}.tag:hover{color:#c6538c}.extension-list h3{margin-top:80px}.extension-list h3 small{color:#d4d2d1;display:block}@media all and (min-width: 768px){.extension-list h3 small{display:inline;margin-left:10px}}.extension-list table{width:100%;margin:0 0 100px;padding:0 15px}.extension-list table thead{font-weight:bold}@media all and (max-width: 767px){.extension-list table thead{display:none}}.extension-list table thead th{text-align:left}.extension-list table thead td,.extension-list table thead th{line-height:43px;color:#a5a19c;padding:0 10px}.extension-list table thead td:first-child,.extension-list table thead th:first-child{padding-left:0}.extension-list table tbody td{padding:20px 10px}@media all and (min-width: 768px){.extension-list table tbody td:first-child{padding-left:0}}@media all and (max-width: 767px){.extension-list table tbody td{padding:0}}.extension-list table tr{border-bottom:solid 1px #ddd;color:#888}@media all and (max-width: 767px){.extension-list table tr{display:block;border:solid 1px #ddd;padding:20px;margin-bottom:20px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}}.extension-list table td{vertical-align:top}@media all and (max-width: 767px){.extension-list table td{display:block}}.sortable a{display:block;width:100%;position:relative;cursor:pointer}.sortable a:hover{color:#8d8881}.sortable a:after{display:block;content:"";width:11px;height:15px;position:absolute;right:8px;top:15px;background:url("../img/arrows.svg") #fff -36px -2px no-repeat;background-size:50px auto;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:0.4}.sortable a.current.asc:after{background-position:-2px -1px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sortable a.current.desc:after{background-position:-20px -1px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.banners{margin-top:60px}.img-container{width:50%;float:left}@media all and (max-width: 700px){.img-container{width:100%;float:none;padding:0 20px;text-align:center}}.img-container .pink{float:right}@media all and (max-width: 700px){.img-container .pink{float:none}}.img-container .grey{float:left}@media all and (max-width: 700px){.img-container .grey{float:none}}.banner-code{clear:both;width:300px;border:solid 1px #d4d2d1;color:#a39f9c;padding-left:8px;margin-top:20px;line-height:1.3;height:100px;margin-bottom:60px}@media all and (max-width: 700px){.banner-code{width:100%}}.banner-code:focus{outline:none;border-color:#706c69}.pink+.banner-code{float:right}@media all and (max-width: 700px){.pink+.banner-code{float:none}}.grey+.banner-code{float:left;clear:left;border-left:none}@media all and (max-width: 700px){.grey+.banner-code{float:none;border-left:solid 1px #d4d2d1}}.previous_page,.next_page{display:none;height:22px;color:#fff;position:absolute;top:50%;background-color:#d98cb2;background-image:url("../img/icons.svg");background-repeat:no-repeat;padding:13px !important;margin:0 !important;font-size:0.8125em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-transition:background-color 200ms linear;-moz-transition:background-color 200ms linear;-o-transition:background-color 200ms linear;transition:background-color 200ms linear}@media all and (min-width: 520px){.previous_page,.next_page{display:inline}}.previous_page:hover,.next_page:hover{background-color:#d379a6}.disabled.previous_page,.disabled.next_page{background-color:#dfa0bf;background-image:none !important;color:rgba(255,255,255,0.5);cursor:default;padding-left:0 !important;padding-right:0 !important}.pagination a,.pagination .current{color:#fff;margin:0 3px;font-size:0.8125em;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.pagination{background-color:#dfa0bf;border-bottom:solid 2px #d379a6;padding-top:12px;padding-bottom:12px;text-align:center;color:#fff;position:relative;z-index:1}.pagination a{background-color:#d98cb2;padding:3px 10px}.pagination a:hover{background-color:#d379a6}.pagination .current{background-color:#e6b3cc;cursor:default;padding:3px 10px;font-style:normal}.previous_page{left:20px;background-position:7px -161px}@media all and (min-width: 1024px){.previous_page{left:5%}}@media all and (min-width: 1500px){.previous_page{left:15%}}.next_page{right:20px;background-position:6px -192px}@media all and (min-width: 1024px){.next_page{right:5%}}@media all and (min-width: 1500px){.next_page{right:15%}}.modal-tarp{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index:999;overflow:scroll}.add-project{background:#c6538c;padding:1.875em;margin:0 auto;width:100%;max-width:100%;position:relative;top:0;left:50%;margin-left:-50%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:all 200ms ease-in-out;-webkit-transition-delay:200ms;-moz-transition:all 200ms ease-in-out 200ms;-o-transition:all 200ms ease-in-out 200ms;transition:all 200ms ease-in-out 200ms;-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}@media all and (min-width: 768px){.add-project{top:100px;width:80%;margin-left:-40%;position:absolute;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}}@media all and (min-width: 1024px){.add-project{width:60%;margin-left:-30%}}.add-project.modal-open{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}.add-project-title{font-size:1.25em;line-height:1.2;padding-right:20px;color:#fff}.instruction-list{padding-left:20px;color:#fff}.instruction-list li p code{background-color:#c0407f;color:#f2d9e6;padding:2px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.field{width:100%}@media all and (min-width: 520px){.field{float:left;width:80%}}form.processing .button{text-indent:-9999px;background-image:url("../img/spinner.gif");background-repeat:no-repeat;background-position:50% 50%;background-size:15%;cursor:default}form.processing .button:hover{background-color:#ad3972}.actions .button{line-height:35px;height:40px;font-size:1em;font-weight:normal;width:100%;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}@media all and (min-width: 520px){.actions .button{width:20%;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}}.add-url{border:none;color:#333;line-height:40px;height:40px;width:100%;font-size:1em;padding-left:5px;margin-bottom:10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}@media all and (min-width: 520px){.add-url{margin-bottom:0px;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}}.add-url:focus{outline:none}.cancel-button{position:absolute;top:12px;right:20px;font-size:1.875em;color:rgba(255,255,255,0.6);-webkit-transition:color 200ms;-moz-transition:color 200ms;-o-transition:color 200ms;transition:color 200ms}.cancel-button:hover,.cancel-button:active{color:#fff}.response-bar{width:100%;padding:20px;font-size:1.125em;position:relative;top:-100px;-webkit-transition:top 200ms 50ms;-webkit-transition-delay:cubic-bezier(0.36, -0.27, 0.49, 1.29);-moz-transition:top 200ms 50ms cubic-bezier(0.36, -0.27, 0.49, 1.29);-o-transition:top 200ms 50ms cubic-bezier(0.36, -0.27, 0.49, 1.29);transition:top 200ms 50ms cubic-bezier(0.36, -0.27, 0.49, 1.29)}.response-bar .response-text{max-width:900px;margin:0 auto;text-align:center}.response-bar.error{background:#a20237;color:#fff}.response-bar.success{background:#3b620c;color:#fff}.response-bar.show{top:0}footer{background:#f8f8fa url("../img/circle-pattern.png") 50% 44% no-repeat;text-align:center;padding-left:20px;padding-right:20px}@media all and (min-width: 1024px){footer{padding-left:5%;padding-right:5%}}@media all and (min-width: 1500px){footer{padding-left:15%;padding-right:15%}}footer a{color:inherit}footer a:hover,footer a:active{color:#c6538c}@media all and (min-width: 520px){footer .note{width:340px;margin:0 auto}}.footer-wrap{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.footer-title{font-size:1.75em;margin:0}.authors{color:#888;margin:0;margin-top:0.25em;margin-bottom:0.625em}