*{-webkit-font-smoothing:antialiased}body{background-color:#fdfdfd;margin:0;color:#263646;font-family:rubik,arial;font-size:14px;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;line-height:150%}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:rubik;outline:none}::placeholder{color:#899bb4;opacity:1}input:hover,input:focus{border-color:#dce8f2}.block{background-color:#fff}.button{line-height:35px;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;font-size:14px;position:relative}.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);transition:box-shadow .3s}.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}#breadcrumbs{list-style:none;display:inline;padding:0;position:relative;top:-1px}#breadcrumbs li{display:inline}#breadcrumbs li+li:before{content:"›";color:#899bb4}#breadcrumbs a{padding:0 10px}#breadcrumbs #sort{padding:0 10px;cursor:pointer;display:inline-block}#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;top:50px}@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:#899bb4}.dropdown .seperator{background-color:#e9f2f9;height:1px}#sort_menu{left:87px;top:32px;width:140px}#menu{position:absolute;top:0;right:0;padding:0 10px;cursor:pointer}#menu .icon{color:#bccddf;font-size:24px}#menu:hover .icon{color:#899bb4}#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:6px;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;transition:all .2s;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;letter-spacing:1px}.focus .place span{font-size:20px}.place span:hover{background-color:rgba(0,0,0,.2)}.place span:active{background-color:rgba(0,0,0,.4)}.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:2px;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}.light_button{color:#a9bdd3;font-size:14px;margin-left:5px}.light_button :hover{color:#a9bdd3}.save_image img{margin-right:8px;position:relative;top:2px}.copy_link img{margin-right:6px;position:relative;top:3px}#copied_tip{animation-name:come_and_leave;animation-duration:1s;animation-fill-mode:both;bottom:-40px;left:-7px}.item_tags{display:inline;font-size:12px}.item_tags a{color:#a9bdd3;margin-left:10px}.item_tags a:hover{color:#364656}.date{font-size:12px;position:absolute;right:20px;bottom:26px;color:#899bb4;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;box-sizing:border-box}#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}#search_menu .white::after{background-color:#fff;border:1px solid #e9f2f9}#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}#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:#899bb4}#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);color:#fff;font-size:8px;padding:2px;width:13px;text-align:center;height:13px;border-radius:3px;box-sizing:border-box;transition:all .3s}#likes .palette:hover .remove{opacity:1;transform:scale(1)}#likes .remove:hover{background-color:rgba(0,0,0,.5)}@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);padding:8px}@keyframes made-visible{0%{opacity:0}90%{opacity:0}100%{opacity:1}}.ad-fallback{animation:made-visible 3s ease-in-out}#carbonads+.ad-fallback{display:none}#carbonads{display:block;overflow:hidden;max-width:218px;font-size:12px;line-height:1.5}#carbonads a{color:inherit;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads span{position:relative;display:block;overflow:hidden}.carbon-img{display:block;margin:0 auto;line-height:1}.carbon-img img{display:block;margin:0 auto;border-radius:4px}.carbon-text{display:block;float:left;padding:8px 0;text-align:center}.carbon-poweredby{display:block;padding:.8em var(--font-size);text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:9px;line-height:1}#sponsor-banner{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif}#sponsor-banner .native-banner{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding:10px;max-width:218px;border-radius:4px;box-shadow:inset 0 0 2px 0 hsla(0,0%,0%,.15);text-decoration:none;line-height:1.35;align-items:start}#sponsor-banner .native-img{height:40px;margin:0 auto 8px}#sponsor-banner .native-tagline{font-weight:600;font-size:16px;margin:0 auto 4px}#sponsor-banner .native-desc{font-size:12px}#sponsor-banner .native-cta{z-index:10;margin-top:14px;padding:8px 10px;border-radius:3px;font-weight:600;font-size:14px;margin:10px auto 5px}#sponsor-banner .native-ad{position:absolute;top:10px;right:10px;padding:2px 6px;border-radius:4px;background-color:#fff;text-transform:uppercase;font-weight:600;font-size:10px}#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:#899bb4;margin-top:-10px}#credit img{width:11px}#credit a{color:#899bb4}.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){#logo{font-size:14px;padding-right:4px}#breadcrumbs{padding:0 4px;font-size:12px}#breadcrumbs a{padding:0 4px}#sort_menu{left:196px}#sort_menu a{padding:0 10px}#feed{margin:0;text-align:center}.item{width:240px;padding:10px}.like.button{margin-top:10px}.date{bottom:21px;right:10px}#side{display:none}#main_menu [data-button=create]{display:none}.item.focus{width:calc(100% - 32px);display:block;margin:0 auto 20px}}@media screen and (max-width:800px){.item_tags{display:block;margin:10px 0}.item_tags a{margin-right:10px;margin-left:0}}@media screen and (max-width:530px){.item{width:170px;width:calc(50% - 24px)}.place span,.copy_link{display:none}}@media screen and (max-width:360px){.date{display:none}}@media screen and (max-height:800px){#likes .list{max-height:114px}}@media screen and (min-height:800px){#likes .list{max-height:228px}}