.theme--light.v-subheader{color:rgba(0,0,0,.54)}.theme--dark.v-subheader{color:hsla(0,0%,100%,.7)}.v-subheader{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;font-size:.875rem;font-weight:400;padding:0 16px 0 16px}.v-subheader--inset{margin-left:56px}.my-event[data-v-226acf15]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:2px;background-color:#074763;opacity:.9;color:#fff;border:1px solid #1867c0;font-size:12px;padding:3px;cursor:pointer;margin-bottom:1px;left:4px;margin-right:8px;position:relative}.my-event.with-time[data-v-226acf15]{position:absolute;right:4px;margin-right:0}.webdesigntuts-workshop[data-v-34f2821e]{background:#;height:100%;position:absolute;left:32%;bottom:187%;text-align:center;width:100%}.webdesigntuts-workshop[data-v-34f2821e]:after,.webdesigntuts-workshop[data-v-34f2821e]:before{content:"";display:block;height:0;margin:0 0 0 -400px;position:absolute;width:800px}.webdesigntuts-workshop[data-v-34f2821e]:before{top:192px}.webdesigntuts-workshop[data-v-34f2821e]:after{top:191px}.webdesigntuts-workshop form[data-v-34f2821e]{border:0 solid #000;border-radius:5px;-webkit-box-shadow:inset 0 0 0 0 #272727;box-shadow:inset 0 0 0 0 #272727;display:inline-block;font-size:0;margin:150px auto 0;padding:20px;position:relative;z-index:1}.webdesigntuts-workshop input[data-v-34f2821e]{border:1px solid #424242;border-radius:5px 0 0 5px;-webkit-box-shadow:0 1px 0 #000;box-shadow:0 1px 0 #000;color:#888;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;margin:0;padding:0 10px;text-shadow:0 -1px 0 #000;width:250px}.ie .webdesigntuts-workshop input[data-v-34f2821e]{line-height:40px}.webdesigntuts-workshop input[data-v-34f2821e]::-webkit-input-placeholder{color:#888}.webdesigntuts-workshop input[data-v-34f2821e]:-moz-placeholder{color:#888}.webdesigntuts-workshop input[data-v-34f2821e]:focus{-webkit-animation:glow-data-v-34f2821e .8s ease-out infinite alternate;animation:glow-data-v-34f2821e .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}.webdesigntuts-workshop input[data-v-34f2821e]:focus::-webkit-input-placeholder{color:#efe}.webdesigntuts-workshop input[data-v-34f2821e]:focus:-moz-placeholder{color:#efe}.webdesigntuts-workshop button[data-v-34f2821e]{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #424242;border-left-color:#000;border-radius:0 5px 5px 0;-webkit-box-shadow:0 1px 0 #000;box-shadow:0 1px 0 #000;color:#fff;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;line-height:40px;margin:0;padding:0;position:relative;text-shadow:0 -1px 0 #000;width:80px}.webdesigntuts-workshop button[data-v-34f2821e]:focus,.webdesigntuts-workshop button[data-v-34f2821e]:hover{background:#292929;background:-webkit-gradient(linear,left top,left bottom,from(#424242),to(#414141));background:linear-gradient(#424242,#414141);color:#5f5;outline:none}.webdesigntuts-workshop button[data-v-34f2821e]:active{background:#292929;background:-webkit-gradient(linear,left top,left bottom,from(#393939),to(#292929));background:linear-gradient(#393939,#292929);-webkit-box-shadow:0 0 0 #000,inset 1px 0 1px #222;box-shadow:0 0 0 #000,inset 1px 0 1px #222;top:1px}@-webkit-keyframes glow-data-v-34f2821e{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-34f2821e{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}}.flexbox[data-v-22263fe0]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:1200px;height:440px;overflow:hidden;margin:0 auto}.flexbox .board[data-v-22263fe0],.flexbox[data-v-22263fe0]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}.flexbox .board[data-v-22263fe0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:350px;max-width:100%;background-color:transparent}.flexbox .board .card[data-v-22263fe0]{padding:15px;background:rgba(16,22,58,.3);outline-color:#42da91;color:#fff;min-width:380px;max-width:40px;cursor:pointer}.html[data-v-22263fe0],body[data-v-22263fe0]{width:100%;height:100%;padding:0;margin:0;background-color:#222;font-size:0}.svg[data-v-22263fe0]{display:block;width:100%;height:100%;padding:0;margin:0;position:absolute}.h1[data-v-22263fe0]{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}.h1 a[data-v-22263fe0]{color:#48b1f4;text-decoration:none}.path[data-v-22263fe0]{stroke-linecap:square;stroke:#fff;stroke-width:.5px}.card[data-v-22263fe0]{height:100%;width:500px}.space[data-v-22263fe0]{height:20px}.theme-icons[data-v-22263fe0]{background:#10163a;color:#fff}.theme-icons[data-v-22263fe0]:hover{background:#424242;color:#fff}.theme-bg[data-v-22263fe0]{background:rgba(16,22,58,.3);color:#fff}.theme-bg-card[data-v-22263fe0]{background:rgba(16,22,58,.1);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-22263fe0]:hover{background:rgba(16,22,58,.5);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-22263fe0 1.8s ease-out infinite alternate;animation:glow-data-v-22263fe0 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-22263fe0]{background:rgba(16,22,58,.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-2[data-v-22263fe0]:hover{background:rgba(16,22,58,.5);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-22263fe0 1.8s ease-out infinite alternate;animation:glow-data-v-22263fe0 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-22263fe0]{background:rgba(255,255,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-22263fe0]:hover{background:rgba(255,255,0,.5);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-22263fe0 1.8s ease-out infinite alternate;animation:glow-data-v-22263fe0 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-22263fe0]{background:rgba(255,0,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-negative[data-v-22263fe0]:hover{background:rgba(255,0,0,.5);outline-color:red;outline-style:solid;-webkit-animation:glow-data-v-22263fe0 1.8s ease-out infinite alternate;animation:glow-data-v-22263fe0 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-22263fe0{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}}.theme-bg-card-lg[data-v-22263fe0]{background:rgba(16,22,58,.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-lg[data-v-22263fe0]:hover{background:rgba(16,22,58,.5);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-22263fe0 1s ease-out infinite alternate;animation:glow-data-v-22263fe0 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}@keyframes glow-data-v-22263fe0{0%{border-color:#393;-webkit-box-shadow:0 0 7px rgba(0,255,0,.2),inset 0 0 7px rgba(120,166,156,.1),0 2px 0 #000;box-shadow:0 0 7px rgba(0,255,0,.2),inset 0 0 7px rgba(120,166,156,.1),0 2px 0 #000}to{border-color:#78b59c;-webkit-box-shadow:0 0 10px rgba(0,255,0,.8),inset 0 0 12px rgba(120,166,156,.4),0 2px 0 #000;box-shadow:0 0 10px rgba(0,255,0,.8),inset 0 0 12px rgba(120,166,156,.4),0 2px 0 #000}}.space1[data-v-22263fe0]{height:35px}.space2[data-v-22263fe0]{height:25px}.space3[data-v-22263fe0]{height:5px}.space4[data-v-22263fe0]{height:1px}.tabbar[data-v-22263fe0]{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-22263fe0]{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-22263fe0]{color:#42da91!important}.user-ui[data-v-22263fe0]{background:#10163a;opacity:1;color:#fff;padding:20px}.theme-bg-2[data-v-22263fe0]{background:rgba(16,22,58,.3);color:#fff}.menu-icon[data-v-22263fe0]{background:rgba(16,22,58,.3)}.menu-icon[data-v-22263fe0],.menu-icon[data-v-22263fe0]:hover{display:inline-block;margin-left:40px;text-align:center;cursor:pointer}.menu-icon[data-v-22263fe0]:hover{background:rgba(16,22,58,.5)}.close-btn[data-v-22263fe0]{position:absolute;right:0;margin-top:-60px}.icons[data-v-22263fe0]{color:#fff;color:#42da91!important}.icons[data-v-22263fe0],.icons[data-v-22263fe0]:hover{font-size:40px;margin-top:5px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center}.icons[data-v-22263fe0]:hover{color:#fff;color:#fff!important}.detail-card[data-v-22263fe0]{width:800px;height:400px;background:#09435f;opacity:.75}.db-content[data-v-22263fe0]{background:linear-gradient(-45deg,#78b59c,#252b45,#364068,#31577c,#1b255b,#1c324a);background-size:400% 400%;min-height:130vh;-webkit-animation:gradient-data-v-22263fe0 25s ease infinite;-animation:gradient 25s ease infinite}@-webkit-keyframes gradient-data-v-22263fe0{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-data-v-22263fe0{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}height:150%}.mobile-view[data-v-22263fe0]{display:none}.desktop-view[data-v-22263fe0]{display:block}.three-dot[data-v-22263fe0]{margin-top:10px;float:right;color:#fff}.info-animate-out[data-v-22263fe0],.info-animate[data-v-22263fe0],.product-animate-out[data-v-22263fe0],.product-animate[data-v-22263fe0]{-webkit-animation-name:slideleft-data-v-22263fe0;animation-name:slideleft-data-v-22263fe0;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-22263fe0]{width:400px}@-webkit-keyframes slideleft-data-v-22263fe0{0%{left:-800px;top:0}to{left:10px;top:0}}@keyframes slideleft-data-v-22263fe0{0%{left:-800px;top:0}to{left:10px;top:0}}@-webkit-keyframes slideright-data-v-22263fe0{0%{left:800px;top:0}to{left:0;top:0}}@keyframes slideright-data-v-22263fe0{0%{left:800px;top:0}to{left:0;top:0}}@media only screen and (max-width:600px){.product[data-v-22263fe0]{width:90%}.card-margin[data-v-22263fe0]{margin-top:40px}.mobile-view[data-v-22263fe0]{display:block}.desktop-view[data-v-22263fe0]{display:none}.db-content[data-v-22263fe0]{height:100%}.menu-icon-2[data-v-22263fe0]{margin-left:20px;color:#42da91!important;margin-top:20px}.mb-margin[data-v-22263fe0]{text-align:center}.detail-card[data-v-22263fe0]{width:350px;height:100%}}