@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,700&subset=latin-ext&.css);.font-bold,.font-default{font-family:Ubuntu,sans-serif;font-weight:300;font-size:14px}.font-bold{font-weight:400}.font-bolder{font-family:Ubuntu,sans-serif;font-weight:300;font-size:14px;font-weight:700}body,html{padding:0;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:400;margin:.5em 0 .25em 0}dl,ol,p,ul{margin-top:0}ul{padding-left:0;list-style-type:none}ul li{margin-left:1.25em;position:relative}ul li:before{content:"\2013 ";font-weight:700;position:absolute;left:-1em}ol{padding-left:2em;list-style-type:decimal}.panel{border:1px solid #8c8c8c;border-radius:2px;background-color:#dcd6d4;border-top:none;border-left:none;-webkit-box-shadow:2px 2px 4px #727272;box-shadow:2px 2px 4px #727272;padding:16px}.notifications{position:fixed;bottom:16px;right:16px;z-index:10;display:block;width:40%;margin:0;padding:4px 0;list-style-type:none}.notifications li:before{content:none}.notifications .notification{display:block;margin:0 auto;width:100%;max-width:900px;border:1px solid #67a03c;background-color:#67a03c;-webkit-box-shadow:2px 2px 4px #67a03c;box-shadow:2px 2px 4px #67a03c;color:#505050;padding:8px 32px 8px 16px;border-radius:2px}.notifications .notification+.notification{margin-top:4px}.notifications .notification button{position:absolute;top:4px;right:4px}.notifications .notification.info{border:1px solid #38678f;background-color:#4682b4;-webkit-box-shadow:2px 2px 4px #53575a;box-shadow:2px 2px 4px #53575a;color:#fff}.notifications .notification.info button{background-color:#294d6b}.notifications .notification.info button:hover{background-color:#4682b4}.notifications .notification.success{border:1px solid #4f7b2e;background-color:#67a03c;-webkit-box-shadow:2px 2px 4px #474c44;box-shadow:2px 2px 4px #474c44;color:#fff}.notifications .notification.success button{background-color:#375620}.notifications .notification.success button:hover{background-color:#67a03c}.notifications .notification.warning{border:1px solid #f4c63e;background-color:#f7d46e;-webkit-box-shadow:2px 2px 4px #c5a853;box-shadow:2px 2px 4px #c5a853;color:#916e08}.notifications .notification.warning button{background-color:#f2b70d}.notifications .notification.warning button:hover{background-color:#f7d46e}.notifications .notification.error{border:1px solid #b2382f;background-color:#ce4f46;-webkit-box-shadow:2px 2px 4px #765452;box-shadow:2px 2px 4px #765452;color:#fff}.notifications .notification.error button{background-color:#8a2b24}.notifications .notification.error button:hover{background-color:#ce4f46}.form-box{padding:32px;-webkit-box-shadow:2px 2px 4px #dcd6d4;box-shadow:2px 2px 4px #dcd6d4;border-radius:4px;margin:48px 64px}form{margin-bottom:16px}form h2{font-weight:300;color:#272b58;font-size:18px}.field{margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.field label{width:20%;min-width:128px;max-width:128px;display:block;padding-top:8px}.field.field-select{position:relative}.field.field-select:after{content:"\ea1c";font-family:sg;position:absolute;top:11px;right:10px;font-size:14px;color:#4682b4}.field.field-auto-complete{position:relative}.field.field-auto-complete:after{content:"\e986";font-family:sg;position:absolute;bottom:11px;right:10px;font-size:12px;color:#4682b4}.field.field-checkbox{padding-left:128px;position:relative}.field.field-checkbox input[type=checkbox]{display:none}.field.field-checkbox input[type=checkbox]+label{padding:0;width:auto;padding-left:26px;margin:8px 0 6px;cursor:pointer}.field.field-checkbox input[type=checkbox]+label:before{content:"\e903";font-family:sg;font-size:16px;display:inline-block;position:absolute;top:8px;left:128px}.field.field-checkbox input[type=checkbox]:checked+label:before{content:"\e908";font-family:sg}.field .remove-button{margin-left:4px;width:28px;margin-top:5px}.field .field-validation{background-color:#cd5c5c;color:#fff;white-space:nowrap;width:auto;padding:8px;border-radius:4px;-webkit-box-shadow:2px 2px 4px silver;box-shadow:2px 2px 4px silver;text-align:center;position:absolute;top:-34px;right:-20px}.field .field-validation.form{margin:4px 0}.field .field-validation:after{content:"";border:10px solid transparent;border-top-color:#cd5c5c;position:absolute;bottom:-20px;left:10px}.fields{list-style-type:none;margin-left:128px}.fields li{margin-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fields li:before{content:none}.fields .field{display:block;width:calc(100% - 8px);margin:0 8px}.fields .field:first-child{margin-left:0}.fields .field:last-child{margin-right:0}.current-image{margin-bottom:8px;margin-left:128px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.current-image img{-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.75);box-shadow:2px 2px 4px rgba(0,0,0,.75)}.current-image button{margin-left:8px}.buttons{padding-left:128px;display:-webkit-box;display:-ms-flexbox;display:flex}.buttons button{width:100%;max-width:160px}.buttons button+button{margin-left:8px}input,select,textarea{border:1px solid #aea09c;border-bottom-color:#f3f1f0;border-right-color:#e7e3e2;background:#fdf7e9;border-radius:2px;padding:8px;font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit;width:100%;height:35px;outline:none}input:focus,select:focus,textarea:focus{background:#fff5dc}input:active,input:focus,input:hover,select:active,select:focus,select:hover,textarea:active,textarea:focus,textarea:hover{border:1px solid #727272;border-bottom-color:#d8d8d8;border-right-color:#d8d8d8}input[disabled],select[disabled],textarea[disabled]{border:1px solid #a5a5a5;border-bottom-color:#d8d8d8;border-right-color:#d8d8d8;background:#cbcbcb;color:#727272}input.price,select.price,textarea.price{width:10%;min-width:80px;text-align:right}input.number,select.number,textarea.number{width:25%;text-align:right}input.date,select.date,textarea.date{width:20%;min-width:160px}input.website,select.website,textarea.website{width:50%}textarea{height:8em}select{-webkit-appearance:none}input[type=checkbox],input[type=radio]{width:auto;height:auto}.auto-complete-input,.choice-input{width:100%;position:relative}.auto-complete-input input,.choice-input input{cursor:pointer}.auto-complete-input input.invisible,.choice-input input.invisible{opacity:0;position:absolute;top:0}.auto-complete-input.auto-complete-input-open input,.auto-complete-input.choice-input-open input,.choice-input.auto-complete-input-open input,.choice-input.choice-input-open input{border-bottom-right-radius:0;border-bottom-left-radius:0}.auto-complete-input .choice-list,.choice-input .choice-list{position:absolute;width:100%;top:100%;left:0;z-index:10;list-style-type:none;-webkit-box-shadow:2px 2px 4px #a5a5a5;box-shadow:2px 2px 4px #a5a5a5;border:1px solid #a5a5a5;background:#fdf7e9;border-radius:2px;border-top-right-radius:0;border-top-left-radius:0}.auto-complete-input .choice-list li,.choice-input .choice-list li{padding:8px;border-bottom:#fdf7e9;margin-left:0;cursor:pointer}.auto-complete-input .choice-list li.choice-focus,.auto-complete-input .choice-list li:hover,.choice-input .choice-list li.choice-focus,.choice-input .choice-list li:hover{background:#ede6d5}.auto-complete-input .choice-list li:before,.choice-input .choice-list li:before{content:none}button{outline:none;background-color:transparent;border:none;color:#736b69;font-family:Ubuntu,sans-serif;font-weight:300;font-size:14px;border-radius:4px;padding:8px;color:#fff;background-color:#4682b4}button:hover{background-color:#426785;cursor:pointer}button.icon-only{width:24px;height:24px;padding:4px;font-size:10px}button.cancel{background-color:#736b69}button.cancel:hover{background-color:#555}button.danger{background-color:#a2352d}button.danger:hover{background-color:#722f2a}.card{padding:32px;-webkit-box-shadow:2px 2px 4px #dcd6d4;box-shadow:2px 2px 4px #dcd6d4;border-radius:4px;margin:48px 64px}.card .card-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@font-face{font-family:sg;src:url(/fonts/sg.817ddfb3.ttf) format("truetype"),url(/fonts/sg.a6ad6f2b.woff) format("woff"),url(/img/sg.964c042e.svg#sg) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:sg!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-search:before{content:"\e986"}.icon-blocked:before{content:"\e919"}.icon-write:before{content:"\e91a"}.icon-read:before{content:"\e91f"}.icon-keyboard:before{content:"\e914"}.icon-line:before,.icon-minimize:before,.icon-minus:before,.icon-subtract:before{content:"\e911"}.icon-add:before,.icon-plus:before,.icon-sum:before{content:"\e912"}.icon-star-full:before{content:"\e90f"}.icon-star-empty:before{content:"\e910"}.icon-close:before{content:"\e90e"}.icon-checkbox-unchecked:before,.icon-checkbox:before,.icon-square:before,.icon-unchecked:before{content:"\e903"}.icon-checkbox-checked:before,.icon-checkbox2:before,.icon-checked:before,.icon-selected:before,.icon-tick:before{content:"\e908"}.icon-select:before{content:"\ea1c"}.icon-controller:before,.icon-other:before{content:"\e904"}.icon-eve:before{content:"\e905"}.icon-kickstarter:before{content:"\e901"}.icon-gog:before{content:"\e900"}.icon-steam:before{content:"\e902"}.icon-twitter:before{content:"\e909"}.icon-exercised:before{content:"\e915"}.icon-programmed:before{content:"\e916"}.icon-angle-double-left:before{content:"\e907"}.icon-angle-double-right:before{content:"\e906"}.icon-steam-controller:before{content:"\e90a"}.icon-completed:before{content:"\e90b"}.icon-joystick:before{content:"\e90d"}.icon-mouse-and-keyboard:before{content:"\e90c"}.icon-origin:before{content:"\e913"}.icon-uplay:before{content:"\e917"}.icon-epic:before{content:"\e918"}.hidden{display:none}.clickable{cursor:pointer}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.spaced{margin-left:.25em;margin-right:.25em}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.bracketed:before{content:" ("}.bracketed:after{content:")"}.dashed-small:before{content:"\2012";margin:0 .25em}.dashed:before{content:"\2013";margin:0 .25em}.ul{list-style-type:none;padding:0}.ul li{position:relative;padding-left:4px}.ul li:before{content:"\2013 ";position:absolute;left:0}.validation{background-color:#cd5c5c;color:#fff;white-space:nowrap;width:auto;padding:8px;border-radius:4px;-webkit-box-shadow:2px 2px 4px silver;box-shadow:2px 2px 4px silver;text-align:center}.validation.form{margin:4px 0}h1,h2,h3,h4,h5,h6{color:#4682b4}header{position:relative;margin-bottom:20px;padding-top:20px}header .logout{position:absolute;top:10px;right:10px;color:#fff!important;text-decoration:none}header .sg-icon{display:inline-block;position:relative;top:15px;width:65px;height:50px;margin-right:10px;fill:none}body{padding:16px;font-family:Ubuntu,sans-serif;font-weight:300;font-size:14px;color:#505050}a{color:#4682b4}a:visited{color:#84a6c2}a:focus,a:hover{color:#314c63}#sg-app{margin:0 auto;max-width:900px}footer{font-size:11px}.icon-steam{color:#155373}.icon-gog{color:#98ba00}.icon-kickstarter{color:#2bde73}.icon-eve{color:#00aeff}.icon-other{color:#4682b4}hr{border-top:1px solid #dcd6d4;border-bottom:0;margin:16px 0}nav{position:fixed;top:0;left:0;z-index:10;padding:10px;background-color:#4682b4;width:100%}nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}nav ul li:before{content:none}nav ul a{color:#fff!important;text-decoration:none}nav ul a.active{font-weight:700}nav.toolbar-transparent{background-color:transparent}.count{font-family:Ubuntu,sans-serif;font-weight:300;font-size:14px;font-weight:400}.big-list .big-list--filter{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.big-list .big-list--filter p{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100px;-webkit-box-flex:1;-ms-flex:1;flex:1}.big-list .big-list--filter button{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;margin:16px}.big-list .list-filter{-webkit-box-flex:8;-ms-flex:8;flex:8;margin-bottom:16px;width:100%}.big-list ol{padding:0;list-style-type:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.big-list .big-list-item,.big-list ol{display:-webkit-box;display:-ms-flexbox;display:flex}.big-list .big-list-item{width:33%;border-radius:2px;background-color:#272b58;-webkit-box-shadow:1px 1px 2px #272b58;box-shadow:1px 1px 2px #272b58;padding:16px;margin:4px;margin-top:0;height:140px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;position:relative}.big-list .big-list-item a{text-decoration:none}.big-list .big-list-item:nth-child(3n - 2){margin-left:0}.big-list .big-list-item:nth-child(3n - 1){margin-left:0;margin-right:0}.big-list .big-list-item:nth-child(3n){margin-right:0}.big-list .big-list-item .icon{color:#4682b4;position:absolute;bottom:10px;right:10px;font-size:20px}.big-list .big-list-item .icon+.icon{bottom:36px}.big-list .big-list-item:hover{cursor:pointer;background-color:#373c7b}.big-list .big-list-item:hover .icon,.big-list .big-list-item:hover h2{color:#fff}.big-list .big-list-item .big-list-item__subtext{color:#4682b4}.big-list .big-list-item .big-list-item__label{color:#4682b4;position:absolute;top:16px;right:16px}@media only screen and (max-width:600px){.big-list .big-list-item{width:50%;margin:4px!important;margin-top:0!important}.big-list .big-list-item:nth-child(2n - 1){margin-left:0!important;margin-right:4px/2!important}.big-list .big-list-item:nth-child(2n){margin-right:0!important;margin-left:4px/2!important}}.game-view .game-name,.game-view .hardware-name,.hardware-view .game-name,.hardware-view .hardware-name,.schedule-view .game-name,.schedule-view .hardware-name,.system-view .game-name,.system-view .hardware-name{border-radius:2px;background-color:#272b58;-webkit-box-shadow:1px 1px 2px #272b58;box-shadow:1px 1px 2px #272b58;padding:16px;position:relative}.game-view .game-name h2,.game-view .hardware-name h2,.hardware-view .game-name h2,.hardware-view .hardware-name h2,.schedule-view .game-name h2,.schedule-view .hardware-name h2,.system-view .game-name h2,.system-view .hardware-name h2{margin:0}.game-view .game-name .type,.game-view .hardware-name .type,.hardware-view .game-name .type,.hardware-view .hardware-name .type,.schedule-view .game-name .type,.schedule-view .hardware-name .type,.system-view .game-name .type,.system-view .hardware-name .type{position:absolute;top:16px;right:16px;color:#4682b4}.game-view .game-name .icon,.game-view .hardware-name .icon,.hardware-view .game-name .icon,.hardware-view .hardware-name .icon,.schedule-view .game-name .icon,.schedule-view .hardware-name .icon,.system-view .game-name .icon,.system-view .hardware-name .icon{color:#4682b4;position:absolute;bottom:10px;right:10px;font-size:38px}.counter .amount{text-align:center;padding:16px;border:1px solid #dcd6d4;border-radius:2px}.counter .amount.amount-negative{color:#ce4f46}.counter .amount.amount-positive{color:#67a03c}.purchase-list a.icon{text-decoration:none}.purchase-list .total{text-align:right;font-family:Ubuntu,sans-serif;font-weight:300;font-size:14px;font-weight:400}.purchase-list ol,ul.purchases-list{padding:0}.purchase-list ol li,ul.purchases-list li{display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px 0;margin-left:0}.purchase-list ol li:before,ul.purchases-list li:before{content:none}.purchase-list ol li .icon,ul.purchases-list li .icon{font-size:16px;min-width:16px;text-align:center;margin-right:8px}.purchase-list ol li .icon.icon-other,ul.purchases-list li .icon.icon-other{width:16px;border-radius:2px;color:#736b69}.purchase-list ol li .date,ul.purchases-list li .date{width:17%;text-align:left}.purchase-list ol li .name,ul.purchases-list li .name{width:86%}.purchase-list ol li .date+.name,ul.purchases-list li .date+.name{width:70%}.purchase-list ol li .price,ul.purchases-list li .price{width:13%;text-align:right}.rating{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding-top:8px}.rating li{margin-left:0}.rating li:before{position:relative;left:0}ul.purchases li{margin-left:0}ul.purchases li:before{content:none}a+a{padding-left:8px}.countdown{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:default}.countdown .countdown__value{border-radius:2px;background-color:#272b58;-webkit-box-shadow:1px 1px 2px #272b58;box-shadow:1px 1px 2px #272b58;padding:16px;margin:4px;font-weight:700;min-width:80px;display:block;text-align:center;margin:0 auto;font-size:40px;color:#fff}.countdown .countdown__value.countdown__value--negative{background-color:#ce4f46}.countdown .countdown__value.countdown__value--positive{background-color:#67a03c}.countdown .countdown__value.countdown__value--neutral{background-color:#f7d46e}.time-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:16px 0}.time-toolbar h2{text-align:center;margin:0 16px}.time-toolbar button{font-size:14px}.schedule-days{width:400px;margin:0 auto}.schedule-days ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0}.schedule-days .schedule-days__day{position:relative;padding:8px;margin:4px 0;width:100%;height:60px}.schedule-days .schedule-days__day .schedule-days__game-input{width:100%;height:100%}.schedule-days .schedule-days__day:before{content:none}.schedule-days .schedule-days__day label{position:absolute;width:100%;left:8px;top:-4px;font-size:11px}.schedule-days .schedule-days__day input[type=checkbox]{display:none}.schedule-days .schedule-days__day input[type=checkbox]+label:after{cursor:pointer;content:"";position:absolute;top:18px;right:24px;display:block;width:32px;height:32px;font-size:26px;background:#4682b4;color:#fff;border-radius:4px;text-align:center}.schedule-days .schedule-days__day input[type=checkbox]+label:hover:after{background:#426785}.schedule-days .schedule-days__day .scheduled_days__score{position:absolute;top:14px;left:auto;right:14px;width:32px;height:32px;font-size:14px;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;background:#4682b4;color:#fff;border-radius:4px}.schedule-days .schedule-days__day .scheduled_days__score.negative{background:#a2352d}.schedule-days .schedule-days__day .scheduled_days__score.exercised{background:#67a03c}.schedule-days .schedule-days__day .scheduled_days__score.programmed{background:#72a3c5}.schedule-days .schedule-days__day .scheduled_days__score.read{background:#e9b827}.schedule-days .schedule-days__day .scheduled_days__score.write{background:#b84f48}.schedule-days .schedule-days__day .scheduled_days__score .icon-exercised,.schedule-days .schedule-days__day .scheduled_days__score .icon-programmed,.schedule-days .schedule-days__day .scheduled_days__score .icon-read,.schedule-days .schedule-days__day .scheduled_days__score .icon-write{font-size:20px}.schedule-days .schedule-days__day .scheduled_days__checkbox--exercised,.schedule-days .schedule-days__day .scheduled_days__checkbox--programmed,.schedule-days .schedule-days__day .scheduled_days__checkbox--read,.schedule-days .schedule-days__day .scheduled_days__checkbox--write{position:absolute;left:auto;top:-30px;right:30px;width:36px;height:36px;font-size:20px;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;font-weight:700;background:#dcd6d4;color:#736b69;border-radius:32px;display:none}.schedule-days .schedule-days__day .scheduled_days__checkbox--exercised:hover,.schedule-days .schedule-days__day .scheduled_days__checkbox--programmed:hover,.schedule-days .schedule-days__day .scheduled_days__checkbox--read:hover,.schedule-days .schedule-days__day .scheduled_days__checkbox--write:hover{color:#505050;background:#aaa4a2;cursor:pointer}.schedule-days .schedule-days__day .scheduled_days__checkbox--exercised.active,.schedule-days .schedule-days__day .scheduled_days__checkbox--programmed.active,.schedule-days .schedule-days__day .scheduled_days__checkbox--read.active,.schedule-days .schedule-days__day .scheduled_days__checkbox--write.active{color:#fff;background:#736b69}.schedule-days .schedule-days__day:hover .scheduled_days__checkbox--exercised,.schedule-days .schedule-days__day:hover .scheduled_days__checkbox--programmed,.schedule-days .schedule-days__day:hover .scheduled_days__checkbox--read,.schedule-days .schedule-days__day:hover .scheduled_days__checkbox--write{display:-webkit-box;display:-ms-flexbox;display:flex}.schedule-days .schedule-days__day .scheduled_days__checkbox--programmed{right:-10px}.schedule-days .schedule-days__day .scheduled_days__checkbox--read{right:-30px;top:14px}.schedule-days .schedule-days__day .scheduled_days__checkbox--write{right:50px;top:14px}.systems{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.systems a{text-decoration:none;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.system-item{border-radius:2px;-webkit-box-shadow:1px 1px 2px #3f436d;box-shadow:1px 1px 2px #3f436d;margin:0;padding:16px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.system-item:hover h2{color:#000;cursor:pointer}.system-item>div{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.system-item>div ul{color:#000}.system-item>div ul li{padding:0;margin:0}.system-item>div ul li:before{content:""}.component,.properties{margin-bottom:4px}.component .property,.properties .property{font-size:.8em;color:#736b69}.component .property:after,.properties .property:after{content:" "}.component .property.property-block,.properties .property.property-block{display:block}.component .property.property-block strong:after,.properties .property.property-block strong:after{content:": "}.property+.property .field{margin-top:4px}.property+.property label{display:none}.canvas-container[data-v-7244cff4]{width:400px;height:280px;position:relative;margin:20px;display:none}.canvas-container.has-image[data-v-7244cff4]{display:block}.canvas[data-v-7244cff4]{display:block;position:absolute;top:0;left:0}.moving .canvas[data-v-7244cff4]{cursor:all-scroll}.canvas.canvas-preview[data-v-7244cff4]{cursor:default;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.75);box-shadow:2px 2px 4px rgba(0,0,0,.75);background:#d3d3d3}.canvas.canvas-result[data-v-7244cff4]{left:0;background:#a6a6a6;visibility:hidden}.canvas-result-mask[data-v-7244cff4]{position:absolute;display:block}.moving .canvas-result-mask[data-v-7244cff4]{display:none}.canvas-result-mask.mask-left[data-v-7244cff4]{border-left:1px dashed hsla(0,0%,100%,.5);top:70px;width:1px;height:140px;left:20px}.canvas-result-mask.mask-top[data-v-7244cff4]{border-top:1px dashed hsla(0,0%,100%,.5);top:70px;width:360px;height:1px;left:20px}.canvas-result-mask.mask-right[data-v-7244cff4]{border-right:1px dashed hsla(0,0%,100%,.5);top:70px;width:1px;height:140px;left:380px}.canvas-result-mask.mask-bottom[data-v-7244cff4]{border-bottom:1px dashed hsla(0,0%,100%,.5);top:210px;width:360px;height:1px;left:20px}