.popup-bg[data-v-8c7a5a02]{background:rgba(107,95,95,.95);outline-color:#42da91;color:#fff;text-color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.popup-bg[data-v-8c7a5a02]:hover{background:rgba(107,95,95,.98);outline-color:#42da91;outline-style:solid;-webkit-animation:glow 1s ease-out infinite alternate;animation:glow 1s ease-out infinite alternate;border-color:#393;-webkit-box-shadow:0 0 7px rgba(0,255,0,.2),inset 0 0 7px rgba(0,255,0,.1),0 2px 0 #000;box-shadow:0 0 7px rgba(0,255,0,.2),inset 0 0 7px rgba(0,255,0,.1),0 2px 0 #000;outline:none}.text-color[data-v-8c7a5a02]{color:#fff!important}.text-color-2[data-v-8c7a5a02]{color:#000!important}.icon-color[data-v-8c7a5a02]{color:#42da91!important}.textalign-color[data-v-8c7a5a02]{color:#fff!important;text-align:right}.spacer[data-v-2e47640d]{height:27px}.card[data-v-2e47640d]{height:260px}.spacer[data-v-ea9198f4]{height:21px}.card[data-v-ea9198f4]{height:260px}.html[data-v-7f82ee65],body[data-v-7f82ee65]{width:100%;height:100%;padding:0;margin:0;background-color:#222;font-size:18px}.spacer[data-v-7f82ee65]{height:20px}.spacer3[data-v-7f82ee65]{height:10px}.svg[data-v-7f82ee65]{display:block;width:100%;height:100%;padding:0;margin:0;position:absolute}.h1[data-v-7f82ee65]{width:100%;font-family:sans-serif;position:absolute;text-align:center;color:#fff;font-size:18px;top:40%;opacity:1;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}.theme-bg-card[data-v-7f82ee65]{padding:10px;background:rgba(48,64,87,.3);outline-color:#42da91;color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card[data-v-7f82ee65]:hover{background:rgba(48,64,87,.5);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-7f82ee65 1.8s ease-out infinite alternate;animation:glow-data-v-7f82ee65 1.8s ease-out infinite alternate;border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;color:#efe;outline:none}.theme-bg-card-2[data-v-7f82ee65]{padding:10px;background:rgba(66,218,145,.6);outline-color:#42da91;color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-2[data-v-7f82ee65]:hover{background:rgba(66,218,145,.8);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-7f82ee65 1.8s ease-out infinite alternate;animation:glow-data-v-7f82ee65 1.8s ease-out infinite alternate;border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;color:#efe;outline:none}.theme-bg-card-warning[data-v-7f82ee65]{background:rgba(255,165,0,.3);outline-color:#42da91;color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-warning[data-v-7f82ee65]:hover{background:rgba(255,165,0,.5);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-7f82ee65 1.8s ease-out infinite alternate;animation:glow-data-v-7f82ee65 1.8s ease-out infinite alternate;border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;color:#efe;outline:none}.theme-bg-card-negative[data-v-7f82ee65]{background:rgba(255,0,0,.5);outline-color:#42da91;color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-negative[data-v-7f82ee65]:hover{background:rgba(255,0,0,.7);outline-color:red;outline-style:solid;-webkit-animation:glow-data-v-7f82ee65 1.8s ease-out infinite alternate;animation:glow-data-v-7f82ee65 1.8s ease-out infinite alternate;border-color:red;-webkit-box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000;box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000;color:#efe;outline:none}@-webkit-keyframes glow-data-v-7f82ee65{0%{border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000}to{border-color:#78b59c;-webkit-box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000;box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000}}@keyframes glow-data-v-7f82ee65{0%{border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000}to{border-color:#78b59c;-webkit-box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000;box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000}}.text--primary[data-v-7f82ee65]{font-style:#ffffff}.data-tiles[data-v-7f82ee65],.text--primary[data-v-7f82ee65]{text-align:center;font-size:32px;top:40%;opacity:1;border-radius:25px;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}.data-tiles-2[data-v-7f82ee65],.data-tiles[data-v-7f82ee65]{background:#78b59c;padding:20px}.data-tiles-2[data-v-7f82ee65]{text-align:center;font-size:32px;opacity:1;border-radius:25px;margin:10px}.data-tiles-3[data-v-7f82ee65]{padding:0}.h1 a[data-v-7f82ee65]{color:#48b1f4;text-decoration:none}.path[data-v-7f82ee65]{stroke-linecap:square;stroke:#fff;stroke-width:.5px}.theme-bg[data-v-7f82ee65]{background:#10163a;color:#fff}.tabbar[data-v-7f82ee65]{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;&>li{margin:0 11px;&>svg{width:14px;height:14px;display:block;fill:#2f3545;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}}&.open{&>li{&>svg{opacity:.5}}}}.Center & dribbble body[data-v-7f82ee65]{min-height:100vh;font-family:Roboto,Arial;color:#adafb6;background:#171c28;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;.dribbble{position:fixed;right:20px;bottom:20px;img{height:28px}}}.text-color-2[data-v-7f82ee65]{color:#42da91!important}.useroptions[data-v-7f82ee65]{background:#304057;opacity:.85;color:#fff}.theme-bg-2[data-v-7f82ee65],.theme-bg-fy[data-v-7f82ee65]{background:#10163a;opacity:.85;color:#fff}.menu-icon[data-v-7f82ee65]{background:#10163a;display:inline-block;margin-left:40px;text-align:center;cursor:pointer}.close-btn[data-v-7f82ee65]{position:absolute;right:0;margin-top:-60px}.icons[data-v-7f82ee65]{font-size:40px;color:#fff;margin-top:5px;color:#42da91!important}.detail-card[data-v-7f82ee65]{width:800px;height:400px;background:#09435f;opacity:.75}.db-content[data-v-7f82ee65]{background:linear-gradient(-45deg,#0f1724,#151f2f,#19253a,#304057);min-height:140vh;background-size:400% 400%;-webkit-animation:gradient-data-v-7f82ee65 25s ease infinite;-animation:gradient 25s ease infinite}@-webkit-keyframes gradient-data-v-7f82ee65{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-data-v-7f82ee65{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}height:150%}.mobile-view[data-v-7f82ee65]{display:none}.desktop-view[data-v-7f82ee65]{display:block}.three-dot[data-v-7f82ee65]{margin-top:10px;float:right;color:#fff}.info-animate-out[data-v-7f82ee65],.info-animate[data-v-7f82ee65],.product-animate-out[data-v-7f82ee65],.product-animate[data-v-7f82ee65]{-webkit-animation-name:slideleft-data-v-7f82ee65;animation-name:slideleft-data-v-7f82ee65;position:relative;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-transition:opacity Elastic.easeOut .8s;transition:opacity Elastic.easeOut .8s}.product[data-v-7f82ee65]{width:400px}@-webkit-keyframes slideleft-data-v-7f82ee65{0%{left:-800px;top:0}to{left:10px;top:0}}@keyframes slideleft-data-v-7f82ee65{0%{left:-800px;top:0}to{left:10px;top:0}}@-webkit-keyframes slideright-data-v-7f82ee65{0%{left:800px;top:0}to{left:0;top:0}}@keyframes slideright-data-v-7f82ee65{0%{left:800px;top:0}to{left:0;top:0}}@media only screen and (max-width:600px){.product[data-v-7f82ee65]{width:90%}.card-margin[data-v-7f82ee65]{margin-top:40px}.mobile-view[data-v-7f82ee65]{display:block}.desktop-view[data-v-7f82ee65]{display:none}.db-content[data-v-7f82ee65]{height:100%}.menu-icon-2[data-v-7f82ee65]{margin-left:20px;color:#42da91!important;margin-top:20px}.mb-margin[data-v-7f82ee65]{text-align:center}.detail-card[data-v-7f82ee65]{width:350px;height:100%}}