.esb-frame-link,.esb-frame-link:hover{text-decoration:none}.esb-frame,.esb-mark-label{font-family:"Proxima Nova",Arial,sans-serif}.esb-frame{display:inline-block;vertical-align:top;background:#e5e5e5;box-shadow:0 1px 4px rgba(0,0,0,.2);min-width:200px;margin:10px 0}.esb-frame+.esb-frame{margin-left:20px}.esb-frame.esb-frame--is-framed-include{min-width:0}.esb-frame.esb-frame--has-loading-error{max-width:300px;border:1px solid red;padding:10px;background:#f08080}.esb-frame-inner-wrap{display:block}.esb-frame-iframe-wrap{transition:height .4s ease,width .4s ease;position:relative;width:200px;height:300px;overflow:hidden;background:#ccc;margin:0 auto}.esb-frame-iframe-wrap:after{transition:opacity 1s ease,bottom 1s 1s ease;content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);opacity:1;z-index:5}.esb-frame--is-loaded .esb-frame-iframe-wrap:after{opacity:0;bottom:100%}.esb-frame-has-overlay.esb-frame--is-loaded .esb-frame-iframe-wrap:after{bottom:0}.esb-frame-link{color:#5fb3ce}.esb-frame-link:visited{color:#009}.esb-frame-link:hover .esb-frame-title{text-decoration:underline}.esb-frame-iframe-inner-wrap{transition:height .4s ease;box-sizing:border-box;width:1000px;height:1500px;border:none;position:absolute;top:0;left:0;transform:scale(.2);transform-origin:0 0;-webkit-transform-origin:0 0}.esb-frame-iframe{box-sizing:border-box;width:100%;height:100%;border:none;background:#fff}.esb-frame-title{padding:10px;margin:0}.esb-frame-caption{margin:0;padding:0 10px 10px;color:#666}.esb-frame-device-annotation,.esb-frame-dimensions-annotation{font-size:.8em;color:#999;margin:0;padding:10px}.esb-frame-device-annotation svg,.esb-frame-dimensions-annotation svg{fill:#999}.esb-frame-caption+.esb-frame-device-annotation,.esb-frame-caption+.esb-frame-dimensions-annotation,.esb-frame-device-annotation+.esb-frame-dimensions-annotation,.esb-frame-title+.esb-frame-device-annotation,.esb-frame-title+.esb-frame-dimensions-annotation{padding-top:0}.esb-dimensions-icon,.esb-frame-dimensions-value,.esb-frame-scale-value,.esb-scale-icon{display:inline-block;vertical-align:middle;padding-right:5px}.esb-dimensions-icon,.esb-scale-icon{height:15px;width:15px}.esb-frame-dimensions-value,.esb-frame-scale-value{padding-right:15px}.esb-frame-scale-value{padding-right:0}.esb-frame-dimensions--updating .esb-frame-dimensions-value,.esb-frame-dimensions--updating .esb-frame-scale-value{text-indent:-10000px}.esb-loading-animation,.esb-loading-animation:after,.esb-loading-animation:before{background:#FFF;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em;z-index:20}.esb-loading-animation:after,.esb-loading-animation:before{position:absolute;top:0;content:''}.esb-loading-animation:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.esb-loading-animation{transition:opacity .4s ease-in,height .4s linear .8s;text-indent:-9999em;margin:8em auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.esb-frame--is-loaded .esb-loading-animation{opacity:0;height:0;overflow:hidden}.esb-loading-animation:after{left:1.5em}@-webkit-keyframes load1{0%,100%,80%{box-shadow:0 0 #FFF;height:4em}40%{box-shadow:0 -2em #fff;height:5em}}@keyframes load1{0%,100%,80%{box-shadow:0 0 #FFF;height:4em}40%{box-shadow:0 -2em #fff;height:5em}}.esb-device-frame{position:absolute;top:0;left:0;width:100%;z-index:1}.esb-frame--has-device-frame.esb-frame-device-frame-iphone-4 .esb-frame-iframe-inner-wrap{top:15.05%;left:7.4%}.esb-frame--has-device-frame.esb-frame-device-frame-iphone-4.esb-frame-device-orientation-landscape .esb-frame-iframe-inner-wrap{top:7.4%;left:15.05%}.esb-frame--has-device-frame.esb-frame-device-frame-iphone-5 .esb-frame-iframe-inner-wrap{top:13.3%;left:7.55%}.esb-frame--has-device-frame.esb-frame-device-frame-iphone-5.esb-frame-device-orientation-landscape .esb-frame-iframe-inner-wrap{top:7.55%;left:13.3%}.esb-frame--has-device-frame.esb-frame-device-frame-iphone-6 .esb-frame-iframe-inner-wrap{top:11.9%;left:6.65%}.esb-frame--has-device-frame.esb-frame-device-frame-iphone-6.esb-frame-device-orientation-landscape .esb-frame-iframe-inner-wrap{top:6.65%;left:11.9%}.esb-frame--has-device-frame.esb-frame-device-frame-iphone-6-plus .esb-frame-iframe-inner-wrap{top:11.1%;left:6.1%}.esb-frame--has-device-frame.esb-frame-device-frame-iphone-6-plus.esb-frame-device-orientation-landscape .esb-frame-iframe-inner-wrap{top:6.1%;left:11.1%}.esb-frame--has-device-frame.esb-frame-device-frame-ipad .esb-frame-iframe-inner-wrap{top:7.88%;left:5.93%}.esb-frame--has-device-frame.esb-frame-device-frame-ipad.esb-frame-device-orientation-landscape .esb-frame-iframe-inner-wrap{top:5.93%;left:7.88%}.esb-frame--has-device-frame.esb-frame-device-frame-nexus-10 .esb-frame-iframe-inner-wrap{top:8.5%;left:11.5%}.esb-frame--has-device-frame.esb-frame-device-frame-nexus-10.esb-frame-device-orientation-landscape .esb-frame-iframe-inner-wrap{top:11.5%;left:8.5%}.esb-frame--has-device-frame.esb-frame-device-frame-galaxy-s6 .esb-frame-iframe-inner-wrap{top:10.3%;left:4.2%}.esb-frame--has-device-frame.esb-frame-device-frame-galaxy-s6.esb-frame-device-orientation-landscape .esb-frame-iframe-inner-wrap{top:4.2%;left:10.3%}.esb-frame--has-device-frame.esb-frame-device-frame-desktop .esb-frame-iframe-inner-wrap{top:4.55%;left:5.7%}.esb-frame--has-device-frame.esb-frame-device-frame-desktop.esb-frame-device-orientation-landscape .esb-frame-iframe-inner-wrap{top:5.7%;left:4.55%}.esb-frame--has-device-frame{background:0 0;box-shadow:none}.esb-frame--has-device-frame .esb-frame-iframe-wrap{background:0 0;margin:0}.esb-frame--has-device-frame .esb-frame-iframe{z-index:2;background:gray;padding:2px}.esb-frame--has-device-frame .esb-frame-caption,.esb-frame--has-device-frame .esb-frame-device-annotation,.esb-frame--has-device-frame .esb-frame-dimensions-annotation,.esb-frame--has-device-frame .esb-frame-title{padding-left:0}.esb-frame-browser-ui-top{background:#efefef;border:2px solid gray;border-bottom-width:1px}.esb-frame-browser-ui-top+.esb-frame-iframe{padding-top:0}.include-frame-template-wrapper{padding-top:1px;padding-bottom:1px;margin:-1px 0}.esb-mark--has-outline{transition:outline-color .4s ease;outline:#e76822 solid 1px}.esb-mark--has-outline:hover{outline-width:2px}.esb-mark--has-static-position{position:relative}.esb-mark-label{transition:opacity .4s ease;border-radius:4px;position:absolute;top:0;left:0;background:#e76822;color:#fff;font-size:16px;opacity:1;padding:5px 0;display:none}.esb-mark-group-red .esb-mark-label,.esb-mark-group-secondary .esb-mark-label{background:#801608}.esb-mark--has-label .esb-mark-label{display:block}.esb-mark-position-top-right .esb-mark-label{left:auto;right:0}.esb-mark-position-bottom-left .esb-mark-label{top:auto;bottom:0}.esb-mark-position-bottom-right .esb-mark-label{top:auto;left:auto;bottom:0;right:0}.esb-mark-link{text-decoration:none;color:#fff}.esb-mark-link:hover{text-decoration:underline;color:#efefef}.esb-mark-label-id,.esb-mark-label-name{padding:0 10px}.esb-mark-label-id+.esb-mark-label-name{padding-left:0}.esb-mark-label--has-name .esb-mark-label-id{opacity:.8}.esb-mark-group-secondary.esb-mark--has-outline{outline-color:#801608}.esb-mark.esb-mark--is-hidden>.esb-mark-label{opacity:0}.esb-mark.esb-mark--is-hidden.esb-mark--has-outline{outline-color:rgba(231,104,34,0)}.esb-mark-group-red.esb-mark--has-outline{outline-color:#801608}.esb-mark-group-yellow.esb-mark--has-outline{outline-color:#c07C39}.esb-mark-group-yellow .esb-mark-label{background:#c07C39}.esb-mark-group-green.esb-mark--has-outline{outline-color:#06601E}.esb-mark-group-green .esb-mark-label{background:#06601E}.esb-mark-group-blue.esb-mark--has-outline{outline-color:#3591A7}.esb-mark-group-blue .esb-mark-label{background:#3591A7}.esb-mark-group-purple.esb-mark--has-outline{outline-color:#7B3AAA}.esb-mark-group-purple .esb-mark-label{background:#7B3AAA}.esb-mark-group-pink.esb-mark--has-outline{outline-color:#B53672}.esb-mark-group-pink .esb-mark-label{background:#B53672}.esb-mark-group-black.esb-mark--has-outline{outline-color:#000}.esb-mark-group-black .esb-mark-label{background:#000}.esb-mark-group-white.esb-mark--has-outline{outline-color:#fff}.esb-mark-group-white .esb-mark-label{background:#fff;color:#000}.esb-mark-group-brown.esb-mark--has-outline{outline-color:#532B03}.esb-mark-group-brown .esb-mark-label{background:#532B03}.esb-component-loading-error{position:fixed;top:0;right:0;background:rgba(255,255,255,.8);color:red;padding:10px;font-size:18px;font-family:Helvetica,Arial,sans-serif}