body{background-color:#5de5b5}#mood{position:relative}#mood .volumeVisible{visibility:visible!important;opacity:1!important;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}#mood .progressbar{visibility:hidden;opacity:0;border-radius:15px;position:absolute;right:100px;top:120px;width:40px;height:150px;background-color:#befae4;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}@media screen and (max-width:486px){#mood .progressbar{right:30px}}#mood .progressbar .progressbar-wrap{position:relative;width:100%;height:100%}#mood .progressbar .progress{position:relative;width:100%;height:80%;background-color:#75e9be;border-radius:15px 15px 15px 0;-webkit-border-radius:15px 15px 15px 0;-moz-border-radius:15px 15px 15px 0;-ms-border-radius:15px 15px 15px 0;-o-border-radius:15px 15px 15px 0}#mood .progressbar p{width:100%;position:absolute;text-align:center;top:60px;font-family:Roboto,sans-serif;color:#d4fff0}#mood .moody-wrapper{display:flex;flex-direction:column}#mood .moody-wrapper .moody-first-row .mrf-wrap{padding:10px;display:flex;justify-content:center;align-items:center}#mood .moody-wrapper .moody-first-row h1{color:#d4fff0;font-family:Poppins,sans-serif;font-size:1.6em;font-weight:400;-webkit-animation-name:glow;animation-name:glow;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes glow{0%{color:#f8fffd}50%{color:#d4fff0}100%{color:#f8fffd}}@keyframes glow{0%{color:#f8fffd}50%{color:#d4fff0}100%{color:#f8fffd}}#mood .moody-wrapper .moody-first-row .logo{width:40px}#mood .moody-wrapper .moody-first-row .logo img{width:100%;height:100%}body{background-color:#5de5b5}#mood{position:relative}#mood .volumeVisible{visibility:visible!important;opacity:1!important;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}#mood .progressbar{visibility:hidden;opacity:0;border-radius:15px;position:absolute;right:100px;top:120px;width:40px;height:150px;background-color:#befae4;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}@media screen and (max-width:486px){#mood .progressbar{right:30px}}#mood .progressbar .progressbar-wrap{position:relative;width:100%;height:100%}#mood .progressbar .progress{position:relative;width:100%;height:80%;background-color:#75e9be;border-radius:15px 15px 15px 0;-webkit-border-radius:15px 15px 15px 0;-moz-border-radius:15px 15px 15px 0;-ms-border-radius:15px 15px 15px 0;-o-border-radius:15px 15px 15px 0}#mood .progressbar p{width:100%;position:absolute;text-align:center;top:60px;font-family:Roboto,sans-serif;color:#d4fff0}#mood .moody-wrapper{display:flex;flex-direction:column}#mood .moody-wrapper .moody-first-row .mrf-wrap{padding:10px;display:flex;justify-content:center;align-items:center}#mood .moody-wrapper .moody-first-row h1{color:#d4fff0;font-family:Poppins,sans-serif;font-size:1.6em;font-weight:400;-webkit-animation-name:glow;animation-name:glow;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes glow{0%{color:#f8fffd}50%{color:#d4fff0}100%{color:#f8fffd}}#mood .moody-wrapper .moody-first-row .logo{width:40px}#mood .moody-wrapper .moody-first-row .logo img{width:100%;height:100%}.slidecontainer{width:100%;visibility:hidden;opacity:0;transition:visibility .3s ease-in-out;-webkit-transition:visibility .3s ease-in-out;-moz-transition:visibility .3s ease-in-out;-ms-transition:visibility .3s ease-in-out;-o-transition:visibility .3s ease-in-out}.show{display:block;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.slider{-webkit-appearance:none;width:100%;height:3px;background:#fefefe;border-radius:50px;outline:0;opacity:.7;transition:opacity .2s;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#75e9be;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid #fefefe}.slider::-moz-range-thumb{width:25px;height:25px;background:#04aa6d;cursor:pointer}.moody-second-row .msr-wrapper{margin-top:120px;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}@media screen and (max-width:530px){.moody-second-row .msr-wrapper{margin-top:50px}}.moody-second-row .msr-wrapper .card-lists{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center;grid-row-gap:0;width:50%}@media screen and (max-width:876px){.moody-second-row .msr-wrapper .card-lists{width:100%}}@media screen and (max-width:613px){.moody-second-row .msr-wrapper .card-lists{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:530px){.moody-second-row .msr-wrapper .card-lists{grid-template-columns:1fr 1fr}}.moody-second-row .msr-wrapper .card-lists .card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.moody-second-row .msr-wrapper .card-lists .card .active{opacity:1!important;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transition:all .3s ease-in-out!important;-webkit-transition:all .3s ease-in-out!important;-moz-transition:all .3s ease-in-out!important;-ms-transition:all .3s ease-in-out!important;-o-transition:all .3s ease-in-out!important}.moody-second-row .msr-wrapper .card-lists .card .card-wrap{padding:20px;width:150px;cursor:pointer;display:flex;flex-direction:column;align-items:center;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out;-webkit-transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out;-moz-transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out;-ms-transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out}@media screen and (max-width:361px){.moody-second-row .msr-wrapper .card-lists .card .card-wrap{width:auto}}.moody-second-row .msr-wrapper .card-lists .card .card-wrap:hover{background-color:#75e9be;box-shadow:rgba(0,0,0,.01) 0 2px 10px 0}.moody-second-row .msr-wrapper .card-lists .card .card-wrap:hover .slidecontainer{visibility:visible;opacity:1}.moody-second-row .msr-wrapper .card-lists .card .card-wrap .card-img{margin-bottom:10px;width:50px;transition:all .3s ease-in-out!important;-webkit-transition:all .3s ease-in-out!important;-moz-transition:all .3s ease-in-out!important;-ms-transition:all .3s ease-in-out!important;-o-transition:all .3s ease-in-out!important}.moody-second-row .msr-wrapper .card-lists .card .card-wrap .card-img img{opacity:.5;width:100%;height:100%;transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}.moody-second-row .msr-wrapper .card-title{margin-top:50px}@media screen and (max-width:520px){.moody-second-row .msr-wrapper .card-title{padding-left:50px;padding-right:50px;margin-top:0}}.moody-second-row .msr-wrapper .card-title .ct-wrapper{display:flex;flex-direction:column}.moody-second-row .msr-wrapper .card-title .ct-wrapper h3{font-size:1.3em;font-family:Poppins,sans-serif;font-weight:400;color:#befae4;animation:glowit 4s ease-in-out both infinite;-webkit-animation:glowit 4s ease-in-out both infinite}.moody-second-row .msr-wrapper .card-title .ct-wrapper h3 span{font-size:1.4em;font-weight:600}@media screen and (max-width:460px){.moody-second-row .msr-wrapper .card-title .ct-wrapper h3{font-size:1.1em;text-align:center;margin-bottom:10px}.moody-second-row .msr-wrapper .card-title .ct-wrapper h3 span{font-size:1.2em}}@-webkit-keyframes glowit{0%{color:#befae4}50%{color:#fff}100%{color:#befae4}}@keyframes glowit{0%{color:#befae4}50%{color:#fff}100%{color:#befae4}}.moody-second-row .msr-wrapper .card-title .ct-wrapper .creator{display:flex;align-items:center;justify-content:center;margin-top:10px}.moody-second-row .msr-wrapper .card-title .ct-wrapper .creator p{font-family:Roboto,sans-serif;color:#befae4;margin:5px}@media screen and (max-width:460px){.moody-second-row .msr-wrapper .card-title .ct-wrapper .creator p{font-size:.9em;text-align:center}}.moody-second-row .msr-wrapper .card-title .ct-wrapper .creator span{cursor:pointer;background-color:#75e9be;padding:10px;color:#fff;font-family:"Open Sans",sans-serif;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}@media screen and (max-width:460px){.moody-second-row .msr-wrapper .card-title .ct-wrapper .creator span{font-size:.8em;text-align:center}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}