html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,body{width:100%;min-height:100%;margin:0;color:#000;font-family:'Roboto','Helvetica',sans-serif;-webkit-text-size-adjust:100%;-webkit-user-select:none}body{background:#222}body.colors{background:#fff}.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.cilex-layout{width:100%;visibility:hidden;opacity:0;transition:visibility 0s linear .6s,opacity .6s linear}.cilex-layout.show{opacity:1;transition-delay:0s;visibility:inherit}.cilex-layout.from-intro.show{transition-duration:0s}.cilex-header{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;box-sizing:border-box;flex-shrink:0;width:100%;margin:0;padding:0;border:none;min-height:64px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.cilex-header-row{display:flex;flex-direction:row;flex-wrap:nowrap;flex-shrink:0;box-sizing:border-box;align-self:stretch;align-items:center;height:64px;margin:0;padding:0 16px}.cilex-header-row>*{flex-shrink:0}.cilex-header-spacer{flex-grow:1}header.main-header{position:absolute;transform:translateZ(0);left:0;right:0;top:0;padding-left:0;z-index:auto;background-color:#ffffff;color:#000000}header.main-header .googleac-logo{fill:#000000;vertical-align:middle;transition:fill .5s linear}header.main-header hr{position:relative;width:1px;height:20px;margin:0 12px 0 12px;background-color:rgba(0,0,0,.54);border-width:0;color:inherit;float:left}header.main-header h1,header.main-header h2{margin-top:1px;font-size:17px;font-weight:300}header.main-header a{color:inherit;text-decoration:none}header.main-header>.cilex-header-row{padding:0 16px 0 0}header.main-header .mdl-button{margin-left:15px}.mdl-menu__container .mdl-menu__item{color:inherit}.saturatedbg-el,.darkerbg-el,.darkbg-el{transition:background-color .3s linear}.dark-el,.luminous-el{transition:color .3s linear,background-color .3s linear}.darkcolor-el{transition:color .3s linear}ul.mdl-menu li a{color:inherit;text-decoration:none;width:100%;height:100%;display:block}.main-preloader{position:fixed;top:50%;left:50%;margin-top:-24px;margin-left:-24px;pointer-events:none}.mdl-button--fab.shuffle-btn,.mdl-button--fab.userimage-btn{position:fixed;bottom:30px;right:30px;width:70px;height:70px;background-color:#000000;color:#ffffff;pointer-events:auto}.mdl-button--fab.userimage-btn{bottom:130px}.mdl-button--fab.shuffle-btn{background-color:#ffffff;color:rgba(0,0,0,.5)}.mdl-button--fab.userimage-btn:hover{background-color:#000000}.mdl-button--fab.shuffle-btn:hover{background-color:#ffffff}.mdl-button--fab.shuffle-btn,.mdl-button--fab.userimage-btn{transform:translate3d(0,210px,0)}.mdl-button--fab.shuffle-btn{transition:transform .65s cubic-bezier(.785,.135,.040,.995) 0s}.mdl-button--fab.userimage-btn{transition:transform .65s cubic-bezier(.785,.135,.040,.995) .15s}body.scrolled .mdl-button--fab.userimage-btn,body.scrolled .mdl-button--fab.shuffle-btn{transform:translate3d(0,0,0)}body.scrolled .mdl-button--fab.userimage-btn{transition:transform .65s cubic-bezier(.785,.135,.040,.995) 0s}body.scrolled .mdl-button--fab.shuffle-btn{transition:transform .65s cubic-bezier(.785,.135,.040,.995) .15s}dialog.mdl-dialog{position:fixed;top:0;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;max-width:calc(100% - 2em);margin:auto;padding:1em;background:white;border:none;color:black;display:block;opacity:0;transition:visibility 0s linear .3s,opacity .3s linear;visibility:hidden;z-index:15}dialog.mdl-dialog[open]{opacity:1;transition-delay:0s;visibility:inherit}dialog.mdl-dialog::backdrop{display:none}.mdl-dialog-back{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.15);visibility:hidden;opacity:0;transition:visibility 0s linear .4s,opacity .4s linear;z-index:14}.mdl-dialog-back.show{visibility:inherit;opacity:1;transition-delay:0s}.mdl-dialog.share{width:330px}.mdl-dialog.share .mdl-dialog__title{font-size:1.5em}.mdl-dialog.share a{display:inline-block;width:49%;margin:12px 0 8px;color:inherit;text-align:center;text-decoration:inherit;vertical-align:top;cursor:pointer}.mdl-dialog.share a svg{margin-bottom:8px}.mdl-dialog.share a span{display:inline-block;width:100%;font-size:.8em}.copypaste-share-text{height:22px;width:calc(100% - 114px);border-color:rgba(0,0,0,.1);border-radius:2px;color:rgba(0,0,0,.5);float:left;font-size:.8em;padding:5px}.clipboard-btn{width:100px;background-color:rgba(0,0,0,.1);float:left;font-size:.7em;line-height:27px;padding:0}.copypaste-share-content{width:100%;margin-top:20px}.copypaste-share-content>span{display:inline-block;width:100%;margin-bottom:10px;margin-top:20px}.share-clipboard-feedback{display:inline-block;width:100%;font-size:.75em;font-weight:bold;opacity:0;padding-top:5px;text-align:center;transition:visibility 0s linear .4s,opacity .4s linear;visibility:hidden}.share-clipboard-feedback.show{opacity:1;transition-delay:0s;visibility:inherit}.menu-artpalette,.menu-gac{display:none}@media screen and (max-width:580px){dialog[_polyfill_modal]{top:0;width:auto;margin:1em}header.cilex-header .title-arts-culture svg{width:140px}header.cilex-header h1,header.cilex-header h2{font-size:14px;margin-top:0}}@media screen and (max-width:460px){header.cilex-header hr,.artpalette-header-link{display:none}header.cilex-header .exp-main h2{margin-left:10px}header.main-header h2{font-weight:bold}.menu-artpalette{display:block}}@media screen and (max-width:370px){header.cilex-header .title-arts-culture svg{width:120px}header.cilex-header h1,header.cilex-header h2{font-size:12px}}.palette-content{position:absolute;transform:translateZ(0);top:64px;left:0;width:100%;height:136px;overflow:hidden;visibility:inherit;opacity:1;transition:visibility 0s linear,opacity .2s linear,height 0s linear 0s}.palette-content.hidden{opacity:0;visibility:hidden;transition:visibility 0s linear .2s,opacity .2s linear}body.scrolled .palette-content{position:fixed;top:0;height:40px;transition:visibility 0s linear,opacity .2s linear,height 0s linear 0s}body.scrolled .palette-content.tools,body.scrolled .palette-content.opened{height:136px;transition:visibility 0s linear,opacity .2s linear,height .26s cubic-bezier(.650,.005,.000,1.000)}body.scrolled .palette-content.tools{position:fixed}.palette-content.user-image{transition:visibility 0s linear,opacity .2s linear,height 0s linear 0s;height:calc(100% - 64px)}.palette{position:absolute;top:0;left:0;right:0;width:auto;height:100%;opacity:0;overflow:hidden;transition:right .25s cubic-bezier(.785,.135,.040,.995)}.cilex-layout.show .palette{opacity:1}.palette li{float:left;width:20%;height:136px;background-color:#000000;cursor:pointer;box-shadow:inset 0px 0px 0px 0px #ffffff;transition:width .3s ease-in-out,box-shadow .25s ease-in-out,height .6s cubic-bezier(.845,.030,.070,.975) 0s}.desktop .palette li:nth-child(1){transition-delay:0s,0s,.2s}.desktop .palette li:nth-child(2){transition-delay:0s,0s,.15s}.desktop .palette li:nth-child(3){transition-delay:0s,0s,.1s}.desktop .palette li:nth-child(4){transition-delay:0s,0s,.05s}.palette-content.user-image .palette li{height:100%}.palette-content.user-image .palette li:nth-child(1){transition-delay:0s,0s,.05s}.palette-content.user-image .palette li:nth-child(2){transition-delay:0s,0s,.1s}.palette-content.user-image .palette li:nth-child(3){transition-delay:0s,0s,.15s}.palette-content.user-image .palette li:nth-child(4){transition-delay:0s,0s,.2s}.palette li.marker-select{box-shadow:inset 0px 0px 0px 6px #ffffff}.palette-actions{width:100%;height:40px;text-align:center;margin-top:230px}.start-actions button.mdl-button,.start-actions label.mdl-button,.palette-actions button.mdl-button{color:rgba(0,0,0,.75);border:1px solid rgba(0,0,0,.75);border-radius:20px;height:40px;margin:0 5px 0 5px}.start-actions button.mdl-button i,.start-actions label.mdl-button i,.palette-actions button.mdl-button i{margin-right:10px;font-size:18px}button.btn-palette-add{position:absolute;top:0;right:0;height:100%;width:40px;background-color:#e7e7e7;border-radius:0;transform:translate3d(41px,0,0);transition:transform .25s cubic-bezier(.785,.135,.040,.995)}.palette-content.tools:not(.only-remove) .palette{right:40px}.palette-content.tools .btn-palette-add{transform:translate3d(0,0,0)}.palette-content.only-remove .btn-palette-add{display:none}.colorpicker{position:absolute;top:0;left:0;opacity:0;transition:visibility 0s linear .2s,opacity .2s linear;visibility:hidden}.colorpicker.show{opacity:1;transition-delay:0s;visibility:inherit}.colorpicker canvas.saturation-picker{position:absolute;top:20px;left:0;cursor:pointer}.colorpicker .hue-picker{position:absolute;top:0;left:0;width:100%;height:20px;background:linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%));cursor:pointer}.colorpicker .colorpointer{position:absolute;top:-1px;left:-1px;background-color:#000;border:2px solid #fff;cursor:move}.colorpicker .colorpointer.hue-pointer{width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:12px;top:8px}.colorpicker .colorpointer.saturation-pointer{width:50px;height:50px;margin-top:-25px;margin-left:-25px;border-radius:27px;transition:height .3s,width .3s,border-radius .3s,margin-left .3s,margin-top .3s}.colorpicker .colorpointer.saturation-pointer.pressed{width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:12px}.colorpicker .palette-tools{position:absolute;width:100%;height:30px;left:0;bottom:0;background-color:#000000;color:#ffffff;line-height:30px}input.marker-color-hexa,input.palette-hexa{margin-left:10px;background-color:transparent;border:none;color:inherit}input.marker-color-hexa:focus,.colorpicker input.palette-hexa:focus{outline:none}.colorpicker .palette-tools button{position:absolute;top:0;right:0}.colorpicker .palette-tools i{font-size:16px}.palette-content.only-add .btn-palette-remove{display:none}.results{position:absolute;top:270px;left:0;width:100%;text-align:left;overflow:hidden}.result-item{position:absolute;box-shadow:none;color:#9c9c9c;opacity:0;transition:visibility 0s linear .4s,opacity .4s linear,box-shadow .1s linear 0s;visibility:hidden;will-change:transform}.desktop .result-item{text-transform:uppercase}.desktop .result-item.user-item::before{position:absolute;width:calc(100% + 20px);height:calc(100% + 20px);margin:-20px 0 0 -20px;border:10px solid;content:" ";display:block}.result-item.user-item .item-search-label i{position:relative;top:6px;font-size:20px}.result-item.show{visibility:inherit;opacity:1;transition-delay:0s}.result-item .item-image{position:relative;display:block;background-position:center;background-size:auto 100%;background-repeat:no-repeat;image-rendering:pixelated;color:black;overflow:hidden;text-align:center;text-decoration:none}.result-item .item-image img{display:inline-block;width:100%;height:100%;opacity:0;image-rendering:auto;pointer-events:none;transition:opacity .3s linear .5s;user-select:none}.item-metadata{position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#ffffff;cursor:pointer;opacity:0;overflow:hidden;text-align:center;transition:opacity .3s linear}.item-metadata content{display:block;position:relative;top:50%;text-align:center;transform:translateY(-50%)}.result-item content h2{display:flex;box-sizing:border-box;letter-spacing:4px;font-size:12px;line-height:16px;max-height:48px;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:center;text-overflow:ellipsis}.item-metadata .item-title{display:block;width:100%;word-wrap:break-word}.item-metadata .item-search-label{padding:10px;font-size:10px;font-weight:100;letter-spacing:2px;border:1px solid white}.item-metadata.micro-item .item-search-label,.item-metadata.small-item .item-search-label{display:none}.item-metadata.small-item h2{max-height:32px}.item-metadata.micro-item h2{display:none}.desktop .result-item:hover{box-shadow:0 0 10px;transition:visibility 0s linear .4s,opacity .4s linear,box-shadow .4s linear .2s}.desktop .result-item:hover .item-image .item-metadata{opacity:1}.result-item.loaded .item-image img{opacity:1}.result-item.loaded .item-image img.fadein{animation:fade .2s linear}@keyframes fade{from{opacity:0}to{opacity:1}}.result-item .item-palette{position:absolute;left:0;bottom:0;height:35px;width:100%;overflow:hidden;cursor:pointer}.result-item .item-palette div{float:left;width:20%;height:100%;background:white;transition:background-color .4s linear,transform .2s cubic-bezier(.570,.005,.055,.995)}.result-item .item-palette.palette-rounds div{width:16px;height:16px;margin:8px 6px 0 0;border-radius:50%}.result-item .item-palette.palette-rounds div:last-of-type{margin:8px 0 0 0}.result-item .item-palette.palette-roll div{transform:translateY(-100%)}.desktop .result-item:hover .item-palette.palette-rounds div{transform:translateY(130%)}.desktop .result-item:hover .item-palette.palette-roll div{transform:translateY(0)}.desktop .result-item:hover .item-palette div:nth-child(2){transition-delay:.03s}.desktop .result-item:hover .item-palette div:nth-child(3){transition-delay:.06s}.desktop .result-item:hover .item-palette div:nth-child(4){transition-delay:.09s}.desktop .result-item:hover .item-palette div:nth-child(5){transition-delay:.12s}.result-item .more-details{display:inline-block;position:absolute;top:8px;right:8px;color:#ffffff;font-size:10px;letter-spacing:2px;line-height:20px;overflow:hidden;opacity:0;height:20px;padding-right:17px;text-decoration:none;transition:opacity .2s linear 0s}.result-item .more-details i{position:absolute;right:0;top:2px;font-size:14px;padding-left:3px}.result-item .more-details:after{display:block;position:absolute;right:0;bottom:1px;width:100%;height:1px;content:' ';background-color:white;transform:translateX(100%);transition:transform .1s ease-out}.mobile .result-item .more-details:after,.desktop .result-item .more-details:hover:after{transform:translateX(0)}.desktop .result-item:hover .more-details{opacity:1;transition:opacity .2s linear .1s}.results-spinner{position:fixed;top:45%;left:50%;margin-left:-14px;pointer-events:none}.results-spinner.push{bottom:40px;top:auto}.image-search{position:fixed;top:100%;left:0;width:100%;height:calc(100% - 64px);color:#000000;pointer-events:none;text-align:center;transition:visibility 0s linear .45s,top .45s cubic-bezier(.395,.005,.005,1);visibility:hidden}.image-search.show{top:64px;transition-delay:0s;visibility:inherit}.desktop .image-search .close-userimage-btn{position:absolute;top:40px;right:40px;height:40px;background-color:black;border:1px solid rgba(0,0,0,.75);border-radius:20px;color:white;opacity:0;pointer-events:auto;transition:opacity 0s linear 0s}.desktop .image-search.show .close-userimage-btn{opacity:1;transition:opacity .3s linear .6s}.image-search content{position:absolute;top:50%;left:50%;width:620px;height:550px;margin-left:-310px;margin-top:-275px;background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,.1);pointer-events:auto;transition:opacity 0.3s linear,visibility 0s linear 0.3s}.image-search .user-image-holder{position:absolute;top:50%;left:50%;width:540px;height:400px;margin-top:-235px;margin-left:-270px;background:rgba(0,0,0,.05)}.image-search .user-image-holder canvas{position:absolute;top:0;left:0;cursor:crosshair}.image-search .user-image-holder video{width:100%;height:100%}.image-search .retract-btn{position:absolute;top:50%;left:50%;width:265px;height:60px;margin-top:175px;border-radius:2px;transition:width .5s cubic-bezier(.755,.050,.100,1.000),left .5s cubic-bezier(.755,.050,.100,1.000)}.image-search .retract-btn>div{position:absolute;top:0;left:0;width:265px;height:60px;line-height:60px;overflow:hidden;text-indent:0;transform:translate3d(0,0,0);transition:transform .5s cubic-bezier(.755,.050,.100,1.000),text-indent .5s cubic-bezier(.755,.050,.100,1.000)}.image-search .retract-btn i.material-icons,.image-search .submit-content button i.material-icons{padding-left:10px}.image-search .activate-camera-btn,.image-search .camera-btn{margin-left:-270px;background-color:#ffffff;color:#000000}.image-search .camera-btn{visibility:hidden}.image-search.liveview-on .activate-camera-btn{visibility:hidden}.image-search.liveview-on .camera-btn{visibility:inherit}.image-search .upload-btn{margin-left:5px;padding:0;background-color:#000000;color:#ffffff;line-height:60px}.upload-btn input,.intro input{display:none}.image-search .submit-content{position:absolute;right:40px;top:50%;width:400px;height:60px;margin-top:175px;overflow:hidden}.image-search .submit-content button{position:absolute;right:0;top:0;width:400px;height:60px;box-shadow:inset 0px 0px 0px 6px;line-height:60px;transform:translate3d(400px,0,0);transition:transform .5s cubic-bezier(.755,.050,.100,1.000),box-shadow .2s ease-out}.image-search.ready-submit .retract-btn{width:60px}.image-search.ready-submit .retract-btn div{transform:translate3d(-188px,0,0);text-indent:20px}.image-search.ready-submit .upload-btn{left:105px}.image-search.ready-submit .submit-content button{transform:translate3d(0,0,0)}.image-search.ready-submit .submit-content button:hover{box-shadow:inset 0px 0px 0px 0px}.user-image-disclaimer{color:#808080;box-sizing:border-box;text-align:left;line-height:1.3em}.desktop .user-image-disclaimer{display:flex;height:350px;padding:3em}.desktop .user-image-disclaimer .disclaimer-btn{top:auto;bottom:3em}.mobile .user-image-disclaimer{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity 0.3s linear,visibility 0s linear 0.3s;visibility:hidden;z-index:100}.mobile .user-image-disclaimer[aria-hidden=false],.desktop .image-search.disclaimer-ok .user-image-content{opacity:1;transition-delay:0s;visibility:inherit}.mobile .user-image-disclaimer>div{position:absolute;top:50%;left:50%;width:90%;padding:2em;background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,.2);box-sizing:border-box;pointer-events:auto;transform:translate(-50%,-50%)}.mobile .user-image-disclaimer .buttons-row{display:flex;margin-top:1em}.mobile .user-image-disclaimer .buttons-row .mdl-button{flex-grow:1}.mobile .user-image-disclaimer .buttons-row .mdl-button:not(:last-child){margin-right:1em}.user-image-disclaimer p{margin-bottom:1em}@media screen and (max-height:400px){.user-image-disclaimer p{font-size:14px}}.desktop .image-search .user-image-content,.desktop .image-search.disclaimer-ok .user-image-disclaimer{opacity:0;visibility:hidden}.user-image-holder .marker{position:absolute;top:0;left:0;width:30px;height:30px;margin-top:-17px;margin-left:-17px;background-color:#ffffff;border:3px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0px 0px 0px #888888;cursor:crosshair;overflow:hidden;transition:width .2s ease-out,height .2s ease-out,margin-left .2s ease-out,margin-top .2s ease-out,border-color .2s linear,box-shadow .3s linear;z-index:5}.user-image-holder .marker img{position:absolute;top:25px;left:25px;opacity:0;box-shadow:0px 0px 5px #888888;pointer-events:none;transition:opacity .1s linear}.user-image-holder .marker::after{display:block;position:absolute;top:12px;left:12px;width:6px;height:6px;border:1px solid rgba(0,0,0,.4);border-radius:50%;content:" ";opacity:0;transition:top .2s ease-out,left .2s ease-out,opacity .2s linear}.user-image-holder .marker.selected{border-color:rgba(255,255,255,1);box-shadow:0px 0px 6px rgba(0,0,0,.5);z-index:6}.user-image-holder .marker.dragged{width:50px;height:50px;margin-top:-27px;margin-left:-27px;border-color:rgba(255,255,255,1);cursor:none;z-index:6}.user-image-holder .marker.dragged::after{top:22px;left:22px;opacity:1}.image-search .user-image-holder .marker.dragged img{opacity:1;pointer-events:none}.image-search-feedbacks{position:absolute;top:50%;left:50%;padding:30px 30px 80px 80px;background:#efefef;box-shadow:0 9px 46px 8px rgba(0,0,0,0.14),0 11px 15px -7px rgba(0,0,0,0.12),0 24px 38px 3px rgba(0,0,0,0.2);color:#dd4313;opacity:0;text-align:left;transform:translateX(-50%) translateY(-50%);transition:opacity 0.4s linear 0s,visibility 0s linear 0.4s;visibility:hidden;z-index:7}.image-search-feedbacks[aria-hidden=false]{opacity:1;transition-delay:0s;visibility:inherit}.image-search-feedbacks .material-icons{position:absolute;top:26px;left:26px;font-size:40px}.image-search-error-ok-button{position:absolute;bottom:20px;right:20px;background:#929292;color:#fff}.image-search-help{position:fixed;width:100%;top:50%;margin-top:-80px;opacity:0;text-align:center;transform-origin:top center;visibility:hidden;pointer-events:none;transition:transform 0.4s ease-out 0s,opacity 0.3s linear 0s,visibility 0s linear 0.4s;z-index:11}.image-search-help.pop{transition-delay:1s;transform:scale(1);opacity:1;visibility:inherit}.image-search-help span{position:relative;margin-top:10px;border-radius:5px;box-shadow:0px 0px 15px rgba(255,255,255,.25);color:#fff;display:inline-block;line-height:20px;padding:30px;text-align:left}.image-search-help span .material-icons{position:absolute;bottom:15px;right:15px}.intro{position:fixed;top:0;left:0;width:100%;height:calc(100% - 64px);margin-top:64px;align-items:center;background:#222;justify-content:center;overflow:hidden;text-align:center;visibility:hidden}.intro.show{visibility:inherit}.intro.show .start-actions{opacity:1;transition-delay:3s}.intro.show .intro-canvas{opacity:1}.intro-palette-help{position:absolute;width:100%;top:200px;cursor:pointer;opacity:0;text-align:center;transform-origin:top center;visibility:hidden;transition:transform 0.4s ease-out 0s,opacity 0.3s linear 0s,visibility 0s linear 0.4s}.intro-palette-help.pop{transition-delay:0s;transform:scale(1);opacity:1;visibility:inherit}.intro-palette-help div{display:inline-block;position:absolute;top:0;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:0 10px 10px 10px;border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;color:#fff}.intro-palette-help span{position:relative;margin-top:10px;border-radius:5px;box-shadow:0px 0px 15px rgba(255,255,255,.25);color:#fff;display:inline-block;line-height:20px;padding:30px;text-align:left}.intro-palette-help span .material-icons{position:absolute;bottom:15px;right:15px}.intro-canvas{position:absolute;top:0;left:0;opacity:0;transition:opacity 0.6s linear}.intro .start-actions{position:absolute;width:100%;height:80px;bottom:0;opacity:0;transition:opacity 0.5s linear}.intro .start-actions button{color:#fff;border:1px solid #fff;transition:color 0.4s linear,border 0.4s linear}.intro.step2 .start-actions button{color:#000;border:1px solid #000;transition-delay:0s}.intro-color{position:relative;float:left;width:20%;height:100%;transform:translate3d(0,100%,0);transition:transform .9s cubic-bezier(.570,.020,.020,.995);background:#fff}.intro-color-palette{position:relative;float:left;width:20%;height:100%;background:#000;transform:scale(0.8);transition:transform .8s cubic-bezier(.570,.020,.020,.995),background .8s linear}.show-top .intro-color-palette{transform:scale(1)}.show-top .intro-hue-picker .top{visibility:inherit}.intro-color-palette:nth-child(1){transition-delay:.3s}.intro-color-palette:nth-child(2){transition-delay:.35s}.intro-color-palette:nth-child(3){transition-delay:.4s}.intro-color-palette:nth-child(4){transition-delay:.45s}.intro-color-palette:nth-child(5){transition-delay:.5s}.intro-color:nth-child(1){transition-delay:.05s}.intro-color:nth-child(2){transition-delay:.1s}.intro-color:nth-child(3){transition-delay:.15s}.intro-color:nth-child(4){transition-delay:.2s}.intro-color-tile{width:100%;height:136px;transform:scale(1,5);transform-origin:top left;transition:transform 1.7s cubic-bezier(0.740,-0.220,0.000,0.960)}.intro-color:nth-child(2) .intro-color-tile{transition-delay:.07s}.intro-color:nth-child(3) .intro-color-tile{transition-delay:.13s}.intro-color:nth-child(4) .intro-color-tile{transition-delay:.19s}.intro-color:nth-child(5) .intro-color-tile{transition-delay:.25s}.intro .intro-titles,.intro content{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center}.intro-titles ul{margin-top:60px;padding:30px}.intro-titles ul li{position:absolute;top:40px;left:10%;width:80%;color:#fff;font-size:20px;font-weight:300;letter-spacing:1px;opacity:0;transition:visibility 0s linear 0.6s,opacity 0.6s linear 0s;visibility:hidden;text-transform:uppercase}.intro-titles ul li.show{opacity:1;visibility:inherit;transition-delay:0.7s}.intro-titles ul.intro-titles-step2 li{color:#000}.intro-step2{position:absolute;width:100%;height:100%;overflow:hidden;visibility:hidden}.intro-hue-picker-container{position:absolute;left:0;right:0;top:50%;min-width:400px;width:60%;max-width:600px;height:80px;margin:-90px auto;perspective:1000px;transition:visibility 0s linear 1.06s;visibility:hidden}.intro.step2 .intro-hue-picker-container{visibility:inherit}.intro-step2:before{position:absolute;top:0;left:9;display:block;content:' ';background:white;width:100%;height:100%;transform:translate(0,100%);transition:transform 1.2s cubic-bezier(.565,.060,.150,.860)}.intro.step2 .intro-step2{visibility:inherit}.intro.step2 .intro-step2:before{transform:translate(0,0);transition-delay:0.4s}.intro-hue-picker{position:absolute;left:0;right:0;width:100%;height:100%;transform:translateZ(40px) rotateX(-90deg);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.360,.035,.255,.985)}.intro.step2 .intro-step2 .intro-hue-picker{transition-delay:1.1s;transform:translateZ(0px) rotateX(0deg)}.intro.step2 .intro-step2.show-top .intro-hue-picker{transition-delay:0s;transform:translateZ(-40px) rotateX(-90deg)}@keyframes hue-picker-slide{0%{transform:scale(0);left:0;background:hsl(0,100%,50%);visibility:inherit}2%{transform:scale(1);left:0;background:hsl(0,100%,50%)}10%{left:17%;background:hsl(60,100%,50%)}20%{left:34%;background:hsl(120,100%,50%)}35%{left:50%;background:hsl(180,100%,50%)}50%{left:68%;background:hsl(240,100%,50%)}70%{left:84%;background:hsl(300,100%,50%)}98%{transform:scale(1);left:100%;background:hsl(360,100%,50%)}100%{transform:scale(0);left:100%;background:hsl(360,100%,50%)}}.intro-hue-picker .top{width:100%;height:100%;transform:rotateX(90deg) translateZ(120px);backface-visibility:hidden;background:#000;visibility:hidden}.intro-hue-picker .face{width:100%;height:100%;transform:translateZ(40px);backface-visibility:hidden;background:linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%));background-position:0 0}.intro-hue-picker .hue-picker-round{position:absolute;box-sizing:border-box;top:50%;left:0;margin-top:-30px;margin-left:-30px;border:4px solid #fff;border-radius:32px;height:60px;width:60px;transform:scale(0);visibility:hidden}.intro.step2 .intro-step2 .hue-picker-round{animation:hue-picker-slide 3.3s linear 1.4s}@media screen and (min-width:1000px){.intro content h3{width:500px;margin-left:calc(50% - 250px)}}@media screen and (max-width:600px){.intro content h3{width:100%;margin-left:0;margin-bottom:10px;font-size:18px}.intro .start-actions button{height:30px;font-size:11px;line-height:29px}}@media screen and (max-width:400px){.intro-hue-picker-container{min-width:100%}}@media screen and (max-height:400px){.intro-titles ul li{top:15px}.intro .start-actions{height:55px}}@media screen and (max-height:300px){.intro-hue-picker-container{top:60%}.intro .start-actions{height:40px}}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body.mobile{position:relative}.mobile header.cilex-header{position:fixed;z-index:20}.mobile header.cilex-header.low{z-index:1}.mobile .palette-content{position:fixed;height:60px;overflow:visible;box-shadow:0 2px 6px rgba(0,0,0,.3);z-index:12}.mobile .palette-content .palette{overflow:visible;transition:none}.mobile .palette-content .palette li{display:flex;height:100%;align-items:center;color:#ffffff;justify-content:center;text-align:center;transition:transform .18s ease-out}.mobile .btn-palette-remove{position:absolute;top:-15px;left:0;width:30px;height:30px;min-width:30px;margin-left:-25px;padding:0;background:#000;border-radius:15px;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#fff;line-height:30px;opacity:0;transition:opacity .3s linear,visibility 0s linear 0.3s}.mobile .palette-content.color-selected:not(.only-add) .btn-palette-remove{transition-delay:0.1s;visibility:visible;opacity:1}.mobile .btn-palette-remove i{line-height:30px;font-size:20px}.mobile .palette-content:not(.only-add) .palette li.color-select{transform:translateY(-10px)}.mobile input.palette-hexa{margin-left:0;display:none}.mobile .results{top:124px}body.mobile.scrolled .palette-content{top:64px;height:60px}.mobile .result-item .item-palette{height:18px}.mobile .result-item .item-palette div{width:10px;height:10px;margin:8px 4px 0 0}.mobile .result-item .item-palette div:last-of-type{margin:8px 0 0 0}.mobile .result-item content{display:block;bottom:0;left:0;right:auto;width:100%;height:60px;padding:10px;box-sizing:border-box;color:#000;opacity:0;overflow:hidden;text-transform:uppercase;transition:opacity .4s linear .2s;visibility:hidden}.mobile .result-item content h2{display:inline-block;width:100%;margin:0;padding:0;font-weight:600;letter-spacing:2px;max-height:32px;text-align:left}.mobile .result-item content .item-title:after{content:" "}.mobile .result-item content .item-partner{display:inline-block;font-size:8px;letter-spacing:1px}.mobile .result-item content .item-partner:before{content:"("}.mobile .result-item content .item-partner:after{content:")"}.mobile .result-item .more-details{display:inline-block;position:relative;top:-4px;left:0;width:auto;padding:0;box-sizing:border-box;color:#000}.mobile .result-item .more-details:after{background-color:#000}.mobile .result-item .more-details i{position:relative;top:3px;right:auto}.mobile .result-item.first-item .item-palette div:first-of-type{margin:8px 4px 0 8px}.mobile .result-item.first-item .more-details{opacity:1}.mobile .result-item.first-item .item-palette{display:none}.mobile .result-item.first-item content{opacity:1;visibility:visible}.mobile .result-item.first-item .item-image img{height:100%;width:auto}.mobile .btn-palette-add{width:20vw;transform:translate3d(20vw,0,0)}.mobile .btn-palette-add:hover{background-color:#e7e7e7}.mobile .palette-content.tools:not(.only-remove) .palette{width:calc(100% - 20vw);transition:none}.mobile .mdl-button--fab.shuffle-btn,.mobile .mdl-button--fab.userimage-btn{right:20px;bottom:10px;transform:translate3d(0,0,0)}.mobile .mdl-button--fab.userimage-btn{bottom:100px}.mobile .colorpicker{position:fixed;width:100%;height:100%;background:white;overflow:hidden;z-index:10}.mobile .colorpicker .hue-picker{top:auto;bottom:0;width:100%;height:80px;background:white;overflow:hidden}.mobile .colorpicker .hue-picker .hue-cursors{position:absolute;top:0;left:0;height:100%;overflow:visible}.mobile .colorpicker .hue-picker .hue-cursors>div{position:absolute;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%}.mobile .colorpicker .hue-picker .hue-cursors>div:after{display:block;position:absolute;width:38px;height:38px;margin:-7px 0 0 -7px;border:3px solid;border-radius:22px;color:inherit;content:" ";opacity:0;transition:opacity .2s linear}.mobile .colorpicker .hue-picker .hue-cursors>div.selected:after{opacity:1}.mobile .colorpicker .saturation-picker{top:124px;bottom:80px;height:auto;width:100%;background:#343434}.mobile .colorpicker .colorpointer.saturation-pointer.pressed{width:80px;height:80px;margin-top:-40px;margin-left:-40px;border-radius:42px}.mobile .colorpicker header .mdl-button.color-cancel-button,.mobile .image-search header .mdl-button.close-userimage-btn{padding:0;min-width:36px}.mobile .colorpicker header .mdl-button.color-ok-button,.mobile .image-search header .mdl-button.submit-btn{background:#fff;color:#000}.mobile .image-search{top:0;height:100%;opacity:0;overflow:hidden;pointer-events:auto;transition:visibility 0s linear .45s,opacity .45s linear;z-index:10}.mobile .image-search.show{top:0;opacity:1;transition-delay:0s;visibility:inherit}.mobile .image-search .disclaimer-btn{width:50%;margin-left:50%;position:absolute;bottom:3em;right:0;height:5em}.mobile .image-search header,.mobile .colorpicker header{position:absolute;top:0;width:100%;background:#343434;color:white}.mobile .image-search header .mdl-button,.mobile .colorpicker header .mdl-button{color:#fff}.mobile .image-search content,.mobile .image-search .user-image-holder{top:124px;left:0;bottom:0;width:100%;height:auto;margin-top:0;margin-left:0;overflow:visible}.mobile .image-search .user-image-holder{top:0;bottom:0}.mobile .palette li.marker-select{box-shadow:inset 0 0 0 3px #fff}.user-image-holder .marker-mobile-handle{position:absolute;top:0;left:-2px;width:4px;height:10px;background:#fff;box-shadow:0px 0px 6px rgba(0,0,0,.5);opacity:0;transform-origin:top center;transition:opacity .15s linear;z-index:6}.user-image-holder .marker-mobile-handle.opened{opacity:1}.mobile .results-spinner.push{top:auto;bottom:90px}.mobile .intro-palette-help{top:124px}