.cfg-btn{background-color:#37b572;border:0;box-shadow:0 0 1px 0 rgba(0,0,0,.3);color:#fff;cursor:pointer;display:inline-block;font-size:1em;margin:10px auto;outline:0;padding:10px;position:relative;width:200px}.cfg-btn:hover:not([disabled]){background-color:#25d778}.mobile-magic .cfg-btn:hover:not([disabled]){background:#37b572}.cfg-btn[disabled]{background:#ddd;color:grey;opacity:.5}.cfg-btn.btn-preview,.cfg-btn.btn-preview:active,.cfg-btn.btn-preview:focus{display:block;font-size:1em;margin:10px auto;position:relative}.api-controls,.app-figure,.cfg-btn,.preview,.wizard-settings,.wizard-settings .footer,.wizard-settings .inner,.wizard-settings input,.wizard-settings select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.preview,.wizard-settings{border:0;min-height:1px;padding:10px}.preview{position:relative}.api-controls{text-align:center}.api-controls button,.api-controls button:active,.api-controls button:focus{font-size:.7em;white-space:nowrap;width:80px}.app-figure{border:0 solid red;margin:0 auto;padding:20px;position:relative;text-align:center;width:98%!important}.selectors{margin-top:10px}.selectors .mz-thumb img{max-width:130px}.app-code-sample{margin:30px auto 0;max-width:80%;position:relative;text-align:center}.app-code-sample input[type=radio]{display:none}.app-code-sample label{background-color:transparent;border:1px solid hsla(0,0%,53%,.5);color:#666;cursor:pointer;display:inline-block;font-size:.8em;margin:0;padding:2px 12px;text-decoration:none}.app-code-sample label:hover{background-color:#fd9a1e;border-color:#fd9a1e;color:#fff}.app-code-sample input[type=radio]:checked+label{background-color:#6e6e6e!important;border-color:hsla(0,0%,43%,.7)!important;color:#fff}.app-code-sample label:first-of-type{border-radius:4px 0 0 4px;border-right-color:transparent}.app-code-sample label:last-of-type{border-left-color:transparent;border-radius:0 4px 4px 0}.app-code-sample .app-code-holder{background-color:#fafafa;border:1px solid #eee;border-radius:0;margin:15px 0;padding:0;position:relative}.app-code-sample .app-code-holder>div{display:none}.app-code-sample .app-code-holder pre{background-color:transparent;border:0 solid #eee;border-radius:0;margin:0;min-height:25px;padding:25px 50px 25px 25px;text-align:left;white-space:pre-line}.app-code-sample input[type=radio]:first-of-type:checked~.app-code-holder>div:first-of-type,.app-code-sample input[type=radio]:nth-of-type(2):checked~.app-code-holder>div:nth-of-type(2){display:block}.app-code-sample .app-code-holder .cfg-btn-copy{display:none;font-size:.65em;margin:0;padding:4px;position:absolute;right:10px;top:10px;white-space:nowrap;width:44px;z-index:-1}.copy-msg{border:1px solid #2a4d14;border-radius:4px;color:#2a4d14;font:normal 11px/1.2em Helvetica Neue,Helvetica,Lucida Grande,Lucida Sans Unicode,Verdana,Arial,sans-serif;left:0;margin:0 auto;max-width:70%;padding:4px;position:absolute;right:0;text-align:center;top:8px;width:200px}.copy-msg-failed{border-color:#b80c09;color:#b80c09;width:430px}.mobile-magic .app-code-sample .cfg-btn-copy{display:none}#code-to-copy{height:0;position:absolute;top:-10000px;width:0}.lt-ie9-magic .app-code-sample{display:none}.wizard-settings{background-color:#4f4f4f;color:#a5a5a5;position:absolute;right:0;width:340px}.wizard-settings .inner{margin-bottom:30px;width:100%}.wizard-settings .footer{color:#c7d59f;font-size:.75em;margin-top:10px;padding:6px;position:relative;text-align:center;vertical-align:bottom;width:100%}.wizard-settings .footer a{color:inherit;text-decoration:none}.wizard-settings .footer a:hover{text-decoration:underline}.wizard-settings a{color:#c93}.wizard-settings a:hover{color:#dfb363}.wizard-settings table>tbody>tr>td{vertical-align:top}.wizard-settings table{font-size:.8em;margin:0 auto;max-width:100%;min-width:300px}.wizard-settings table caption{font-size:1.5em;padding:16px 8px}.wizard-settings table td{padding:4px 8px}.wizard-settings table td:first-child{white-space:nowrap}.wizard-settings table td:nth-child(2){text-align:left}.wizard-settings table td .values{color:#a08794;display:block;font-size:.8em;line-height:1.3em;max-width:126px}.wizard-settings table td .values:before{content:"";display:block}.wizard-settings input,.wizard-settings select{width:126px}.wizard-settings input{padding:0 4px}.wizard-settings input[disabled]{background:#a7a7a7;border:1px solid #a7a7a7;color:grey}.preview{float:left;width:70%}@media (min-width:0px){.preview{float:none;width:100%}}@media (min-width:1024px){.preview{width:calc(100% - 340px)}.wizard-settings{min-height:100%;top:0}.wizard-settings .inner{margin-top:60px}.wizard-settings .footer{bottom:0;left:0;position:absolute}.wizard-settings .settings-controls{background-color:inherit;padding:10px 0 0;position:fixed;right:0;text-align:center;top:0;width:340px}}@media screen and (max-width:1024px){.api-controls button,.api-controls button:active,.api-controls button:focus{width:70px}}@media screen and (max-width:1023px){.app-figure{margin:50px auto;padding:0;width:98%!important}.app-code-sample{display:none}.wizard-settings{width:100%}}@media screen and (max-width:600px){.mz-thumb img{max-width:39px}}@media screen and (max-width:560px){.api-controls .sep{content:"";display:table}}@media screen and (min-width:1600px){.preview{padding:10px 160px}}