body.surfaceEditMode{position:relative;z-index:0}#actionBackground{position:fixed;width:100%;height:100%;z-index:-1;background-image:url('/Areas/Surface/assets/img/bg01_linen.png');background-repeat:repeat}.align-selector i{display:none}.align-selector.left #as-left{display:initial}.align-selector.center #as-center{display:initial}.align-selector.right #as-right{display:initial}.align-selector.justify #as-justify{display:initial}.action-button-create{width:30px;height:30px;color:#777;background-color:#eee;border-radius:3px;float:left;cursor:pointer;text-align:center;line-height:0;padding-top:1px;font-size:26px;margin:0 3px 0 0}.action-button-create:hover{color:#fff;background-color:#0079bf}.action-button-create span{line-height:0;display:inline-block;padding-top:11px}.action-button-create-menu{float:right;margin-right:6px;margin-left:9px}#openFullMenu.action-button-create{font-size:20px;padding-top:4px;width:57px}.action-button.selectable.disabled{cursor:auto;pointer-events:none}.action-button.selectable.disabled i{color:#d9d9d9;font-weight:100}.action-button.selectable.disabled:hover{background-color:#eee}.selectable.light i{color:#989898}.selectable.light.selected i{color:#fff}.action-button.web{box-shadow:#aaa 2px 2px 4px;margin-top:5px;margin-bottom:8px;margin-right:6px}.web.unsaved{background-color:#f08475;color:#fceae8;box-shadow:#f08475 2px 2px 4px}.web.unsaved:hover{background-color:#eb5a46}.web.private{background-color:#f08475;color:#fceae8;box-shadow:#f08475 2px 2px 4px}.web.private:hover{color:#fceae8;background-color:#eb5a46}.web.public{background-color:#70b500;color:#f5ffe6;box-shadow:#70b500 2px 2px 4px}.web.public:hover{background-color:#5e9900;color:#f5ffe6}.web.disabled,.web.disabled:active,.web.disabled:hover{color:#b1b1b1;background-color:#d7d7d7;box-shadow:none;cursor:default;pointer-events:none}.web.active{background-color:#0079bf;color:#fff}.web.active:hover{color:#fff;background-color:#0d47a1}#view3D.action-button i{font-weight:normal}.action-button{margin:0 3px 3px 0;width:28px;height:28px;background-color:#eee;cursor:pointer;text-align:center;line-height:0;padding-top:5px;font-size:16px;color:#777;border-radius:5px;float:left}.action-button:hover{background-color:#ddd}.action-button.selectable{color:#777}.action-button.selectable.selected,.action-button:active{color:#555;background-color:#ccc}.action-button span{line-height:0;display:inline-block;padding-top:8px}.action-button i{font-weight:bold}.action-button.pale{opacity:.4}.action-button.pale:hover{opacity:1}.action-button-3D{width:60px;height:60px;cursor:grab;padding-top:16px}.action-button-3D i{font-size:30px;font-weight:normal}.action-button-3D.active{background-color:#0079bf;color:#fff}.action-button-3D.active:hover{color:#fff;background-color:#0d47a1}.media-query-container{width:100%;height:60px;background-color:#c7c7c780;position:fixed;left:0;bottom:0}.btn-media-query-plus{width:38px;height:31px;font-size:14px;font-weight:bold;color:#222;background-color:#fff;text-align:center;padding:4px;border-radius:4px;cursor:pointer}.btn-media-query-plus:hover{background-color:#0079bf;color:#fff;border-color:#0d47a1}.btn-media-query{width:71px;height:31px;font-size:14px;color:#222;background-color:#fff;text-align:center;padding:4px;border-radius:4px 0 0 4px;cursor:pointer}.btn-media-query-complex:hover,.btn-media-query-complex.currentWidthWorkingOn{z-index:1}.btn-media-query:hover,.btn-media-query-complex.currentWidthWorkingOn .btn-media-query{background-color:#0079bf;color:#fff}.btn-media-query-delete{width:34px;height:31px;font-size:17px;color:#222;background-color:#fff;text-align:center;cursor:pointer;border-radius:0 4px 4px 0;padding:2px;border-left:1px solid #555}.btn-media-query-delete:hover{background-color:#eb5a46;color:#fff}.btn-media-query-bar{width:3px;height:60px;background-color:#c7c7c7;float:left;margin-left:14px;margin-top:-14px}.btn-media-query-complex{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.btn-media-query-complex.currentScreen{font-weight:bold}#currentWindowWidthLabel{color:#ffffff80;font-size:14px;font-style:italic}#currentWidthToWorkOnLabel{color:#0d47a180;font-size:14px;font-style:italic;font-weight:bold}#activeBackground{position:fixed;width:100%;height:100%}.advancedMenuContainer{width:750px;height:550px;background:#ffffffe6;border-radius:5px;box-shadow:0 0 0 1px #1111112b;position:fixed;top:10px;right:300px;z-index:20}.advancedMenuContainer .action-button{margin:0}.advancedMenuContainer .disabled{pointer-events:none;opacity:.5}.amcLabel{font-size:11px;color:#777;height:20px}.menuTab{width:80px;height:28px;background:#fff;background-color:#fff;box-shadow:inset 0 0 4px 0 #979797;float:left;text-align:center;padding-top:5px;cursor:pointer;font-size:11px;color:#777}.menuTab:hover,.menuTab.active,.menuTab.whiteSpace{box-shadow:none;font-weight:bold}.menuTabCornerButton{width:28px;height:28px;box-shadow:none;background-color:#f5f5f5;float:right;border-radius:0 5px 0 5px;text-align:center;color:#777;line-height:14px}.menuTabCornerButton:hover{background-color:#c7c7c7}.menuTabCornerButton.resize{padding-top:7px;border-radius:5px 0 5px 0;position:absolute;bottom:0;right:0;cursor:nwse-resize}.menuBody{float:left;width:100%;height:80%;margin-top:14px;padding:0 10px 10px 10px}.menuBody textarea{width:100%;height:99%;resize:none;font-size:12px;padding-top:13px;padding-left:11px;background-color:#1e1e1e;color:#9f9f9f;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.menuBody table{width:100%}.menuBody table tr:first-child td{padding-top:0}.menuBody table tr td{padding-top:10px}.menuBody table input:not([type='checkbox']){width:98%}.menuFooter{width:100%;height:50px;background:#ffffffe6;display:flex;flex-direction:row-reverse;border-radius:0 0 5px 5px;box-shadow:0 0 3px #aaa}.addRemoveAttribute{width:30px;height:30px;text-align:center;background-color:#e5e5e5;cursor:pointer}.addRemoveAttribute:hover{background-color:#c7c7c7}#htmlMenuBodySyntax,#htmlMenuBodyEditSyntax,#styleMenuBodySyntax,#cssMenuBodySyntax{height:80%;width:100%;position:absolute;top:44px;left:0;background-color:#24292e;font-size:12px;color:#fff}.am-attribute-row.disabled{opacity:.5;pointer-events:none;display:none}.advancedMenuSelector{height:25px;font-size:12px;color:#fff;background-color:#a3a3a3;text-align:center;border-radius:3px;margin:0 17px 17px 0;padding:2px 12px 10px 10px;float:left}.advancedMenuSelector:hover{background-color:#878787}.advancedMenuSelector.active{background-color:#0079bf}.advancedMenuSelector.active:hover{background-color:#0d47a1}.advancedMenuSelectorLabel{height:27px;font-size:12px;color:#969696;font-style:italic;float:left;position:relative;top:3px}.advancedMenuSelectorCopy{position:absolute;bottom:90px;left:10px;opacity:.5;z-index:10}.advancedMenuSelectorCopy:hover{opacity:1}.stateContainer{position:relative;width:100px;height:140px}.mediaQueryButton{width:270px;height:31px;font-size:14px;color:#222;background-color:#fff;text-align:center;padding:2px;border-radius:4px;border-color:#aaa;border-width:1px;border-style:solid;margin-bottom:21px;margin-left:20px;margin-top:13px;float:left;cursor:pointer}.mediaQueryButton:hover{background-color:#0079bf;color:#fff;border-color:#0d47a1}.mediaQueryDeleteButton{width:29px;height:31px;font-size:14px;color:#222;background-color:#fff;text-align:center;padding:2px;border-radius:4px;border-color:#aaa;border-width:1px;border-style:solid;margin-left:10px;margin-top:13px;float:left;cursor:pointer}.mediaQueryDeleteButton:hover{background-color:#eb5a46;border-color:#c00;color:#fff}.onEventLabel{width:130px;height:47px;font-size:15px;color:#8c8c8c;font-style:italic;font-weight:bold;text-align:right}.minorLabel{width:147px;height:59px;font-size:12px;color:#8c8c8c;text-align:left}.surfaceStateButton.small{height:23px;width:82px;font-size:12px;padding:0}.surfaceStateButton{height:35px;width:142px;font-size:15px;color:#333;background-color:#fff;text-align:center;padding:4px;border-radius:3px;border:1px solid #aaa;cursor:pointer}.surfaceStateButton:hover{background-color:#ebebeb}.surfaceStateButton.active{color:#fff;background-color:#0079bf;font-weight:bold;border:none}.surfaceStateButton.active:hover{background-color:#0d47a1}.stateToggleButton{width:65px;height:20px;font-size:10px;color:#222;text-align:center;background-color:#fff;border-color:#a8a8a8;border-width:1px;border-style:solid;cursor:pointer;padding:1px}.stateToggleButton:hover{background-color:#ebebeb}.stateToggleButton.active{background-color:#c5c5c5;color:#585858;font-weight:bold}.stateToggleButton.active:hover{background-color:#aaa}.stateNumberContainer{width:330px;height:60px;background:#ebebeb;border-radius:5px}.stateNumberContainer table,tr,td{width:300px;border-collapse:collapse}.stateNumberContainer .surfaceStateNumber{width:30px;height:30px;background:#fff;outline:1px solid #c7c7c7;float:left;text-align:center;padding-top:2px;color:#777;cursor:pointer}.surfaceStateNumber:hover{background-color:#ebebeb;font-weight:bold}.surfaceStateNumber.active{color:#fff;background-color:#0079bf;font-weight:bold}.surfaceStateNumber.active:hover{background-color:#0d47a1}.surfaceStateNumber.stateZero{height:60px;width:30px;padding-top:16px;float:left}.surfaceStateNumber.stateNotAvailable{opacity:.5;pointer-events:none}#featuresMenuBody td{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-bottom:7px}.wdsAlert{width:207px;font-size:14px;color:#fff;border-radius:5px;border-width:1px;border-style:solid;padding:9px;position:absolute;top:0;right:267px}.wdsAlert.wdsInfo{background-color:rgba(0,121,191,.5);border-color:#0092e7;box-shadow:rgba(0,0,0,.45) 10px 10px 30px 0}.wdsAlert.wdsWarning{background-color:rgba(255,159,26,.5);border-color:#ffb956;box-shadow:rgba(0,0,0,.45) 10px 10px 30px 0}.wdsAlert.wdsDanger{background-color:rgba(235,90,70,.5);border-color:#ef8273;box-shadow:rgba(0,0,0,.45) 10px 10px 30px 0}.wdsAlert .btn{font-size:14px;line-height:1;color:#222;text-align:center;background-color:#eee;border-radius:3px;cursor:pointer;padding-left:8px;padding-right:8px}.wdsAlert .btn:hover{background-color:#ddd}.baseInspectorTable{width:100%;line-height:1.15}.baseInspectorTable tr td:nth-child(1){width:37%}.baseInspectorTable tr td:nth-child(2){font-weight:bold}.baseInspectorTable .faintInfo{font-weight:normal;font-style:italic;opacity:.5}.wdsAlert{width:207px;font-size:14px;color:#fff;border-radius:5px;border-width:1px;border-style:solid;padding:9px;position:absolute;top:0;right:267px}.wdsAlert.wdsInfo{background-color:rgba(0,121,191,.5);border-color:#0092e7;box-shadow:rgba(0,0,0,.45) 10px 10px 30px 0}.wdsAlert.wdsWarning{background-color:rgba(255,159,26,.5);border-color:#ffb956;box-shadow:rgba(0,0,0,.45) 10px 10px 30px 0}.wdsAlert.wdsDanger{background-color:rgba(235,90,70,.5);border-color:#ef8273;box-shadow:rgba(0,0,0,.45) 10px 10px 30px 0}.wdsAlert .btn{font-size:14px;line-height:1;color:#222;text-align:center;background-color:#eee;border-radius:3px;cursor:pointer;padding-left:8px;padding-right:8px}.wdsAlert .btnSmall{font-size:12px;padding:4px}.wdsAlert .btn:hover{background-color:#ddd}.baseInspectorTable{width:100%;line-height:1.15;font-size:12px}.baseInspectorTable .wdsAlert{font-size:12px}.baseInspectorTable .btnSmall{font-size:12px}.baseInspectorTable .displayOnlyIfStaticPosition,.baseInspectorTable .displayOnlyIfRelativePosition,.baseInspectorTable .displayOnlyIfFixedPosition,.baseInspectorTable .displayIfMarginAuto,.baseInspectorTable .displayIfMarginPartialAuto{display:none}.baseInspectorTable.static_position .displayOnlyIfStaticPosition{display:table-row}.baseInspectorTable.relative_position .displayOnlyIfRelativePosition{display:table-row}.baseInspectorTable.fixed_position .displayOnlyIfFixedPosition{display:table-row}.baseInspectorTable.marginAuto .displayIfMarginAuto{display:table-row}.baseInspectorTable.marginPartialAuto .displayIfMarginPartialAuto{display:table-row}.baseInspectorTable.hideMarginSection .marginSection{display:none}.baseInspectorTable tr td:nth-child(1){width:37%}.baseInspectorTable tr td:nth-child(2){font-weight:bold}.baseInspectorTable .faintInfo{font-weight:normal;font-style:italic;opacity:.5}.baseInspectorTable .displayOnlyInFocusMode{display:none}.baseInspectorTable.isFocusMode .displayOnlyInFocusMode{display:block}.marginSection table td{width:30px!important}.cpx-cont{width:107px;height:100px;background-color:#fff;border-radius:5px;border:1px solid #e0e0e0;box-shadow:5px 5px 15px -5px rgba(0,0,0,.38);position:absolute;top:36px;left:-138px;z-index:21}.cpx-pad{width:26px;height:54px;text-align:center;color:#888;background-color:#f7f7f7;border-radius:5px;cursor:grab;float:left;position:relative;margin-top:7px;margin-left:7px}.cpx-pad:hover{background-color:#f0f0f0}.cpx-pad i{font-weight:normal}.cpx-pad-output{height:16px;width:100%;color:#aaa;font-size:13px;position:absolute;bottom:-29px}.cpx-pad .btn-adjust{width:13px;height:13px;background-color:#ddd;position:absolute;bottom:0;cursor:pointer}.cpx-pad .btn-adjust:hover{background-color:#b9b9b9}.cpx-pad .btn-adjust:active{background-color:#969696}.btn-adjust.plus{border-radius:0 0 0 5px;left:0}.btn-adjust.minus{border-radius:0 0 5px 0;right:0}#cpx-luminosity{font-size:21px;padding-top:0}#cpx-saturation{font-size:17px;padding-top:5px}#cpx-alpha{font-size:16px;padding-top:6px}.cp-cont{width:70px;height:60px;position:relative}.cp-pad.disabled{color:#ccc;cursor:initial}.cp-pad.disabled:hover{color:#ccc;background-color:#f7f7f7}.cp-cont.disabled .cp-pad{color:#ccc;pointer-events:none}.cp-pad{width:50%;height:30px;color:#888;background-color:#f7f7f7;text-align:center;line-height:0;position:absolute;cursor:grab}.cp-pad:hover{background-color:#f0f0f0}.cp-luminosity{top:0;left:0;border-radius:3px 0 0 0;border-bottom:1px solid #fff;font-size:21px;padding-top:3px}.cp-saturation{top:0;right:0;border-radius:0 5px 0 0;border-left:1px solid #fff;border-bottom:1px solid #fff;font-size:17px;padding-top:5px}.cp-picker{bottom:0;right:0;border-radius:0 0 5px 0;font-size:18px;padding-top:5px;cursor:pointer}.cp-picker.selected{color:#fff;background-color:#bbb}.cp-alpha{bottom:0;left:0;border-radius:0 0 0 5px;border-left:1px solid #fff;font-size:15px;padding-top:6px}.color-container{width:100%;display:inline-block;margin-bottom:-2px;position:relative}.color-container .white{border:1px solid #aaa}.color-container .transparent{border:1px dashed #aaa}.color-button{margin:1px;width:15px;height:15px;background-color:#fff;cursor:pointer;border-radius:3px;float:left}.color-selector{background-color:#eee;border-radius:4px;line-height:1;padding:0 8px 3px 7px;color:#555;cursor:pointer;font-size:13px;margin-right:-1px}.color-selector:hover{background-color:#ddd}.color-selector.selected{color:#fff!important;background-color:#999}.bodyColorSelector{color:#777;margin-left:10px;position:relative;top:-2px;font-size:10px}.editorViewportWhichMeansBodyInReadOnlyMode{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:rgba(0,0,0,.45) 10px 10px 18px 0}#editorViewport.mediaQueryVisible{container-type:inline-size}.resizeBarContainer{position:absolute;bottom:15px;right:15px}.resizeBarContainer.mediaQueryVisible{bottom:75px}.resizeBarContainer .outputScreenSize{background-color:rgba(80,80,80,.5);color:#fff;width:68px;height:15px;font-size:9px;font-style:italic;line-height:1;padding-top:2px;text-align:center;border-radius:3px;border:1px solid rgba(255,255,255,.3);position:absolute;right:0;bottom:71px}.resizeBar{color:#555;border-radius:3px;background-color:#f7f7f7;border:1px #dedede solid}.resizeBar:hover{background-color:#f0f0f0}.resizeBar .resizeIcon{position:absolute;top:50%;left:50%;font-size:8px;margin-left:-4px;margin-top:-6px}.resizeBar.rightBar{width:15px;height:50px;cursor:w-resize;position:absolute;right:0;bottom:18px}.resizeBar.rightBar .resizeIcon{transform:rotate(90deg)}.resizeBar.bottomBar{width:50px;height:15px;cursor:n-resize;position:absolute;bottom:0;right:18px;margin-left:-50px}.resizeBar.bottomBar .resizeIcon{margin-left:-2px;margin-top:-6px}.resizeBar.cornerBar{width:15px;height:15px;cursor:nw-resize;position:absolute;bottom:0;right:0}.resizeBar.cornerBar .resizeIcon{transform:rotate(135deg);margin-left:-5px;margin-top:-7px}.resizeBar.panCornerBar{width:50px;height:50px;cursor:grab;position:absolute;bottom:18px;right:18px;background-color:rgba(80,80,80,.5);color:#ffffff33;border:1px solid rgba(255,255,255,.3)}.resizeBar.panCornerBar:hover{color:#fff}.resizeBar.panCornerBar .resizeIcon{font-size:30px;margin-left:-15px;margin-top:-23px}.enableFocusMode .layer *{opacity:.3;outline-offset:10px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;user-select:none}.layer .focusElement{box-shadow:rgba(0,0,0,.45) 10px 10px 35px 0;opacity:1;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-webkit-touch-callout:initial;user-select:text}.layer .focusElement *{opacity:1;pointer-events:initial}.layer .focusElement [data-type='box'] iframe{pointer-events:none}#focusLock.disabled{pointer-events:none;display:none}html,body{height:100%}a{color:inherit}a,a:link,a:visited,a:focus,a:hover,a:active{text-decoration:none}a:not([href]){text-decoration:none}a:not([href]):hover{text-decoration:none}table td{width:1px}input:focus,textarea:focus,select:focus{outline:3px solid #aaa}button{outline:none;border:none}button:focus{outline:none}.fr{float:right}body.surfaceEditMode.darkMode{background:#333;background-color:#333}.darkMode .editorViewportWhichMeansBodyInReadOnlyMode{}body.surfaceEditMode.lightMode{background:#999;background-color:#999}.lightMode .editorViewportWhichMeansBodyInReadOnlyMode{}#gpMainContainer{width:40%;min-width:568px;height:21px;top:20px;left:29%;border-radius:10px;z-index:20;position:fixed}#gpRotationLabel{color:#fff;font-size:11px;text-align:center;padding:1px;width:5%;min-width:28px;float:left}#gpMainGradient{width:95%;height:100%;float:right;border-radius:0 10px 10px 0;background:linear-gradient(90deg,#0079bf 2%,#f2d600 50%,#eb5a46 98%)}.gpMainBorder{border-color:#fff;border-width:1px;border-style:solid;box-shadow:rgba(0,0,0,.6) 0 0 0 1px;background-color:rgba(0,0,0,.6)}.gpPoint{width:22px;height:32px;border-radius:5px;position:absolute;top:-6px;cursor:grab;text-align:center;color:#fff;text-shadow:1px 1px 3px #000;font-size:12px;padding-top:4px}.gpPoint.selected{box-shadow:rgba(159,159,159,.6) 0 0 0 8px;z-index:1}.gpClearGradient{width:20px;height:20px;font-size:13px;color:#fff;text-align:center;border-radius:25px;line-height:0;padding-top:7px;cursor:pointer}.gpClearGradient:hover{background-color:#eb5a46}#gpMainGradient div{float:left;width:5%;height:100%;border:1px solid #000;opacity:0}.iSurfaceContainerTag{display:flex}.xn-panel .layer-selector-container{width:13px;position:absolute;top:51px;left:-15px}.layer-selector-container .layer-selector{width:15px;height:30px;border:1px solid #ddd;border-right:0;border-radius:4px 0 0 4px;margin-bottom:1px;background-color:#fff}.layer-selector{color:#aaa}.layer-selector:hover{background-color:#eee}.layer-selector.selected{background-color:#eee;border-color:#ccc;border-right:4px solid #ccc}.layer-selector.serviceLayer{background-color:#ff9f1a;border-color:#ff9f1a;color:#fff}.layer-selector.serviceLayer.selected{background-color:#ff9f1a;border-color:#eb5a46;border-right:4px solid #eb5a46}.layer-selector.frozen{color:#ccc;border-right:none}.layer-selector.frozen.serviceLayer{color:#fff;border-right:none}.layer-selector.layerHidden{border:1px dashed #ccc}.layer-selector.layerHidden.serviceLayer{border:1px dashed #fff}.layer.serviceLayer{display:none;pointer-events:none}.parallaxMode .layer.serviceLayer{display:none!important;pointer-events:none}.surfaceEditMode .layer.serviceLayer{display:block;pointer-events:unset}.layer.frozen,.surfaceEditMode .layer.frozen.serviceLayer{pointer-events:none}.layer.frozen.highlight *{outline:2px dashed #b1b1b1!important}.layer.layerHidden,.surfaceEditMode .layer.layerHidden.serviceLayer{display:none}.layer.highlight *{outline:3px dashed #dc8000!important;outline-offset:10px}.layer.highlight:empty{outline:3px dashed #dc8000!important;height:30px;width:200px;border-radius:20px;margin-top:15px;margin-left:15px}.isolateMode .layer{opacity:.1;pointer-events:none}.isolateMode .layer.current{opacity:initial;pointer-events:initial}#surface-viewport .isolateMode .layer{opacity:0;pointer-events:none}#surface-viewport .isolateMode .layer.current{opacity:initial;pointer-events:initial}.isolateMode .layer-selector{font-size:11px;text-align:center;padding-top:5px}.layer-creator{line-height:0;padding:6px 0 0 2px;margin-top:6px;width:15px;height:18px;border:1px solid #ddd;border-right:0;border-radius:4px 0 0 4px;background-color:#eee;color:#888}.layer-creator:hover{background-color:#ddd}#layerToggleFreezeAndHide.freezeIsSelected,#layerToggleFreezeAndHide.hideIsSelected{}#layerToggleFreezeAndHide.freezeIsSelected.hideIsSelected .la1-lock{display:none}#layerToggleFreezeAndHide.freezeIsSelected.hideIsSelected .icon-eye{display:block!important}.promotedSurface{box-shadow:rgba(0,0,0,.45) 10px 10px 35px 0}.pad{background-color:#f7f7f7;width:100%;height:60px;border-radius:5px;line-height:0;padding:8px 0 0 4px;position:relative;cursor:grab}.pad:hover{background-color:#f0f0f0}.pad .label{color:#888;font-size:13px}.pad .pad-output{width:100%;height:10px;text-align:center;color:#888;font-weight:bold;position:absolute;left:0;top:31px}.pad-output.multiNumbers{font-size:11px;line-height:1;top:24px;height:31px}.pad .pad-btn{background-color:#ddd;width:16px;height:16px;position:absolute;cursor:pointer}.pad .pad-btn:hover{background-color:#b9b9b9}.pad-btn.plus{border-radius:0 5px 0 5px;left:0;bottom:0}.pad-btn.minus{border-radius:5px 0 5px 0;right:0;bottom:0}.pad.disabled{pointer-events:none;opacity:.5}.advancedPadSwitch{display:none;position:absolute;top:3px;right:3px;width:12px;height:12px;border-color:#e9e9e9;border-width:1px;border-style:solid;border-radius:98px;background-color:rgba(0,0,0,0);cursor:pointer}.advancedPadSwitch:hover{background-color:#b9b9b9;border-color:#b9b9b9}.padAdvancedContainer{width:126px;height:109px;background-color:#f7f7f7;border-radius:5px;box-shadow:rgba(0,0,0,.4) 0 0 10px 0}.padAdvancedNumber{font-size:16px;color:#888;font-weight:bold;width:35px;height:19px;text-align:center;line-height:1;cursor:grab}.padAdvancedTitle{font-size:13px;color:#fff;width:62px;height:23px;text-align:center;background-color:rgba(55,55,55,.5)}.white{background-color:#fff}.black{background-color:#000}.dark-blue{background-color:#0d47a1}.blue{background-color:#0079bf}.green{background-color:#70b500}.orange{background-color:#ff9f1a}.red{background-color:#eb5a46}.dark-red{background-color:#c00}.yellow{background-color:#f2d600}.dark-violet{background-color:#93c}.violet{background-color:#c377e0}.pink{background-color:#ff78cb}.light-blue{background-color:#00c2e0}.light-green{background-color:#51e898}.dark-green{background-color:#007e33}.gray{background-color:#c7c7c7}.light-gray{background-color:#eee}.transparent{background-color:transparent}.mini-gradient{border:1px solid #c8c8c8;background:linear-gradient(137deg,#444 2%,#fff 89%)}.selection-stage-container{border:1px dashed #aaa}#surface .selected{outline-offset:10px;outline:#0079bf dashed 3px}.isMultiSelect .disableWhenMultiSelect{pointer-events:none}.isMultiSelect .disableWhenMultiSelect .label{color:#ccc!important}.isMultiSelect .disableWhenMultiSelect i{color:#aaa!important;pointer-events:none}.isMultiSelect .mini-gradient.disableWhenMultiSelect{opacity:.5}.buttonStudio{position:absolute;background-color:#fff;top:0;border:1px solid #e8e8e8;border-radius:5px;padding:5px;width:300px}.buttonStudio .cssClassSelector{width:83px;height:28px;color:#888;background-color:#eee;font-size:13px;text-align:center;padding-top:3px;margin-right:4px;border-radius:3px;cursor:pointer}.buttonStudio .cssClassSelector:hover{background-color:#ddd}.buttonStudio .cssClassSelector.autoClassExists{color:#777;background-color:#ddd;font-weight:bold}.buttonStudio .cssClassSelector.editInProgress{box-shadow:#eb5a46 0 0 0 3px;color:#eb5a46}#styleClassSelector.editInProgress{box-shadow:#777 0 0 0 2px;color:#777}.cssClassSelector.active .activeMarker{display:block}.activeMarker{width:7px;height:22px;border-radius:0 3px 3px 0;background-color:#aaa;position:relative;top:-18px;left:76px;display:none}.buttonStudio .cssClassSelector.delete{width:22px;height:22px;font-size:17px;line-height:0;padding-top:2px;margin-right:0}.classInput{border:1px solid #ddd;color:#555;font-size:12px;text-align:justify;border-radius:3px;background-color:#f5f5f5;padding-left:6px;width:226px;height:29px}.classInput:focus{outline:none;border:1px solid #bbb}.buttonStudio .label1{font-size:11px;color:#777;height:20px;width:100%}.styleInput{width:100%;height:250px;position:relative;background-color:#24292e;font-size:12px;color:#fff;float:left}.styleInput_light_nonAceEditor{border:1px solid #ddd;color:#555;font-size:12px;border-radius:3px;background-color:#f5f5f5;padding-left:6px;width:257px;height:180px}.styleInput_light_nonAceEditor:focus{outline:none;border:1px solid #bbb}.styleInput_dark{border:1px solid #ddd;color:#555;font-size:12px;background-color:#24292e;padding-left:6px;width:257px;height:180px}#createdClassesContainer{min-width:180px;background-color:#fff;border-radius:5px;border:1px solid #e8e8e9;padding:2px 0 5px 5px;font-size:12px;margin-bottom:5px}#existingClassesContainer{min-width:180px;background-color:#fff;border-radius:5px;border:1px solid #e8e8e9;padding:2px 0 5px 5px;font-size:12px}.created-class{position:relative}.created-class.selectedClass{font-weight:bold}.created-class .name{color:#888;margin-right:30px}.created-class .name:hover{color:#333;cursor:pointer}.created-class .rename{padding:6px 0 0 0;line-height:0;text-align:center;width:59px;height:15px;background-color:#fff;border-radius:3px;border:1px solid #0079bf;color:#fff;opacity:.4;float:right;margin-top:3px;margin-right:4px}.created-class .rename:hover{opacity:1;background-color:#0079bf;cursor:pointer}.created-class .delete{width:15px;height:15px;background-color:#fff;border-radius:3px;border:1px solid #eb5a46;opacity:.4;float:right;margin-top:3px;margin-right:4px}.created-class .delete:hover{opacity:1;background-color:#eb5a46;cursor:pointer}.stage{}.stage-container{padding:20px;position:absolute;border:1px dashed #ccc;z-index:10}.stage-container [data-type]{position:initial}.marginBaseBar{border-radius:3px;border-color:rgba(255,255,255,.3);border-width:1px;border-style:solid;background-color:rgba(0,0,0,.2);width:91px;height:82px}.marginBaseBar:hover{background-color:#646464}.mbCornerBase{width:25px;height:25px}.mbBottom{width:15px;height:5px;cursor:s-resize;border-radius:3px 0 0 3px;border-right:none}.mbBottomRight{width:5px;height:5px;border-radius:0 0 3px;border-top:none;border-left:none;cursor:se-resize}.mbLeft{width:5px;height:15px;cursor:w-resize;border-radius:0 0 3px 3px;border-top:none}.mbRight{width:5px;height:15px;cursor:e-resize;border-radius:3px 3px 0 0;border-bottom:none}.mbTop{width:15px;height:5px;cursor:n-resize;border-radius:0 3px 3px 0;border-left:none}.mbTopLeft{width:5px;height:5px;border-radius:3px 0 0;border-bottom:none;border-right:none;cursor:nw-resize}.stage-button{width:20px;height:20px;background-color:#eee;cursor:pointer;text-align:center;line-height:0;padding-top:3px;font-size:13px;color:#777;border-radius:3px;z-index:11}.stage-button:hover{background-color:#ddd}.stage-button.link{padding-top:3px!important;font-size:12px!important}.stage-button.link:hover{text-decoration:none;color:#777}.stage-button i{font-weight:bold}textarea.stage{background-color:transparent;resize:none;overflow:auto}.stage-button.light{font-size:10px;padding-top:4px;color:#999;background-color:#fff;border:1px solid #eee}.stage-button.light:hover{background-color:#f3f3f3}.show-on-image,.show-on-bgImage,.show-on-data-link,.show-on-focus-elements,.show-on-icon{display:none}.showForStaticPosition,.showForRelativePosition{display:none}[data-stage-position='static'] .showForStaticPosition,[data-stage-position='relative'] .showForRelativePosition{display:block}[data-type='image'] .show-on-image{display:block}[data-type='bg-image'] .show-on-image,[data-type='bg-image'] .show-on-bgImage{display:block}[data-link] .show-on-data-link{display:block}[data-type='image'] .show-on-image{display:block}[data-has-focus-elements='true'] .show-on-focus-elements{display:block}a[data-link]{display:block}a[data-link]:hover:not(#stage){}.action-link-stage{width:33px;height:33px;font-size:17px;color:#fff;border-color:#fff;border-width:1px;border-style:solid;text-align:center;background-color:#c7c7c7;border-radius:26px;padding:2px;position:absolute;top:463px;left:662px}[data-type='box-icon'] .show-on-icon{display:block}[data-type='box'] iframe{pointer-events:none}#miniStageForGroup .miniStageIcon{position:absolute;bottom:-47px;right:-47px;color:#fff;border:1px solid rgba(255,255,255,.5);background-color:rgba(0,0,0,.5);box-shadow:rgba(0,0,0,.45) 0 0 10px 0}.scriptBox{width:137px;height:60px;background-color:#ff9f1a;border-color:#f2d600;border-width:1px;border-style:solid;box-shadow:rgba(0,0,0,.45) 0 0 12px 0;text-align:center;color:#fff;font-size:17px;font-style:italic;font-weight:bold;padding:13px;border-radius:5px}.sys-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;user-select:none}.sys-selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-webkit-touch-callout:initial;user-select:text}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;user-select:none}.sys-disabled{pointer-events:none;opacity:.5}.whenActionsEditorContainer{width:75%;height:90%;box-shadow:rgba(0,0,0,.45) 10px 10px 20px 0;border-radius:8px;background-color:#484848;border:1px solid #fff;padding:10px;z-index:10;overflow-y:auto}.whenEditorSave{font-size:14px;color:#fff;background-color:#0079bf;text-align:center;border-radius:5px;padding:0 10px 4px}.whenEditorSave:hover{background-color:#0d47a1}.whenBlockSelector{height:25px;font-size:14px;color:#222;background-color:#f7f7f7;border-radius:3px;padding:0 8px 0 7px;margin:5px;cursor:pointer}.whenBlockSelector:hover{background-color:#c4c4c4}.whenBlockSelector.selected{background-color:#0079bf;color:#fff;font-weight:bold;font-size:13px;padding-top:1px}.whenBlockSelectorsContainer{background-color:#858585;width:200px;border-radius:8px;border:5px solid rgba(0,0,0,.6);padding:5px}.whenConnector{width:26px;height:16px;background-color:#858585;margin-top:-8px;position:absolute;top:50%;left:-31px}.whenEditorCancelButton{width:68px;height:30px;font-size:13px;color:#fff;background-color:#b5b5b5;text-align:center;padding:3px 0 0;border-radius:4px;cursor:pointer}.whenEditorCancelButton:hover{background-color:#919191}.whenEditorSaveButton{width:68px;height:30px;font-size:13px;color:#fff;background-color:#0079bf;text-align:center;padding:3px 0 0;border-radius:4px;cursor:pointer}.whenEditorSaveButton:hover{background-color:#0d47a1}.whenTempDisabled{opacity:.5;pointer-events:none}.whenEditorWhiteLabel{width:300px;height:28px;font-size:14px;color:#fff;font-style:italic}.whenEditorWhiteLabelPickClass{width:300px;height:28px;font-size:14px;color:#fff;font-style:italic;cursor:pointer}.whenEditorWhiteLabelPickClass:hover{color:#0079bf}.whenEditorWhiteLabelPickClass.selectedClass{font-weight:bold}#classPickerContainer #existingClasses{border:1px solid #a5a5a5;padding:8px;border-radius:4px}#scriptPickerScriptToRun{height:80%;width:100%;position:absolute;top:44px;left:0;background-color:#24292e;font-size:12px;color:#fff}.supe-container{position:relative;cursor:pointer}.supe-card{width:180px;height:55px;background-color:#fff;border-radius:3px;position:relative;display:block}.supe-card:hover{background-color:#f5f5f5}.supe-container.picked-supe .supe-card{color:#fff;background-color:#eb5a46}.supe-privacy-bar{width:5px;height:100%;border-radius:3px 0 0 3px;background-color:#d9d9d9;float:left}.supe-name{font-size:12px;font-weight:500;float:left;margin-left:10px;margin-top:5px;width:140px;position:absolute}.supe-hover{width:26px;height:55px;position:absolute;right:0;display:none}.supe-date{font-size:10px;position:absolute;bottom:2px;right:-4px;color:#b3b3b3;width:68px}.supe-card:hover{background-color:#f5f5f5}.supe-card:hover .supe-hover{display:block}.supe-container.private .supe-privacy-bar{background-color:#f39b90}.supe-container.public .supe-privacy-bar{background-color:#6d9827}.supes-table{}.supes-table tr td{width:195px;height:63px}.clearInnerHtmlOnClearingWhenHighlight{opacity:.5}.show-on-when-summary{display:none}[data-when-summary] .show-on-when-summary{display:block}.whenActionsPanelTopContainer{position:fixed;background-color:rgba(255,255,255,.2);height:33px;top:5px;left:4px;border-radius:3px;z-index:20}.whenBlock{font-size:13px;color:#fff;position:static;background-color:rgba(0,0,0,.6);height:23px;text-align:center;border:1px solid rgba(255,255,255,.6);float:left;margin:5px;padding:0 12px 0 10px;cursor:pointer;border-radius:4px}.whenBlock:hover{background-color:rgba(38,38,38,.6)}.whenBlock.whenBlockEditInProgress{background-color:red}.whenBlock.whenBlockCurrentStage{border:2px solid #fff;line-height:0;padding-top:9px;color:#fff}.whenBlockBin{font-size:15px;color:#fff;position:static;background-color:rgba(0,0,0,.2);height:23px;text-align:center;float:left;margin:5px 5px 5px 60px;cursor:pointer;line-height:0;border-radius:4px;padding:3px 6px 3px 5px}.whenBlockBin:hover{background-color:#eb5a47}.whenHighlight{outline:3px dashed #dc8000!important;outline-offset:10px}.whenBlockDebug{position:fixed;bottom:20px;left:10px;width:1000px;height:37px;font-size:17px;color:#8ee600;background-color:rgba(0,0,0,.6);text-align:justify;border:1px solid #70b500;border-radius:5px;box-shadow:rgba(0,0,0,.45) 10px 10px 13px 0;padding:3px 0 0 15px}.whenTopBarSaveButton{width:52px;height:23px;font-size:13px;color:#fff;background-color:#0079bf;text-align:center;border-radius:4px;cursor:pointer;margin:5px}.whenTopBarSaveButton:hover{background-color:#0d47a1}.whenTopBarDeleteButton{width:52px;height:23px;font-size:13px;color:#fff;background-color:#0079bf;text-align:center;border-radius:4px;cursor:pointer;background-color:#eb5a46;margin:5px}.whenTopBarDeleteButton:hover{background-color:#c00}.xn-panel .table-responsive{border:1px solid #e8e8e8;border-radius:5px}.xn-divider{background-color:#e8e8e8}.xn-panel tr.xn-divider td{padding:2px}.btop{border-top:1px solid #e8e8e8}#cloud.disabled{color:#ccc;pointer-events:none}.xn-panel.so-disabled .cs-cont span:not(.keep-enabled){color:#ccc;pointer-events:none}.xn-panel.so-disabled .pad:not(.keep-enabled){pointer-events:none}.xn-panel.so-disabled .pad:not(.keep-enabled) span{color:#ccc}.xn-panel.so-disabled .action-button:not(.keep-enabled){pointer-events:none}.xn-panel.so-disabled .action-button:not(.keep-enabled) span{color:#aaa}.xn-panel.so-disabled .action-button:not(.keep-enabled) i{color:#aaa}.xn-panel.so-disabled input.expandable{pointer-events:none}.xn-panel .table{margin-bottom:0;background-color:#fff}.xn-panel .table-responsive td{padding:5px}.xn-panel{width:247px;position:fixed;top:10px;right:10px;cursor:auto;z-index:20}.xn-panel__createLabel{height:30px;width:32px;position:relative;top:-3px;font-size:11px;color:#aaa;display:inline-block;padding-top:11px}.xn-panel .utilities #clipboardInput{position:absolute;bottom:15px;pointer-events:none;opacity:0;z-index:-1}input.expandable{margin-top:0;width:70%;height:30px;background-color:#f5f5f5;border:0 solid #aaa;outline:none;border-radius:5px;padding-left:5px;font-size:12px;z-index:11}input.expandable:focus{width:349px;font-size:10px;position:absolute;right:78px;border:2px solid #aaa}.new-panel{border:1px solid #ddd;width:220px;position:absolute;top:204px;border-radius:5px;overflow:hidden;background-color:#fff;cursor:pointer}.new-panel .header{height:29px;background-color:#eee;color:#999;font-size:13px}.new-panel table{margin-bottom:0}.new-panel td{padding:7px 8px 2px 10px}.new-panel .divider{background-color:#eee;padding:3px}.supe-container{position:relative}.supe-card{width:180px;height:55px;background-color:#fff;border-radius:3px;position:relative;display:block}.supe-privacy-bar{width:5px;height:100%;border-radius:3px 0 0 3px;background-color:#d9d9d9;float:left}.supe-name{font-size:12px;font-weight:500;float:left;margin-left:10px;margin-top:5px;width:140px;position:absolute}.supe-hover{width:26px;height:55px;position:absolute;right:0;display:none}.supe-card:hover{background-color:#f5f5f5}.supe-card:hover .supe-hover{display:block}.supe-ellipses{width:26px;height:26px;border-radius:3px;color:#bebebe;background-color:#f5f5f5;position:absolute;right:-10px;line-height:0;padding-top:2px;text-align:center;font-size:27px;cursor:pointer}.supe-overlay{width:15px;height:100%;position:absolute;top:0;right:13px}.supe-overlay .supe-ellipses{display:none}.supe-overlay .supe-ellipses .supe-date{top:38px;right:13px;width:62px;height:14px;padding-top:7px}.supe-overlay:hover .supe-ellipses{display:block}.supe-menu{width:114px;height:76px;background-color:#fff;border-radius:3px;position:absolute;right:-108px;top:-26px;box-shadow:rgba(92,92,92,.45) 10px 10px 26px 0;z-index:1}.supe-menu:hover{display:inherit}.supe-menu-disabled{opacity:.5;pointer-events:none}.supe-ellipses:hover{background-color:#f0f0f0;display:inherit}.supe-ellipses:hover .supe-menu{display:inherit}.supe-date{font-size:10px;position:absolute;bottom:2px;right:-4px;color:#b3b3b3;width:68px}.supe-menu-button{width:48%;height:48%;margin-left:1px;margin-top:1px;float:left}.supe-menu-button:hover{background-color:#f0f0f0}.supe-menu-button i{color:#8e8e8e}.new-supe-menu-button{font-size:32px;text-align:center;color:#8e8e8e;width:36px;height:36px;line-height:0;background-color:#fff;cursor:pointer;position:static;float:left;margin:1px}.new-supe-menu-button:hover{background-color:#f0f0f0;color:#8e8e8e}.supe-edit{border-radius:3px 0 0 0;padding:0 0 0 4px}.supe-rename{border-radius:0 3px 0 0;font-size:26px;padding:4px 0 0 3px}.supe-add{font-size:21px;padding:6px 0 0}.supe-privacy{font-size:23px;padding-top:6px;border-radius:0 0 0 3px}.supe-privacy.public{background-color:#9ec265}.supe-privacy.public:hover{background-color:#6d9827}.supe-container.private .supe-privacy-bar{background-color:#f39b90}.supe-container.private .supe-privacy{background-color:#f39b90}.supe-container.private .supe-privacy:hover{background-color:#e46859}.supe-container.public .supe-privacy-bar{background-color:#6d9827}.supe-container.public .supe-privacy{background-color:#a1c960}.supe-container.public .supe-privacy:hover{background-color:#8cb549}.supe-container.private .supe-privacy i,.supe-container.public .supe-privacy i{color:#fff}.supe-delete{border-bottom-right-radius:3px;font-size:27px;padding-top:3px}