*{box-sizing:border-box}::selection{background:#6833df;color:#fff}body{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Sans Pro,sans-serif;margin:0}a{color:#2750c4;text-decoration:none}.ch-topbar{width:100%;border-bottom:solid 1px #E5E5E5;background:#fff;box-shadow:0 0 20px #00000014;font-size:0}.ch-topbar .grid-lt{width:25%;display:inline-block;vertical-align:middle;padding:10px}.ch-topbar .grid-rt{width:75%;display:inline-block;text-align:right;vertical-align:middle;padding:0 10px}.ch-devmode{display:inline-block;vertical-align:middle;color:#534e5c;font-size:15px;margin-left:3px;background:#f2f2f2;border-radius:15px;padding:2px 10px 4px}p{font-size:18px;color:#929197;padding:15px 25px}.ch-paper{width:100%;max-width:1600px;text-align:center;margin:20px auto}.ch-footer{text-align:center;padding:0 0 25px}.ch-gradient-brick{width:180px;display:inline-block;border-radius:12px;margin:25px;box-shadow:0 0 51px #00000014,0 6px 18px #0000000d;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.ch-gradient-brick:hover{box-shadow:0 0 114px #00000014,0 30px 25px #0000000d;transform:translateY(-5px)}.ch-gradient{border-radius:12px 12px 0 0;width:100%;height:180px;position:relative;background-color:#cfd8dc}.ch-actions{display:none;position:absolute;right:5px;bottom:5px}.ch-gradient-brick:hover .ch-actions{display:block;animation:micro-move .3s cubic-bezier(.4,0,.2,1)}.ch-code,.ch-grab{width:26px;height:26px;display:inline-block;background-image:url(/assets/coolhue-sprite-_eiisBO3.svg);background-repeat:no-repeat;cursor:pointer;vertical-align:middle;margin:3px;transform:translateY(0);transition:.2s cubic-bezier(.4,0,.2,1);opacity:.7}@keyframes micro-move{0%{transform:translateY(5px)}to{transform:translateY(0)}}.ch-code:hover,.ch-grab:hover{opacity:1;transform:translateY(-4px)}.ch-code:active,.ch-grab:active{opacity:1;transform:translateY(-2px)}.ch-code{background-position:-26px 0px}.ch-grab{background-position:0px 0px}.ch-colors{border-radius:0 0 12px 12px;padding:12px;text-align:left;text-transform:uppercase;font-size:18px}.ch-color-from{margin-bottom:3px}.ch-color-from,.ch-color-to{color:#929197;display:block;padding:0}.ch-notify-plank{position:fixed;width:260px;max-width:80%;top:30px;right:0;z-index:500;text-align:right}.ch-notify{margin:0 35px 10px 0;background-color:#fff;box-shadow:0 4px 15.36px .64px #0000001a,0 2px 6px #0000001f;padding:10px 20px;color:#534e5c;display:inline-block;border-radius:500px;font-size:18px;transition:.35s ease-in-out}.ch-notify-animate{animation:notify-up 2s cubic-bezier(.4,0,.2,1) forwards}.ch-distro{position:fixed;z-index:50;right:15px;bottom:15px;min-width:200px;max-width:100%}.ch-distro-icon{width:50px;height:50px;border-radius:50%;position:absolute;right:0;bottom:0;background-color:#fff;background-image:url(/assets/coolhue-sprite-_eiisBO3.svg);background-repeat:no-repeat;background-position:0px -25px;box-shadow:0 12px 27px 3px #00000026,0 6px 4px #0000000d;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);transform:translateY(0);cursor:pointer}.ch-distro-icon-active,.ch-distro-icon:hover{box-shadow:0 25px 30px 5px #0000001a,0 5px 20px 5px #00000008;transform:translateY(-6px)}.ch-distro-icon-active{background-position:-50px -25px}.ch-distro-wrapper{left:0;right:0;bottom:70px;position:absolute;background-color:#fff;box-shadow:0 0 51px #00000014,0 6px 18px #0000000d;border-radius:8px;padding:15px;display:none}.ch-distro-type{color:#2750c4;display:block;padding:7px 0;text-decoration:none;font-size:17px;background-position:left center;background-repeat:no-repeat}.ch-distro-type:hover{text-decoration:underline}.ch-distro-type:before{content:"";width:26px;height:26px;display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:7px}.ch-distro-type:nth-child(1):before{background-image:url(/assets/coolhue-sprite-_eiisBO3.svg);background-position:0px -77px}.ch-distro-type:nth-child(2):before{background-image:url(/assets/coolhue-sprite-_eiisBO3.svg);background-position:-26px -77px}.ch-distro-type:nth-child(3):before{background-image:url(/assets/coolhue-sprite-_eiisBO3.svg);background-position:-52px -77px}.ch-distro-wrapper-flap-up{animation:flap-up .5s cubic-bezier(.4,0,.2,1)}.ch-distro-wrapper-flap-down{animation:flap-down .5s cubic-bezier(.4,0,.2,1)}.ch-distro-wrapper-visible{display:block}@keyframes flap-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes flap-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25px)}}@keyframes notify-up{0%{opacity:0;transform:translateY(25px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-25px)}}.ch-notify span{display:block;text-align:center}noscript{font-size:20px;color:#757575}@media screen and (min-width:320px)and (max-width:1024px){.ch-gradient-brick .ch-actions{display:block;animation:micro-move .3s cubic-bezier(.4,0,.2,1)}.ch-gradient-brick:hover{transform:translateY(0);box-shadow:0 0 51px #00000014,0 6px 18px #0000000d}.ch-code:hover,.ch-grab:hover{transform:translateY(0)}}@media screen and (max-width:480px){.ch-share-brick{margin:0}.ch-share-brick:hover{box-shadow:none}.ch-share-text,.ch-starcount{display:none}}