@import "//fonts.googleapis.com/css?family=Source+Sans+Pro:400";*{transition:all .2s cubic-bezier(.8,0,.2,1)}body{margin:0;color:#263646;font-family:source sans pro,arial;font-size:16px;padding:60px 0 100px;animation-name:fade;animation-duration:.5s}p{line-height:150%}p a{text-decoration:underline}h1{font-size:20px;margin:0;padding:0;font-weight:400}h2{font-size:14px;font-weight:400;margin:10px 0 30px}h3{font-size:inherit;font-weight:600;padding:0 10px;display:inline;font-weight:400}input[type=text]{line-height:36px;padding:0 12px;border-radius:4px;transition:all .1s;box-sizing:border-box;background-color:#fff;border:1px solid #e9f2f9;width:100%;font-size:14px;font-family:source sans pro;outline:none}::placeholder{color:#bdcde1;opacity:1}.block{background-color:#fff}.button{line-height:36px;padding:0 12px;display:inline-block;border-radius:4px;cursor:pointer;transition:all .1s;box-sizing:border-box;text-align:center;background-color:#fff;border:1px solid #e9f2f9}.button:hover{color:#000;background-color:#f5fcff}.button:active{transform:translateY(1px)}.button.strong{background-color:#263646;color:#fff;border:none}.button.strong:hover{filter:brightness(130%)}.shadow{box-shadow:0 10px 40px -10px rgba(0,64,128,.2)}.soft_shadow{box-shadow:0 5px 10px 0 rgba(0,64,128,.05)}.hide{display:none}.wrap{max-width:1640px;margin:0 auto;position:relative}a{color:#000;text-decoration:none}a:hover{color:#000}#header{width:100%;height:50px;line-height:50px;position:fixed;z-index:2;top:0;background-color:#fff}#logo{padding-left:50px;padding-right:10px;font-size:20px;display:inline-block}#logo img{width:28px;position:absolute;top:12px;left:12px}#sort{padding:0 10px;cursor:pointer;display:none}#sort img{width:12px;margin-left:3px}.dropdown{position:absolute;border-radius:0 0 6px 6px;overflow:hidden;display:none;font-size:14px;animation-name:drop;animation-duration:.2s;transform-origin:top;border-top:1px solid #e9f2f9;z-index:100}@keyframes drop{0%{transform:scaleY(.5);opacity:0}}.dropdown a{text-align:left;display:block;line-height:36px;padding:0 80px 0 20px;margin:0;border-radius:0;border:none;position:relative}.dropdown a.selected{color:#bdcdde}.dropdown .seperator{background-color:#e9f2f9;height:1px}#sort_menu{left:221px;top:50px}#menu{position:absolute;top:0;right:0;padding:0 10px;cursor:pointer}#menu:hover img{filter:brightness(90%)}#menu img{width:26px;position:relative;top:-2px}#main_menu{right:10px}#container{direction:rtl;text-align:left}#jscode{display:none}#feed{margin-right:240px;direction:ltr}.item{width:260px;margin:8px;border-radius:8px;padding:15px;box-sizing:border-box;position:relative;animation-name:item;animation-duration:.4s;display:inline-block;text-align:left;animation-fill-mode:backwards}.item.focus{width:97.5%;display:block}.item .like{margin-top:15px}.item.liked .like{background-color:#f5fcff;color:#70a1d4}.item.liked .like img{filter:brightness(300%)}@keyframes item{0%{opacity:0;transform:translateY(10px)}}.palette{max-width:100%;padding-bottom:100%;border-radius:6px;position:relative;display:block}.palette a{width:100%;height:100%;display:block;position:absolute}.item.focus .palette{padding-bottom:50%}.place{position:absolute;width:100%;border-radius:20px 20px 0 0;animation-name:place;transform-origin:top}@keyframes place{0%{transform:scaleY(1.2);filter:brightness(300%);filter:hue-rotate(50deg)}}.place span{position:absolute;text-align:center;display:block;bottom:0;color:#fff;opacity:0;text-transform:uppercase;background-color:rgba(0,0,0,.1);padding:3px 6px;border-radius:0 3px 0 0;cursor:pointer}.place span:hover{background-color:rgba(0,0,0,.4)}.place span:active{background-color:rgba(0,0,0,.6)}.c1{padding-bottom:41%;border-radius:4px 4px 0 0;animation-duration:1s}.focus .c1{padding-bottom:20.5%;animation-name:none}.c2{padding-bottom:67%;animation-duration:.6s}.focus .c2{padding-bottom:33.5%;animation-name:none}.c3{padding-bottom:85%;animation-duration:.2s}.focus .c3{padding-bottom:42.5%;animation-name:none}.c4{padding-bottom:100%;border-radius:20px 20px 4px 4px;animation-duration:0s}.focus .c4{padding-bottom:50%;animation-name:none}.place:hover span{opacity:1}.like img{width:15px;margin-right:5px;position:relative;top:1px;animation-name:heart;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:backwards}@keyframes heart{0%{transform:scale(0)}50%{transform:scale(1.1)}}.like span{animation-name:fade;animation-duration:1s;animation-delay:.3s;animation-fill-mode:backwards}.like:hover img{filter:brightness(150%)}.tip{background-color:#263646;padding:0 14px;line-height:30px;position:absolute;border-radius:4px;z-index:100;color:#fff;font-size:12px;animation-name:tip;animation-duration:.6s;animation-fill-mode:both}.tip:before{content:"";background-color:#263646;height:10px;width:10px;display:block;position:absolute;transform:rotate(45deg);top:-4px;left:17px}#like_tip{bottom:-23px;left:15px}#saved_tip{animation-name:come_and_leave;animation-duration:1.4s;animation-fill-mode:both;animation-delay:.3s;top:145px;left:-7px}.save_image{color:#a9bdd3;font-size:14px;margin-left:5px}.save_image img{margin-right:8px;position:relative;top:2px}.save_image:hover{color:#a9bdd3}#copied_tip{animation-name:come_and_leave;animation-duration:1s;animation-fill-mode:both;bottom:-40px;left:-7px}.date{font-size:12px;position:absolute;right:20px;bottom:26px;color:#bdcdde;animation-name:fade;animation-duration:1s;animation-fill-mode:backwards}#side{width:220px;position:fixed;top:78px;font-size:14px;direction:ltr;margin-right:10px;animation-name:fade;animation-duration:1s}#side .section{margin-bottom:24px;box-sizing:border-box}#credit a:hover{text-decoration:underline}#search{margin-bottom:20px}#search img{width:17px;position:absolute;top:11px;right:10px}#search_menu{width:100%;top:37px;max-height:272px;overflow-y:scroll}#search_menu a{padding-left:33px}#search_menu .button::after{display:block;content:" ";position:absolute;left:10px;top:11px;width:14px;height:14px;border-radius:14px}#search_menu .theme::after{display:block;content:" ";position:absolute;left:10px;top:10px;width:16px;height:16px;background:url(/img/color-hunt-palettes-icon-star.png);background-size:contain}#search_menu .red::after{background-color:#ff3737}#search_menu .orange::after{background-color:#ff8337}#search_menu .brown::after{background-color:#c29867}#search_menu .yellow::after{background-color:#ffe272}#search_menu .green::after{background-color:#9de16f}#search_menu .turquoise::after{background-color:#36d8b7}#search_menu .blue::after{background-color:#53afff}#search_menu .purple::after{background-color:#de6fff}#search_menu .pink::after{background-color:#ff74bc}#search_menu .grey::after{background-color:#bccdde}#search_menu .black::after{background-color:#263646}#likes{display:none}#likes .list{margin:10px -4px 0;overflow-y:scroll;width:233px;transition:all .5s}#likes .list::-webkit-scrollbar{width:4px}#likes .list::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px}#likes:hover .list::-webkit-scrollbar-thumb{background-color:#bdcdde}#likes .palette{width:49px;height:49px;display:inline-block;padding-bottom:0;animation-duration:.4s;margin:2px 4px;transform-origin:top right;position:relative}#likes .remove{position:absolute;right:2px;top:2px;width:15px;height:15px;border-radius:5px;background-color:rgba(0,0,0,.2);cursor:pointer;opacity:0;transform:scale(0)}#likes .remove img{width:7px;position:relative;top:-4px;left:4px}#likes .palette:hover .remove{opacity:1;transform:scale(1)}#likes .remove:hover{background-color:rgba(0,0,0,.7)}@keyframes liked_palettes{0%{width:0;height:0;filter:blur(3px);transform:scale(0);filter:brightness(200%)}}@keyframes tip{from{transform:translateY(-10px);opacity:0}}@keyframes come_and_leave{0%{transform:translateY(-10px);opacity:0}20%{transform:translateY(0px);opacity:1}80%{transform:translateY(0px);opacity:1}100%{transform:translateY(10px);opacity:0}}#ad{text-align:center;border:1px solid #e9f2f9;border-radius:4px;font-size:12px;border:1px solid rgba(0,0,0,.05)}#ad #carbonads{padding:10px}#ad img{border-radius:4px}#ad .carbon-text{display:block;margin:5px 0}#ad .carbon-poweredby{opacity:.3}.native-js{visibility:hidden;transition:all .25s ease-in-out;opacity:0;max-width:300px;border-radius:4px}.native-show{visibility:visible;opacity:1}.native-img{max-height:50px;margin-bottom:10px;border-radius:3px}.native-flex,.native-main{flex-flow:column nowrap}.native-flex{display:flex;padding:20px;text-decoration:none;justify-content:space-between;align-items:center}.native-main{display:flex;text-align:center;margin-bottom:20px;flex-grow:1;align-items:center}.native-details{display:flex;flex-flow:column nowrap}.native-company{margin-bottom:4px;text-transform:uppercase;letter-spacing:2px;font-size:10px}.native-desc{line-height:1.4}.native-cta{padding:0 14px;border-radius:4px;border:1px solid rgba(0,0,0,.1);white-space:nowrap;line-height:32px;transition:all .3s ease-in-out;font-size:14px;width:150px}.native-cta:hover{box-shadow:none;transform:translateY(-1px);background-color:#f5fcff}#extension{margin-top:20px;border:none}#extension .button{width:100%}#extension .button img{width:16px;position:relative;top:3px;margin-right:6px}#credit{font-size:12px;color:#bdcdde;margin-top:-10px}#credit img{width:11px}#credit a{color:#bdcdde}.about_container{margin:0 auto;max-width:700px;padding:0 20px}.about_container h2{font-size:24px;font-weight:400;margin-top:60px}@keyframes fade{0%{opacity:0}}@media screen and (max-width:1640px){.wrap{max-width:1360px}}@media screen and (max-width:1360px){.wrap{max-width:1080px}}@media screen and (max-width:1080px){#feed{margin:0;text-align:center}.item{width:234px}#side{display:none}#main_menu [data-button=create]{display:none}}@media screen and (max-height:800px){#likes .list{max-height:114px}}@media screen and (min-height:800px){#likes .list{max-height:228px}}