.presentation h1,.presentation p{z-index:4;color:var(--basicWhite);position:relative}.helpButton svg,.step h1 svg{margin-bottom:.1em}.colorFill:after,.helpBox,.helpButton svg:nth-child(2),.loadedImage:after,.stepOpened .helpButton svg:first-child{display:none}.moreButton svg,.step h1 svg{margin-right:.5em}.colorBox span,.step h1,label.moreButton{box-sizing:border-box}.maxLiked::after,label.moreButton{font-family:'var(--basicFontFamily)',sans-serif}#drop_zone,.colorBox,.fontList div,.helpButton,.resetMoodBoard,label.moreButton{cursor:pointer}.presentation{background-color:var(--basicColor1)}.presentation div:nth-child(2),.sendSide{width:35%;margin-left:5%}.presentation div:first-child{width:55%;padding:.5em}.presentation div img{width:100%;border-radius:.5em;-webkit-box-shadow:3px 4px 50px 5px rgba(0,0,0,.07);box-shadow:3px 4px 50px 5px rgba(0,0,0,.07);border:1px solid #dcdcdc}.presentation h1{font-size:3em;text-align:left}.presentation p{display:block;font-size:1.2em;text-align:justify}.colorBox span,.helpButton{font-size:.7em;position:absolute}#drop_zone svg{height:5em;width:5em;display:block;margin:auto auto 1em}#loadedResult,.colorSide,.dropFiles,.selectedColors{width:48.5%}.colorSide,.dropFiles{margin-left:3%;margin-top:.3em}.stepData{margin:0 auto 3em}.step h1{padding-right:5em}.step h1 svg{height:.95em;width:.95em}.helpButton{top:50%;right:0;transform:translateY(-50%);color:#fff;background-color:var(--basicColor4);margin:0;z-index:3}.helpButton svg:first-child,.stepOpened .helpButton svg:nth-child(2){display:inline-block}.stepOpened .helpButton{margin-top:.2em;background-color:Silver}.helpBox{margin-top:.8em;margin-bottom:0;padding:1em 0;color:#2d2d2d;transform:scale(1,0);transform-origin:top center;overflow:hidden;text-align:justify}.opened{display:block;animation:.2s linear forwards open}.closed{display:none;animation:.2s linear forwards close}.colorList{height:20em;overflow:auto;background-color:#ededed;padding:1em 0}.moreButton,.sendToWemajin span{background-color:var(--basicColor4)}#loadedResult div{background-size:cover;background-position:center center;width:14%;height:6em;margin:.3em;background-color:#ededed}ul.colorResult li{width:14%;height:20em;position:relative;overflow:hidden;margin:.3em}.colorBox{height:5em;width:8em;border:1px solid #dcdcdc;margin:.3em;font-size:.9em;white-space:nowrap}.colorBox span{left:0;bottom:0;font-weight:600;background-image:url(../../../images/transparentBackground/white-50.png);padding:.3em .5em;max-width:100%;text-overflow:ellipsis;text-align:left;overflow:hidden}.colorFill,.fontList div,.fontList div p,.loadedImage,.maxLiked,.sendMoodboard{position:relative}.moreButton{color:#fff;font-weight:600;margin-top:1em;padding:.5em 1em!important}label.moreButton{border-radius:var(--basicBorderRadius);border:1px solid #f5f5f5;display:block;width:100%;outline:0;font-size:.8em}.colorFill:hover:after,.loadedImage:hover:after{position:absolute;left:0;top:0;content:'';height:100%;width:100%;display:block;background-image:url(../../../images/icons/solid/trash.svg);background-size:50%;background-position:center center;background-repeat:no-repeat;background-color:rgba(255,255,255,.7);cursor:pointer}.fontList{font-size:2em;background-color:#ededed}.fontList div{padding:.5em;width:31%;text-overflow:ellipsis;margin:1%}.fontList div span.grayBackground{background-color:#ededed;position:absolute;content:'';top:50%;left:50%;height:2em;width:90%;border-radius:.5em;transform:translate(-50%,-50%);z-index:0}.fontList div p{z-index:2;padding:0;margin:0;overflow:hidden;width:100%;text-align:center}.fontList div svg{position:absolute;right:7%;top:22%;height:.8em;width:.8em;z-index:1;display:none}.maxLiked{color:#dc143c}.maxLiked::after{position:absolute;right:0;top:0;content:'3 maximum !';font-size:.5em;padding:.5em;background-color:#fff;border-radius:.5em;animation:.4s infinite alternate giggle}.likedFont svg{display:block!important}.likedFont span.grayBackground{background-color:#c2e5d8!important}.sendToWemajin{width:60%;background-color:var(--basicColor3)}.sendToWemajin span{position:absolute;top:-1em;right:1em}.sendMoodboard{font-size:1.2em;color:#fff;padding-right:4em}.sendMoodboard svg{display:block;height:3em;width:3em;position:absolute;right:.5em;top:.5em}.sendMoodboard strong{display:block;font-weight:600;font-size:2em}.resetMoodBoard{padding:1em 3em 1em 1em;border-radius:.5em}.resetMoodBoard span{display:block;font-size:1.5em;font-weight:600;margin-bottom:.3em}.resetMoodBoard svg{margin-right:.3em;font-size:.8em}@keyframes open{to{transform:scale(1,1)}}@keyframes close{to{transform:scale(1,0)}}@keyframes giggle{0%{right:1em}100%{right:-1em}}@media screen and (max-width:1200px){ul.colorResult li{height:9em;width:30%}#loadedResult div{height:5em;width:20%}}@media screen and (max-width:1100px){.presentation div{width:45%}}@media screen and (max-width:1000px){.presentation div{vertical-align:top}#loadedResult,.colorSide,.dropFiles,.selectedColors{width:100%;margin:0}#loadedResult,.selectedColors{margin-bottom:2em}ul.colorResult li{height:5em;width:31.95%}#loadedResult div{height:5em;width:10%}}@media screen and (max-width:900px){.presentation div{display:block;width:100%!important;margin:1em 0!important}.sendSide,.sendToWemajin{display:block;width:100%;margin:0 auto 2em}}@media screen and (max-width:850px){ul.colorResult{white-space:nowrap}#loadedResult div,ul.colorResult li{height:4em;width:15.2%;margin:.6%}.presentation h1{font-size:2em}.presentation p{font-size:1.1em}}@media screen and (max-width:550px){.sendToWemajin{padding:2.5em 1em}.sendMoodboard{font-size:1em}}@media screen and (max-width:450px){.fontList{font-size:1.5em}}