body{font-family:inter,sans-serif;font-display:swap;font-size:12px;color:rgba(0,0,0,.9);margin:0;padding-top:70px}body *::-webkit-scrollbar{width:0;height:0;background:0 0}*:focus{outline:none}a{color:rgba(0,0,0,.9);text-decoration:none}.flex{display:flex;justify-content:space-between;align-items:center}.hide{display:none}.center{text-align:center}.button,input{background:#fff;border:1px solid #ececec;border-radius:10px;height:38px;font-size:14px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:color .2s,opacity .2s}.button{cursor:pointer;padding:0 14px}.button:after{content:" ";position:absolute;width:100%;height:100%;background:#000;left:0;top:0;opacity:0;transition:opacity .2s;border-radius:10px;overflow:hidden;pointer-events:none}.button:hover{color:#000;opacity:1}.button:hover:after{opacity:.02}.button:active:after{opacity:.1}.button[status=on]{background-image:linear-gradient(90deg,#F4F4F4 0%,#EFEFEF 100%);color:#000;opacity:1;border-color:transparent}.icon{margin-left:-6px;margin-right:2px;width:30px;height:100%;flex-shrink:0;background-image:url(/img/color-hunt-icons.svg);background-repeat:no-repeat;background-position-y:50%;background-position-x:0}.icon[icon=new]{background-position-x:-30px}.icon[icon=popular]{background-position-x:-60px}.icon[icon=random]{background-position-x:-90px}.icon[icon=tag]{background-position-x:-120px}.icon[icon=like]{background-position-x:-150px}.icon[icon=download]{background-position-x:-180px}.icon[icon=link]{background-position-x:-210px}.icon[icon=send]{background-position-x:-240px}.button[status=on] .icon{filter:brightness(0%);opacity:.9}.button.small{font-size:12px;height:30px}.button.small .icon{margin-right:0}input{width:100%;font-family:inter,sans-serif;padding-left:16px;flex-shrink:initial;border-radius:40px}.iconButton{width:38px;border-radius:100%;padding:0;border:0}.wrap{max-width:1700px;margin:0 auto;position:relative}.line{height:1px;background-image:linear-gradient(90deg,rgba(0,0,0,0.00) 0%,#000000 50%,rgba(0,0,0,0.00) 100%);opacity:.1;width:100%}.card{background:#fff;border:1px solid #ececec;box-sizing:border-box;box-shadow:0 10px 20px 0 rgba(0,0,0,.05);border-radius:10px}.dropdown{position:absolute;border-radius:0 0 10px 10px;transition:all .2s;transform-origin:top;z-index:2}.dropdown.hidden{opacity:0;transform:scaleY(.95);height:0;overflow:hidden}.tip{top:48px;background-color:#111;padding:0 14px;line-height:30px;position:absolute;border-radius:4px;z-index:100;color:#fff;font-size:12px;pointer-events:none;animation-name:tip;animation-duration:.6s;animation-fill-mode:both}.tip:before{content:"";background-color:#111;height:10px;width:10px;display:block;position:absolute;transform:rotate(45deg);top:-4px;left:17px}@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}}.copied{position:absolute;background:#222;color:#fff;top:0;width:100%;height:100%;left:0;display:flex;justify-content:center;align-items:center;font-size:12px;animation-name:copied;animation-duration:1s;animation-fill-mode:both}@keyframes copied{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}.button .copied{border-radius:10px}.contentPage{padding-top:20px}.contentPage .meta{padding:0 20px}.header{width:100%;margin:0 auto;position:fixed;top:0;left:0;z-index:1;background:#fff;padding:10px 0}.header .line.bottom{position:fixed;top:58px;left:0;width:100%}.left,.right,.middle{padding:0 20px;box-sizing:border-box}.left{min-width:200px}.right{min-width:340px;max-width:340px;justify-content:flex-end}.middle{width:100%;overflow-x:clip}.logo{overflow:hidden;height:50px;position:relative;height:38px}.logo span{margin-left:50px;font-size:20px;font-weight:500}.logo img{position:absolute}.tongue.animate{animation-name:tongue;animation-duration:.8s}@keyframes tongue{0%{transform:translateY(0)}30%{transform:translateY(-16px)}100%{transform:translateY(0)}}.addToChrome{display:none}@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.addToChrome{display:inline-flex}.header .right{justify-content:space-between}}.addToChrome img{background:0 0;height:30px}.kebab span{width:6px;height:6px;display:inline-block;border-radius:100%;border:1px solid #000;box-sizing:border-box;margin:1px;transition:all .2s}.kebab:active span,.kebab[status=on] span{background:#111}.kebab:after{border-radius:100%}.littleMenu{right:20px;top:48px;width:140px}.littleMenu .tab{margin:4px}.littleMenu .line{margin:4px 0}.loader{display:none;position:fixed;top:0;left:0;height:2px;width:100%;background:#feed30;z-index:3}.loader div{height:100%;width:100%;position:absolute;animation-name:loader-bar;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes loader-bar{0%{width:0%;left:0}50%{width:100%;left:0}100%{width:0%;left:100%}}.loader .a{background:#ff6868}.loader .b{animation-delay:.75s;background:#924992}.filterContainer{position:relative}.filterContainer .searchIcon{position:absolute;left:10px;transition:opacity .2s;z-index:0}.inputContainer{display:flex;border:1px solid #ececec;border-radius:40px;height:38px;position:relative;box-sizing:border-box;overflow:hidden;max-width:100%}.inputContainer:hover{border-color:#dadada}.filterContainer input{border:0;background:0 0;height:100%;padding-left:34px;transition:all .2s;animation-name:fade;animation-duration:.3s;animation-delay:.1s}.filterContainer input.filled{transition:none}.filterContainer input.filled+.searchIcon{display:none}.filterContainer input:focus{padding-left:14px}.filterContainer input.filled,.filterContainer input.filled:focus{padding-left:10px}.filterContainer input:focus+.searchIcon,.filterContainer input.filled+.searchIcon{opacity:0}.filterContainer .clear{display:none;cursor:pointer;opacity:.5;transition:all .2s;padding:8px 10px 8px 2px;font-size:16px}.filterContainer .clear:hover{opacity:1}.filterContainer input.filled~.clear{display:block}.inputContainer .tag{height:30px;margin-left:3px}.filterContainer input:focus{display:block}.filterWindow{width:calc(100% - 20px);left:0;right:0;margin:auto;margin-top:10px}.filterWindow .section{padding:22px}.filterWindow .title{margin-bottom:10px;font-size:14px}.filterWindow .line{position:absolute;width:100%}.filterWindow .button{margin:0 4px 4px 0;font-size:12px;height:34px}.tag{border-radius:40px;text-transform:capitalize}.tag:after{border-radius:40px}.tag[type=color]{padding-left:28px;padding-right:12px}[type=color]:before{content:" ";background-color:#ececec;width:14px;height:14px;border-radius:100%;position:absolute;left:8px}.tag .x{display:none;font-size:12px;margin-left:8px;border-left:1px solid #e5e5e5;height:100%;align-items:center;padding-left:8px;margin-right:-5px}.inputContainer .tag .x{display:inline-flex}[tag=red]:before{background-color:#ff3737}[tag=orange]:before{background-color:#ff9351}[tag=brown]:before{background-color:#986a33}[tag=yellow]:before{background-color:#ffe272}[tag=green]:before{background-color:#74dc2e}[tag=sage]:before{background-color:#afbf8d}[tag=teal]:before{background-color:#00b9a8}[tag=mint]:before{background-color:#83f3b8}[tag=blue]:before{background-color:#3da5ff}[tag=purple]:before{background-color:#bf51e0}[tag=pink]:before{background-color:#ff74bc}[tag=grey]:before{background-color:#dcdcdc}[tag=black]:before{background-color:#333}[tag=beige]:before{background-color:#f1d299}[tag=navy]:before{background-color:#414796}[tag=peach]:before{background-color:#eba39c}[tag=maroon]:before{background-color:#a72626}[tag=white]:before{background-color:#fff;border:1px solid #ececec}.main{align-items:flex-start}.main>div{top:70px}.main .left,.main .right{height:calc(100vh - 90px);position:sticky}.main .left{overflow-y:scroll}.tab{font-size:17px;opacity:.8;margin-bottom:6px;border:0;height:42px;display:flex;justify-content:left}.tab .icon{margin-right:4px}.tab[tab=popular][status=on]{border-radius:10px 10px 0 0}.timeframe{border:1px solid #ececec;border-radius:0 0 10px 10px;margin-top:-6px;box-sizing:border-box;margin-bottom:10px;cursor:pointer;flex-direction:column;padding:4px;background-color:#fff}.timeframe .button{opacity:.6;margin:2px;border:0;justify-content:flex-start}.timeframe .button[status=on]{opacity:1}.left .tags{margin-top:10px}.left .tab.small{padding-left:16px}.left .tab.small:before{left:7px}.tab:nth-child(8){opacity:.7}.tab:nth-child(9){opacity:.6}.tab:nth-child(10){opacity:.5}.tab:nth-child(11){opacity:.4}.tab:nth-child(12){opacity:.3}.tab:nth-child(13){opacity:.2}.tab:nth-child(14){opacity:.1}.tab:nth-child(n+15){opacity:0}.main .left .tags:hover .tab.small{opacity:.8}.main .page{width:100%;box-sizing:border-box}.feed{padding:5px 20px 30px;display:grid;margin-top:-4px;grid-template-columns:repeat(4,minmax(0,1fr));grid-column-gap:3%;grid-row-gap:24px}@media screen and (max-width:1500px){.feed{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:1200px){.feed{grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:4%}}.item{position:relative;animation-name:item;animation-duration:.4s;animation-fill-mode:both}@keyframes item{0%{opacity:0}}.palette{max-width:100%;padding-bottom:100%;border-radius:10px;position:relative;display:block;margin-bottom:14px;overflow:hidden}.palette a{width:100%;height:100%;display:block;position:absolute}.place{position:absolute;width:100%;transform-origin:top;background:grey;text-align:left;border-radius:20px 20px 0 0}.feed .place{animation-name:place}@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;background-color:rgba(0,0,0,.1);padding:3px 6px;border-radius:0 6px 0 0;cursor:pointer;overflow:hidden;font-size:14px;letter-spacing:1px}.place span:hover{background-color:rgba(0,0,0,.2)}.place span:active{background-color:rgba(0,0,0,.4)}.c0{padding-bottom:41%;animation-duration:1s;border-radius:0;border-radius:10px 10px 0 0}.c1{padding-bottom:67%;animation-duration:.6s}.c2{padding-bottom:85%;animation-duration:.2s}.c3{padding-bottom:100%;animation-duration:0s;border-radius:20px 20px 0 0}.place:hover span{opacity:1}.item .actions{position:relative;width:100%;justify-content:flex-start}.item .date{opacity:.7;flex-shrink:0}.item .line{position:absolute;bottom:-1px;left:0}h1,.title{font-size:18px;font-weight:500;margin:0;line-height:140%}h2{font-size:12px;font-weight:400;margin:0;margin-top:10px;line-height:140%}.right h1,.right h2{max-width:240px}.main .right .line{margin:20px 0}.right .likes{display:none;position:relative}.right .likesList{display:grid;grid-template-columns:auto auto auto auto;grid-gap:10px;margin-top:10px;max-height:230px;overflow-y:scroll;box-sizing:content-box}.likes .palette{margin:0;border-radius:5px}.likes .palette .c0{border-radius:5px 5px 0 0}.likes .palette .x{position:absolute;right:3px;top:3px;width:16px;height:16px;color:#fff;background:#000;opacity:0;font-size:9px;display:none;justify-content:center;align-items:center;border-radius:100%;cursor:pointer;transition:all .2s}.likes .palette:hover .x{display:flex;opacity:.5}.likes .palette:hover .x:hover{opacity:1}.tip.saved{top:104px;left:-6px;animation-name:come_and_leave;animation-duration:1.4s;animation-fill-mode:both;animation-delay:.3s}@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}#sponsor-banner{margin-top:24px}#carbonads a{color:inherit;text-decoration:none;padding:8px 0}#carbonads a:hover{color:inherit}#carbonads span{position:relative;display:block;overflow:hidden}.carbon-img{display:block;margin:0 auto;line-height:1;border:1px solid rgba(0,0,0,.1);box-sizing:border-box;border-radius:5px}.carbon-img img{display:block;margin:0 auto;border-radius:4px}.carbon-text{display:block;padding:10px 0}.carbon-poweredby{display:block;text-transform:uppercase;letter-spacing:.5px;font-size:9px;margin-top:-8px}#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-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}@media screen and (max-width:900px){.logo span{font-size:15px}.header .right{min-width:auto;justify-content:flex-end}.header .middle{padding:0}.inputContainer{overflow-x:scroll}.addToChrome{display:none}.left{min-width:170px}.tab{font-size:16px}.feed{padding:5px 20px 30px 0}.main .right{display:none}}@media screen and (max-width:600px){*:hover:after,*:active:after,.tab:after{display:none}*{-webkit-tap-highlight-color:transparent}body{padding-top:60px;padding-bottom:80px}.mobileHide{display:none!important}.header{padding:10px 0}.header .left{min-width:50px;padding:0 4px}.header .middle{padding:0 10px}.header .right{padding:0 4px 0 0;flex-shrink:0}.littleMenu{right:10px;top:44px}.header .line.bottom{top:57px}.main .left{position:fixed;display:grid;grid-template-columns:25% 25% 25% 25%;width:100%;height:70px;top:auto;bottom:0;padding:0;z-index:2;background:#fff;overflow:visible}.main .left .tab{justify-content:center;margin:0;flex-direction:column;height:100%;font-size:10px;opacity:.6;border-radius:0;overflow:visible;padding:0;position:static}.main .left .tab .icon{margin:0;height:30px}.main .left .tab[status=on]{background-image:none;opacity:1;font-weight:500}.timeframe{position:absolute;bottom:80px;flex-direction:row;left:0;right:0;margin:auto;width:fit-content;border-radius:12px;padding:0;box-shadow:0 6px 12px rgb(0 0 0/10%);border-color:rgba(0,0,0,.1)}.main .left .line{position:absolute;width:100%;bottom:70px}.main .left .tab.small{display:none}.main .left .tags{display:none}input{font-size:12px}.button{font-size:12px}.inputContainer .tag{font-size:12px}.tag[type=color]{padding-left:22px;padding-right:10px}[type=color]:before{width:10px;height:10px}.inputContainer .tag .x{display:none}.filterContainer{position:static}.filterWindow{overflow:scroll;max-height:70vh;margin-top:6px;width:100%}.filterWindow .seciton{padding:16px}.main .page{padding:0 4px;width:100%}.feed{padding:10px 8px 70px}.button.like{padding:0 12px;font-size:12px}.item .date{font-size:12px}.single .item{margin:0 auto;margin-bottom:30px}.single .table .button{font-size:12px}.single .table .rgb{display:none}.single .tags{margin:20px 0}.contentPage{padding-top:10px}.contentPage .meta{padding:0 14px}}