dante2-editor 0.2.0 → 0.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (144) hide show
  1. checksums.yaml +4 -4
  2. data/.babelrc +20 -0
  3. data/.eslint +13 -0
  4. data/.gitignore +15 -0
  5. data/README.md +5 -1
  6. data/dante2.gemspec +2 -4
  7. data/{app → demo}/assets/index.html +2 -2
  8. data/{app → demo}/assets/license.html +1 -1
  9. data/{app → demo}/assets/options.html +1 -5
  10. data/{app → demo}/assets/store.json +0 -0
  11. data/demo/data/poc.js +9 -0
  12. data/demo/demo.js +9 -0
  13. data/demo/initialize.js +7 -0
  14. data/{app → demo}/styles/layout/layout.scss +0 -0
  15. data/{app → demo}/styles/layout/normalize.css +0 -0
  16. data/{app → demo}/styles/layout/scaffold.scss +0 -0
  17. data/{app → demo}/styles/layout/tooltips.scss +0 -0
  18. data/dist/Dante2.js +2995 -0
  19. data/dist/Dante2.min.js +3 -0
  20. data/dist/Dante2.min.js.map +1 -0
  21. data/dist/DanteStyles.css +2 -0
  22. data/dist/DanteStyles.css.map +1 -0
  23. data/dist/DanteStyles.js +102 -0
  24. data/dist/DanteStyles.min.js +2 -0
  25. data/dist/DanteStyles.min.js.map +1 -0
  26. data/dist/dante-vendors.js +48316 -0
  27. data/dist/dante-vendors.min.js +29 -0
  28. data/dist/dante-vendors.min.js.map +1 -0
  29. data/{app/styles/fonts/dante → dist/fonts}/dante.eot +0 -0
  30. data/{app/styles/fonts/dante → dist/fonts}/dante.svg +0 -0
  31. data/{app/styles/fonts/dante → dist/fonts}/dante.ttf +0 -0
  32. data/{app/styles/fonts/dante → dist/fonts}/dante.woff +0 -0
  33. data/{app/styles/fonts/dante → dist/fonts}/fontello.eot +0 -0
  34. data/{app/styles/fonts/dante → dist/fonts}/fontello.svg +0 -0
  35. data/{app/styles/fonts/dante → dist/fonts}/fontello.ttf +0 -0
  36. data/{app/styles/fonts/dante → dist/fonts}/fontello.woff +0 -0
  37. data/docs/app.css +430 -1
  38. data/docs/app.css.map +1 -1
  39. data/docs/app.js +62 -2
  40. data/docs/app.js.map +1 -1
  41. data/docs/dante-vendors.js +49513 -22
  42. data/docs/dante-vendors.js.map +1 -1
  43. data/docs/dante.css +1602 -1
  44. data/docs/dante.css.map +1 -1
  45. data/docs/dante.js +3310 -3
  46. data/docs/dante.js.map +1 -1
  47. data/docs/doc.html +3 -7
  48. data/docs/index.html +4 -4
  49. data/docs/license.html +3 -3
  50. data/docs/options.html +53 -0
  51. data/package.json +47 -17
  52. data/rb_lib/dante2-editor/rails.rb +15 -0
  53. data/{lib → rb_lib}/dante2-editor/version.rb +1 -1
  54. data/{lib → rb_lib}/dante2-editor.rb +0 -0
  55. data/src/components/blocks/embed.js +126 -0
  56. data/src/components/blocks/image.js +377 -0
  57. data/src/components/blocks/placeholder.js +68 -0
  58. data/src/components/blocks/video.js +80 -0
  59. data/src/components/dante.js +291 -0
  60. data/src/components/dante_editor.js +928 -0
  61. data/src/components/debug.js +104 -0
  62. data/src/components/decorators/link.js +64 -0
  63. data/src/components/popovers/addButton.js +318 -0
  64. data/src/components/popovers/image.js +188 -0
  65. data/src/components/popovers/link.js +107 -0
  66. data/src/components/popovers/toolTip.js +402 -0
  67. data/{app/utils/logger.coffee → src/components/wrapper.js} +0 -0
  68. data/{app → src}/images/dante/media-loading-placeholder.png +0 -0
  69. data/{app → src}/images/site/dante-demo.png +0 -0
  70. data/{app → src}/images/site/dante-editor-logo.png +0 -0
  71. data/{app → src}/images/site/github-logo.png +0 -0
  72. data/src/index.js +9 -0
  73. data/{app → src}/model/index.js +0 -0
  74. data/src/style.js +3 -0
  75. data/{app → src}/styles/dante/_animations.scss +0 -0
  76. data/{app → src}/styles/dante/_caption.scss +0 -0
  77. data/{app → src}/styles/dante/_debug.scss +0 -0
  78. data/{app → src}/styles/dante/_fonts.scss +0 -0
  79. data/{app → src}/styles/dante/_graf.scss +0 -0
  80. data/{app → src}/styles/dante/_icons.scss +0 -0
  81. data/{app → src}/styles/dante/_media.scss +0 -0
  82. data/{app → src}/styles/dante/_menu.scss +0 -0
  83. data/{app → src}/styles/dante/_needsorder.scss +0 -0
  84. data/{app → src}/styles/dante/_popover.scss +0 -0
  85. data/{app → src}/styles/dante/_post.scss +0 -0
  86. data/{app → src}/styles/dante/_scaffold.scss +0 -0
  87. data/{app → src}/styles/dante/_tooltip.scss +0 -0
  88. data/{app → src}/styles/dante/_utilities.scss +0 -0
  89. data/{app → src}/styles/dante/_variables.scss +0 -0
  90. data/{app → src}/styles/dante/blame.scss +0 -0
  91. data/{app → src}/styles/dante.scss +0 -0
  92. data/{app → src}/styles/draft.css +0 -0
  93. data/src/styles/fonts/dante/dante.eot +0 -0
  94. data/src/styles/fonts/dante/dante.svg +18 -0
  95. data/src/styles/fonts/dante/dante.ttf +0 -0
  96. data/src/styles/fonts/dante/dante.woff +0 -0
  97. data/src/styles/fonts/dante/fontello.eot +0 -0
  98. data/src/styles/fonts/dante/fontello.svg +36 -0
  99. data/src/styles/fonts/dante/fontello.ttf +0 -0
  100. data/src/styles/fonts/dante/fontello.woff +0 -0
  101. data/src/utils/find_entities.js +17 -0
  102. data/src/utils/html2content.js +127 -0
  103. data/src/utils/save_content.js +80 -0
  104. data/{app → src}/utils/selection.js +0 -0
  105. data/tools/.eslintrc +9 -0
  106. data/tools/amd/README.md +7 -0
  107. data/tools/amd/bower.json +19 -0
  108. data/tools/amd/build.js +36 -0
  109. data/tools/build-cli.js +46 -0
  110. data/tools/build.js +30 -0
  111. data/tools/buildBabel.js +32 -0
  112. data/tools/constants.js +10 -0
  113. data/tools/dist/build.js +13 -0
  114. data/tools/docs/build.js +12 -0
  115. data/tools/es/build.js +27 -0
  116. data/tools/exec.js +50 -0
  117. data/tools/fs-utils.js +35 -0
  118. data/tools/lib/build.js +14 -0
  119. data/tools/promisify.js +14 -0
  120. data/webpack/base.config.js +89 -0
  121. data/webpack/docs.config.js +147 -0
  122. data/webpack/webpack.config.js +78 -0
  123. data/webpack.config-doc.js +5 -0
  124. data/webpack.config.js +3 -147
  125. data/yarn.lock +973 -718
  126. metadata +108 -64
  127. data/app/components/App.cjsx +0 -1083
  128. data/app/components/blocks/embed.cjsx +0 -109
  129. data/app/components/blocks/image.cjsx +0 -316
  130. data/app/components/blocks/placeholder.cjsx +0 -60
  131. data/app/components/blocks/video.cjsx +0 -75
  132. data/app/components/debug.cjsx +0 -96
  133. data/app/components/decorators/link.cjsx +0 -61
  134. data/app/components/popovers/addButton.cjsx +0 -247
  135. data/app/components/popovers/image.cjsx +0 -160
  136. data/app/components/popovers/link.cjsx +0 -87
  137. data/app/components/popovers/toolTip.cjsx +0 -326
  138. data/app/data/poc.js +0 -15
  139. data/app/demo.js +0 -7
  140. data/app/initialize.js +0 -4
  141. data/app/utils/find_entities.coffee +0 -20
  142. data/app/utils/html2content.coffee +0 -120
  143. data/app/utils/save_content.coffee +0 -63
  144. data/lib/dante2-editor/rails.rb +0 -16
data/docs/dante.css CHANGED
@@ -1,2 +1,1603 @@
1
- @import url(//fonts.googleapis.com/css?family=Merriweather:400,700,400italic,700italic|Open+Sans:400,300,800);@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn)}}.dante--spinner{min-width:24px;min-height:24px}.dante--spinner:before{content:'Loading\2026';position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-10px;margin-left:-10px}.dante--spinner:not(:required):before{content:'';border-radius:50%;border:2px solid rgba(0,0,0,.3);border-top-color:rgba(0,0,0,.6);animation:spinner .6s linear infinite;-webkit-animation:spinner .6s linear infinite}.hidden{display:none!important}.notesSource{padding:0;margin:0;position:relative;color:rgba(0,0,0,.8);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:liga on}.notesSource *,.notesSource :after,.notesSource :before{box-sizing:border-box}.dante-paste{display:none}@font-face{font-family:dante;src:url(fonts/fontello.eot);src:url(fonts/fontello.eot?#iefix) format("embedded-opentype"),url(fonts/fontello.woff) format("woff"),url(fonts/fontello.ttf) format("truetype"),url(fonts/fontello.svg#fontello) format("svg");font-weight:400;font-style:normal}@font-face{font-family:dante-tooltip;src:url(fonts/dante.eot);src:url(fonts/dante.eot?#iefix) format("embedded-opentype"),url(fonts/dante.woff) format("woff"),url(fonts/dante.ttf) format("truetype"),url(fonts/dante.svg#dante) format("svg");font-weight:400;font-style:normal}@-webkit-keyframes pop-upwards{0%{-webkit-transform:matrix(.97,0,0,1,0,12);transform:matrix(.97,0,0,1,0,12);opacity:0}20%{-webkit-transform:matrix(.99,0,0,1,0,2);transform:matrix(.99,0,0,1,0,2);opacity:.7}40%{-webkit-transform:matrix(1,0,0,1,0,-1);transform:matrix(1,0,0,1,0,-1);opacity:1}70%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);opacity:1}to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);opacity:1}}@keyframes pop-upward{0%{-webkit-transform:matrix(.97,0,0,1,0,12);transform:matrix(.97,0,0,1,0,12);opacity:0}20%{-webkit-transform:matrix(.99,0,0,1,0,2);transform:matrix(.99,0,0,1,0,2);opacity:.7}40%{-webkit-transform:matrix(1,0,0,1,0,-1);transform:matrix(1,0,0,1,0,-1);opacity:1}70%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);opacity:1}to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);opacity:1}}.postArticle{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.postArticle .layoutSingleColumn{width:700px;margin-left:auto;margin-right:auto}@media (max-width:800px){.postArticle .layoutSingleColumn{width:640px}}@media (max-width:680px){.postArticle .layoutSingleColumn{width:auto;margin-left:20px;margin-right:20px}}.postWrapper,.postWrapper-inner{position:relative;*zoom:1}.postWrapper-inner:after,.postWrapper-inner:before,.postWrapper:after,.postWrapper:before{content:" ";display:table}.postWrapper-inner:after,.postWrapper:after{clear:both}.postWrapper{overflow:hidden}.is-postEditMode .postWrapper{display:none}.is-postEditModeInitialized .postWrapper{display:block}.postContent{font-family:freight-text-pro,Merriweather,Georgia,Cambria,Times New Roman,Times,serif;letter-spacing:.01rem;font-weight:400;font-style:normal;font-size:18px;line-height:1.9}.postField,.postField:focus{outline:0;word-break:break-word;word-wrap:break-word}.postField--body{*zoom:1;margin-bottom:30px}.postField--body:after,.postField--body:before{content:" ";display:table}.postField--body:after{clear:both}.section--last{padding-bottom:5px}.section-content{*zoom:1}.section-content:after,.section-content:before{content:" ";display:table}.section-content:after{clear:both}.section-inner{position:relative}.dante-icon:before{display:inline-block;font-family:dante;font-style:normal;font-variant:normal;font-weight:400;line-height:1em;text-align:center;text-decoration:inherit;text-transform:none}.dante-icon-h2:before{content:"H1"}.dante-icon-h3:before{content:"H2"}.dante-icon-h4:before{content:"H3"}.dante-icon-p:before{content:"P"}.dante-icon-code:before{content:"\E816"}.dante-icon-insertorderedlist:before{content:"\E803"}.dante-icon-insertunorderedlist:before{content:"\E802"}.dante-icon-inserthorizontalrule:before{content:"\E818"}.dante-icon-indent:before{content:"\E801"}.dante-icon-outdent:before{content:"\E800"}.dante-icon-bold:before{content:"\E805"}.dante-icon-italic:before{content:"\E806"}.dante-icon-underline:before{content:"\E804"}.dante-icon-createlink:before{content:"\E810"}.dante-icon-blockquote:before{content:"\E814"}.dante-icon-h2:before,.dante-icon-h3:before,.dante-icon-h4:before{font-weight:700}.tooltip-icon:before{font-family:dante-tooltip;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}.dante-icon-image-center:before{content:"\E900"}.dante-icon-image-fill:before{content:"\E901"}.dante-icon-image-left:before{content:"\E902"}.dante-icon-image-wide:before{content:"\E903"}.dante-icon-video:before{content:"\E600"}.dante-icon-image:before{content:"\E601"}.dante-icon-plus:before{content:"\E602"}.dante-icon-embed:before{content:"\E603"}.dante-menu{position:absolute;visibility:hidden;z-index:1000;-webkit-transition:none;transition:none;display:none;top:0;left:0;display:block;white-space:nowrap;height:42px;background:#333;color:#fff;border:0;border-radius:5px;box-shadow:1px 2px 3px -2px #222}.dante-menu:after{content:"";height:0;width:0;position:absolute;left:50%;pointer-events:none;border:8px solid transparent;margin-left:-4px;border-top-color:#333;bottom:-15px}.dante-menu--active{display:inline-block;visibility:visible;-webkit-animation:pop-upwards .18s forwards linear;animation:pop-upwards .18s forwards linear}.dante-menu--linkmode .dante-menu-buttons{visibility:hidden}.dante-menu--linkmode .dante-menu-linkinput{display:block}.dante-menu--linkmode .dante-menu-input{-webkit-animation:pop-upwards .18s forwards linear;animation:pop-upwards .18s forwards linear}.dante-menu-buttons{list-style:none;margin:0;padding:0;line-height:0}.dante-menu-divider{width:1px;height:24px;margin:9px 2px;background:hsla(0,0%,100%,.2);cursor:default}.dante-menu-button,.dante-menu-divider{display:inline-block;overflow:hidden;line-height:42px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dante-menu-button{min-width:20px;padding-left:10px;padding-right:10px;text-align:center;color:#fff;cursor:pointer;font-size:16px}.dante-menu-button.active{color:#5bd974}.dante-menu-button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:18px}.dante-menu-button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;padding-right:18px}.dante-menu-button--disabled{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;opacity:.3}.dante-menu-linkinput{display:none;left:0;bottom:0}.dante-menu-linkinput,.dante-menu-linkinput .dante-menu-button{position:absolute;top:0;right:0}.dante-menu-input{position:absolute;top:0;left:0;background:transparent;width:100%;padding:13px 40px 13px 10px;color:#fff;border:none;outline:none;font-size:14px;box-sizing:border-box;border-radius:5px;appearance:none;text-align:left;font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;letter-spacing:.01rem;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}.inlineTooltip{position:absolute;z-index:900;width:32px;height:32px;-webkit-transition:opacity .1s,width 0 linear .25s;transition:opacity .1s,width 0 linear .25s;padding:0;font-size:0;opacity:0;pointer-events:none}.inlineTooltip.is-active{opacity:1;pointer-events:auto}.inlineTooltip.is-scaled{-webkit-transition-delay:0;transition-delay:0;width:auto}.inlineTooltip-menu{display:inline-block;margin-left:54px}.inlineTooltip-button{background-color:#fff;float:left;margin-right:9px;display:inline-block;position:relative;outline:0;padding:0;vertical-align:bottom;box-sizing:border-box;border-radius:999em;cursor:pointer;font-size:14px;text-decoration:none;font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;letter-spacing:-.02em;font-weight:400;font-style:normal;white-space:nowrap;text-rendering:auto;text-align:center;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;width:32px;height:32px;line-height:32px;-webkit-transition:border-color .1s,color .1s;transition:border-color .1s,color .1s;border:1px solid;border-color:rgba(0,0,0,.44);color:rgba(0,0,0,.44)}.inlineTooltip-button:hover{border-color:rgba(0,0,0,.9);color:rgba(0,0,0,.9)}.inlineTooltip-button.scale{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .1s,border-color .1s,color .1s;transition:transform .1s,border-color .1s,color .1s}.is-scaled .inlineTooltip-button.scale{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .25s,border-color .1s,color .1s;transition:transform .25s,border-color .1s,color .1s}.inlineTooltip-button.scale:nth-child(11){-webkit-transition-delay:.3s;transition-delay:.3s}.inlineTooltip-button.scale:nth-child(10){-webkit-transition-delay:.27s;transition-delay:.27s}.inlineTooltip-button.scale:nth-child(9){-webkit-transition-delay:.24s;transition-delay:.24s}.inlineTooltip-button.scale:nth-child(8){-webkit-transition-delay:.21s;transition-delay:.21s}.inlineTooltip-button.scale:nth-child(7){-webkit-transition-delay:.18s;transition-delay:.18s}.inlineTooltip-button.scale:nth-child(6){-webkit-transition-delay:.15s;transition-delay:.15s}.inlineTooltip-button.scale:nth-child(5){-webkit-transition-delay:.12s;transition-delay:.12s}.inlineTooltip-button.scale:nth-child(4){-webkit-transition-delay:90ms;transition-delay:90ms}.inlineTooltip-button.scale:nth-child(3){-webkit-transition-delay:60ms;transition-delay:60ms}.inlineTooltip-button.scale:nth-child(2){-webkit-transition-delay:30ms;transition-delay:30ms}.inlineTooltip-button.control{display:block;position:absolute;margin-right:22px;-webkit-transition:-webkit-transform .1s,border-color .1s,color .1s;transition:transform .1s,border-color .1s,color .1s;-webkit-transform:rotate(0);transform:rotate(0)}.is-scaled .inlineTooltip-button.control{-webkit-transition:-webkit-transform .25s,border-color .1s,color .1s;transition:transform .25s,border-color .1s,color .1s;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:rgba(0,0,0,.9);color:rgba(0,0,0,.9)}.dante-popover{overflow:hidden;position:absolute;z-index:900;visibility:visible;font-size:12px;text-align:center;pointer-events:auto;padding:15px;font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;letter-spacing:-.02em;font-weight:400;font-style:normal;line-height:1.4;opacity:0}.dante-popover.is-active{opacity:1}.dante-popover .popover-inner{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35)}.popover-inner{position:relative;max-width:300px;border-radius:5px;padding:8px}.popover-inner a{color:inherit;text-decoration:none}.popover--tooltip{pointer-events:none}.popover--tooltip .popover-inner{background:#333;border-radius:4px;color:#fff}.popover--Linktooltip{pointer-events:auto;z-index:300;word-break:break-word;word-wrap:break-word}.popover--Linktooltip .popover-inner{padding:8px 10px;font-size:12px}.popover--Aligntooltip .popover-inner{padding:0;background:#333;color:#fff}.popover--typeahead .popover-inner{position:relative;padding:14px;border-radius:4px}.popover--typeahead .popover-inner ul{padding-left:0}.popover.popover--maxWidth360 .popover-inner{max-width:360px}.popover:not(.popover--flexible) .popover-inner{max-width:280px}.popover-arrow{position:absolute}.popover-arrow:after{background-color:#333}.popover--bottom .popover-arrow,.popover--top .popover-arrow{left:50%;margin-left:-6px}.popover--left .popover-arrow,.popover--right .popover-arrow{top:50%;margin-top:-6px}.popover--right .popover-arrow{left:1px}.popover--bottom .popover-arrow{top:1px}.popover--left .popover-arrow{right:1px}.popover-arrow:after{content:'';display:block;width:12px;height:12px}.popover--top .popover-arrow:after{-webkit-transform:rotate(45deg) translate(-5px,-5px);transform:rotate(45deg) translate(-5px,-5px);box-shadow:1px 1px 1px -1px #333}.popover--right .popover-arrow:after{-webkit-transform:rotate(45deg) translate(6px,-6px);transform:rotate(45deg) translate(6px,-6px);box-shadow:-1px 1px 1px -1px #333}.popover--bottom .popover-arrow:after{-webkit-transform:rotate(45deg) translate(6px,6px);transform:rotate(45deg) translate(6px,6px);box-shadow:-1px -1px 1px -1px #333}.popover--left .popover-arrow:after{-webkit-transform:rotate(45deg) translate(-6px,6px);transform:rotate(45deg) translate(-6px,6px);box-shadow:1px -1px 1px -1px #333}.graf--blockquote,.graf--figure,.graf--h2,.graf--h3,.graf--h4,.graf--h5,.graf--h6,.graf--h7,.graf--p,.graf--pre,.graf--pullquote,.postList{margin:0}.graf--blockquote,.graf--p,.graf--pullquote,.postList{margin-bottom:30px}.graf--code{line-height:1em}.graf--p.dante--spinner{position:relative}.graf--h2{font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;font-size:60px;font-style:normal;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:8px;margin-left:-3px;margin-top:40px;padding-top:0}.graf--h3{font-weight:700;font-size:36px;margin-left:-1.8px;margin-bottom:4px}.graf--h3,.graf--h4{font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;letter-spacing:-.02em;font-style:normal;line-height:1.2;margin-top:40px}.graf--h4{font-weight:300;font-size:30px;margin-left:-1.5px;color:rgba(0,0,0,.44);margin-bottom:2px}.section--first .graf--h2.graf--first,.section--first .graf--h3.graf--first,.section--first .graf--h4.graf--first{margin-top:0;padding-top:0}.graf--h2+.graf--h2{margin-top:-8px}.graf--h2+.graf--h3,.graf--h2+.graf--h4{margin-top:-6px}.graf--h3+.graf--h2,.graf--h4+.graf--h2{margin-top:2px}.graf--h3+.graf--h4,.graf--h4+.graf--h3{margin-top:-2px}.graf--h2+.postList,.graf--h3+.postList,.graf--h4+.postList{margin-top:10px}.graf--h2+.graf--p.graf--empty,.graf--h3+.graf--p.graf--empty,.graf--h4+.graf--p.graf--empty{margin-bottom:-7px;margin-top:-7px}.graf--h2+.graf--p.graf--empty+.graf--h2,.graf--h3+.graf--p.graf--empty+.graf--h2,.graf--h4+.graf--p.graf--empty+.graf--h2{margin-top:-5px}.graf--h2+.graf--p.graf--empty+.graf--h3,.graf--h2+.graf--p.graf--empty+.graf--h4,.graf--h3+.graf--p.graf--empty+.graf--h3,.graf--h3+.graf--p.graf--empty+.graf--h4,.graf--h4+.graf--p.graf--empty+.graf--h3,.graf--h4+.graf--p.graf--empty+.graf--h4{margin-top:-8px}.graf--blockquote,blockquote{font-family:freight-text-pro,Merriweather,Georgia,Cambria,Times New Roman,Times,serif;border-left:3px solid rgba(0,0,0,.8);font-style:italic;font-weight:400;letter-spacing:.01rem;margin-left:-23px;padding-bottom:3px;padding-left:20px}.graf--blockquote+.graf--blockquote,blockquote+blockquote{margin-top:-30px;padding-top:30px}.graf--pullquote{line-height:1.4;text-align:center;font-size:32px;margin:48px -160px;border:none;padding:0;font-family:freight-text-pro,Merriweather,Georgia,Cambria,Times New Roman,Times,serif;letter-spacing:.01rem;font-weight:400;font-style:italic;-webkit-transition:margin .1s;transition:margin .1s}.graf--pre,.public-DraftStyleDefault-pre{background:none repeat scroll 0 0 rgba(0,0,0,.05);font-family:Menlo,Monaco,Consolas,Courier New,Courier,monospace;font-size:16px;margin-bottom:20px;padding:20px;white-space:pre-wrap}.graf--pre+.graf--pre{margin-top:-20px}.graf--figure{box-sizing:border-box;clear:both;margin-bottom:30px;outline:medium none;position:relative}.graf--figure.is-mediaFocused .graf-image,.graf--figure.is-mediaFocused iframe{box-shadow:0 0 0 3px #57ad68}.graf--mixtapeEmbed a{text-decoration:none}.graf--h2+.graf--figure,.graf--h3+.graf--figure,.graf--h4+.graf--figure{margin-top:15px}.graf--first{margin-top:0;padding-top:0}.graf--blockquote[data-align=center],.graf--h2[data-align=center],.graf--h3[data-align=center],.graf--h4[data-align=center],p[data-align=center]{text-align:center}.graf--sectionCaption,.markup--anchor{cursor:text}.markup--anchor{text-decoration:underline;color:inherit}@media (max-width:500px){.graf--h2{font-size:36px;line-height:1.1;padding-top:12px;margin-bottom:6px}.graf--h3{font-size:26px;margin-bottom:4px}.graf--h3,.graf--h4{line-height:1.2;margin-top:18px}.graf--h4{font-size:24px;margin-bottom:2px}}.aspectRatioPlaceholder{margin:0 auto;position:relative;width:100%}.is-postEditMode .graf-image:before,.is-postEditMode .iframeContainer:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:500}.aspectRatioPlaceholder.is-locked .graf-image,.aspectRatioPlaceholder.is-locked .graf-imageAnchor{height:100%;left:0;position:absolute;top:0;width:100%}.graf-image,.graf-imageAnchor,.iframeContainer,.iframeContainer>iframe{box-sizing:border-box;display:block;margin:auto;max-width:100%}.imageCaption{top:0;text-align:center;margin-top:0;font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;letter-spacing:0;font-weight:400;font-size:13px;line-height:1.4;color:rgba(0,0,0,.6);outline:0;z-index:300;margin-top:10px;position:relative}.imageCaption .danteDefaultPlaceholder{margin-bottom:-18px!important;display:block}div[contenteditable=false] .danteDefaultPlaceholder{display:none}@media (max-width:1200px){.imageCaption,.postField--outsetCenterImage>.imageCaption{position:relative;width:100%;text-align:center;left:0;margin-top:10px}}figure.graf--layoutOutsetLeft .imageCaption,figure.graf--layoutOutsetLeft .postField--outsetCenterImage>.imageCaption{position:relative;width:100%;text-align:center;left:0;margin-top:10px}.graf--sectionCaption.is-defaultValue,figure.is-defaultValue .imageCaption{display:none}.graf--figure.is-defaultValue.is-selected .imageCaption,.graf--figure.is-mediaFocused .imageCaption,.graf--sectionCaption.is-defaultValue.is-selected,section.is-mediaFocused .graf--sectionCaption{display:block}.editable .graf--sectionCaption,.editable .markup--anchor{cursor:text}.is-postEditMode iframe{border:3px solid hsla(0,0%,100%,0)}.graf--mixtapeEmbed{border:1px solid rgba(0,0,0,.15);border-radius:5px;box-sizing:border-box;color:rgba(0,0,0,.6);font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;font-size:12px;font-style:normal;font-weight:300;letter-spacing:-.02em;margin-bottom:40px;margin-top:40px;max-height:310px;max-width:700px;overflow:hidden;padding:30px;position:relative}.mixtapeImage{background-position:50%;background-repeat:no-repeat;background-size:cover;float:right;height:310px;margin:-30px -30px 0 25px;width:310px}.mixtapeImage--empty{height:0;width:0}.graf--mixtapeEmbed{color:rgba(0,0,0,.6);font-size:12px}.graf--mixtapeEmbed,.markup--mixtapeEmbed-strong{font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;font-style:normal;font-weight:300;letter-spacing:-.02em}.markup--mixtapeEmbed-strong{color:#000;display:block;font-size:30px;line-height:1.2;margin-bottom:0}.markup--mixtapeEmbed-em{display:block;font-size:16px;font-style:normal;margin-bottom:10px;max-height:120px;overflow:hidden}.editor a a{color:inherit;text-decoration:none}.defaultValue{color:rgba(0,0,0,.3)}section.is-backgrounded+section>.section-divider,section:first-child>.section-divider{display:none}.defaultValue--prompt{font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;font-size:18px;font-style:normal;font-weight:400;letter-spacing:-.02em}div[contenteditable=false] a.markup--anchor{cursor:pointer}figure figcaption .public-DraftStyleDefault-block{text-align:center}.aspectRatioPlaceholder .image-upoader-loader{position:absolute;bottom:0;left:0;background-color:#fff;width:100%;text-align:center;top:0;vertical-align:text-bottom;opacity:.7}.aspectRatioPlaceholder .image-upoader-loader p{line-height:5px;font-size:14px;margin-top:49%}.markup--query,a[rel=token]{color:#00ab6b;text-decoration:none;background-image:none!important}.typeahead--mention{padding-top:10px}.typeahead .popover-inner{padding:0;overflow:hidden;min-width:100px}.typeahead .typeahead-item:first-child{padding-top:7px}.typeahead--mention .typeahead-item{padding:6px 15px;font-size:13px}.typeahead-item.is-active,.typeahead-item:hover{background:#02b875;color:#fff}.typeahead .typeahead-item{cursor:pointer;padding:5px 10px;line-height:2;font-size:12px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.typeahead .dante-avatar{margin:0 6px 0 -2px}.avatar-image--icon,.typeahead-item .avatar-image{width:32px;height:32px}.typeahead--mention .popover-arrow{display:none}.markup--user{color:#00ab6b;text-decoration:none}.popover--card .popover-arrow{top:-14px}.popover--card .popover--bottom .popover-arrow:after{transform:rotate(45deg) translate(6px,6px);box-shadow:-1px -1px 1px -1px rgba(0,0,0,.44)}.popover--card .popover-arrow:after{content:'';display:block;width:14px;height:14px;background:#fff}.popover--animated.is-active{visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity .2s 0s}.popover.is-active{visibility:visible}.popover--animated{visibility:hidden;opacity:0;transition:visibility 0s linear .2s,opacity .2s 0s}.popoverCard{text-align:left}.popoverCard-meta{width:192px}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.popoverCard-title{font-size:18px;margin-bottom:5px;margin-top:0}.link{color:inherit;text-decoration:none;cursor:pointer}.popoverCard-description{overflow:hidden;color:rgba(0,0,0,.44)}.u-clearfix:after{clear:both}.u-clearfix:after,.u-clearfix:before{display:table;content:" "}.dante-avatar{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal}.avatar-image--small{width:60px;height:60px}.avatar-image{display:inline-block;vertical-align:middle;border-radius:100%}.popoverCard-actions{border-top:1px solid rgba(0,0,0,.15);margin-top:10px;padding-top:10px}.popoverCard-stats{font-size:14px;line-height:36px}.popoverCard-stat{margin-right:10px;color:rgba(0,0,0,.44)}.popoverCard-count{padding-left:5px;color:rgba(0,0,0,.6)}.graf--layoutOutsetLeft{margin-left:-160px}.graf--layoutFillWidth{margin-left:-200px;margin-right:-200px}.graf--layoutOutsetLeft{width:75%}.graf--layoutInsetLeft,.graf--layoutOutsetLeft{float:left;margin-right:30px;padding-top:10px;padding-bottom:10px}.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:hsla(0,0%,100%,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-content{outline:none;white-space:pre-wrap}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}.debugControls{position:fixed;left:0;bottom:0;z-index:999999;background-color:#fff;width:100%;border-top:1px solid #000}.debugControls ul{margin:0 auto;margin-top:12px}.debugControls li{float:left;margin-left:20px;display:block;margin-bottom:10px;font-family:jaf-bernino-sans,Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;font-size:12px}.debugControls a{color:#000}.debugControls a:active{color:#000;outline:0}.debugZone{background-color:#101010;color:#ccc;clear:both;padding-top:10px;position:fixed;right:0;left:0;padding:1rem;width:100%;z-index:9999;height:130px;bottom:0;height:100%;top:0}.debugZone.open{height:100%;top:-74px}.debugZone.collapsed{height:130px;bottom:0}.debugZone .dante-debug-close{position:absolute;width:20px;height:20px;right:43px;top:38px}.debugZone .dante-debug-close.close.hairline:before{height:1px}.debugZone .dante-debug-close.close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.debugZone .dante-debug-close.close:after,.debugZone .dante-debug-close.close:before{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;height:1px}.debugZone .dante-debug-close.close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.debugZone .debugOutput{float:right;width:67%;margin-right:12%}.debugZone .debugOutput pre{color:#fff;height:450px;overflow:auto;padding:10px;background-color:#353232;border:2px solid #c019dc}
1
+ @import url(//fonts.googleapis.com/css?family=Merriweather:400,700,400italic,700italic|Open+Sans:400,300,800);@charset "UTF-8";
2
+ /* DEPRECATED */
3
+ /* DEPRECATED */
4
+ /* DEPRECATED */
5
+ /* DEPRECATED */
6
+ /* DEPRECATED */
7
+ /* DEPRECATED */
8
+ /* DEPRECATED */
9
+ /* DEPRECATED */
10
+ /* DEPRECATED */
11
+ /* DEPRECATED */
12
+ /* DEPRECATED */
13
+ /* DEPRECATED */
14
+ /* DEPRECATED */
15
+ /* DEPRECATED */
16
+ /* DEPRECATED */
17
+ @keyframes spinner {
18
+ to {
19
+ transform: rotate(360deg); } }
20
+
21
+ @-webkit-keyframes spinner {
22
+ to {
23
+ -webkit-transform: rotate(360deg); } }
24
+
25
+ .dante--spinner {
26
+ min-width: 24px;
27
+ min-height: 24px; }
28
+
29
+ .dante--spinner:before {
30
+ content: 'Loading\2026';
31
+ position: absolute;
32
+ top: 50%;
33
+ left: 50%;
34
+ width: 16px;
35
+ height: 16px;
36
+ margin-top: -10px;
37
+ margin-left: -10px; }
38
+
39
+ .dante--spinner:not(:required):before {
40
+ content: '';
41
+ border-radius: 50%;
42
+ border: 2px solid rgba(0, 0, 0, 0.3);
43
+ border-top-color: rgba(0, 0, 0, 0.6);
44
+ animation: spinner .6s linear infinite;
45
+ -webkit-animation: spinner .6s linear infinite; }
46
+
47
+ .hidden {
48
+ display: none !important; }
49
+
50
+ .notesSource {
51
+ padding: 0;
52
+ margin: 0;
53
+ position: relative;
54
+ color: rgba(0, 0, 0, 0.8);
55
+ text-rendering: optimizeLegibility;
56
+ -webkit-font-smoothing: antialiased;
57
+ -moz-osx-font-smoothing: grayscale;
58
+ -moz-font-feature-settings: liga on; }
59
+
60
+ .notesSource *,
61
+ .notesSource *:before,
62
+ .notesSource *:after {
63
+ box-sizing: border-box; }
64
+
65
+ .dante-paste {
66
+ display: none; }
67
+
68
+ @font-face {
69
+ font-family: "dante";
70
+ src: url(fonts/fontello.eot);
71
+ src: url(fonts/fontello.eot?#iefix) format("embedded-opentype"), url(fonts/fontello.woff) format("woff"), url(fonts/fontello.ttf) format("truetype"), url(fonts/fontello.svg#fontello) format("svg");
72
+ font-weight: normal;
73
+ font-style: normal; }
74
+
75
+ @font-face {
76
+ font-family: "dante-tooltip";
77
+ src: url(fonts/dante.eot);
78
+ src: url(fonts/dante.eot?#iefix) format("embedded-opentype"), url(fonts/dante.woff) format("woff"), url(fonts/dante.ttf) format("truetype"), url(fonts/dante.svg#dante) format("svg");
79
+ font-weight: normal;
80
+ font-style: normal; }
81
+
82
+ @-webkit-keyframes pop-upwards {
83
+ 0% {
84
+ -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
85
+ transform: matrix(0.97, 0, 0, 1, 0, 12);
86
+ opacity: 0; }
87
+ 20% {
88
+ -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
89
+ transform: matrix(0.99, 0, 0, 1, 0, 2);
90
+ opacity: .7; }
91
+ 40% {
92
+ -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
93
+ transform: matrix(1, 0, 0, 1, 0, -1);
94
+ opacity: 1; }
95
+ 70% {
96
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
97
+ transform: matrix(1, 0, 0, 1, 0, 0);
98
+ opacity: 1; }
99
+ 100% {
100
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
101
+ transform: matrix(1, 0, 0, 1, 0, 0);
102
+ opacity: 1; } }
103
+
104
+ @keyframes pop-upward {
105
+ 0% {
106
+ -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
107
+ transform: matrix(0.97, 0, 0, 1, 0, 12);
108
+ opacity: 0; }
109
+ 20% {
110
+ -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
111
+ transform: matrix(0.99, 0, 0, 1, 0, 2);
112
+ opacity: .7; }
113
+ 40% {
114
+ -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
115
+ transform: matrix(1, 0, 0, 1, 0, -1);
116
+ opacity: 1; }
117
+ 70% {
118
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
119
+ transform: matrix(1, 0, 0, 1, 0, 0);
120
+ opacity: 1; }
121
+ 100% {
122
+ -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
123
+ transform: matrix(1, 0, 0, 1, 0, 0);
124
+ opacity: 1; } }
125
+
126
+ .postArticle {
127
+ position: relative;
128
+ -webkit-transform: translateZ(0);
129
+ transform: translateZ(0); }
130
+ .postArticle .layoutSingleColumn {
131
+ width: 700px;
132
+ margin-left: auto;
133
+ margin-right: auto; }
134
+ @media (max-width: 800px) {
135
+ .postArticle .layoutSingleColumn {
136
+ width: 640px; } }
137
+ @media (max-width: 680px) {
138
+ .postArticle .layoutSingleColumn {
139
+ width: auto;
140
+ margin-left: 20px;
141
+ margin-right: 20px; } }
142
+
143
+ .postWrapper,
144
+ .postWrapper-inner {
145
+ position: relative;
146
+ *zoom: 1; }
147
+ .postWrapper:before, .postWrapper:after,
148
+ .postWrapper-inner:before,
149
+ .postWrapper-inner:after {
150
+ content: " ";
151
+ display: table; }
152
+ .postWrapper:after,
153
+ .postWrapper-inner:after {
154
+ clear: both; }
155
+
156
+ .postWrapper {
157
+ overflow: hidden; }
158
+ .is-postEditMode .postWrapper {
159
+ display: none; }
160
+ .is-postEditModeInitialized .postWrapper {
161
+ display: block; }
162
+
163
+ .postContent {
164
+ font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
165
+ letter-spacing: 0.01rem;
166
+ font-weight: 400;
167
+ font-style: normal;
168
+ font-size: 18px;
169
+ line-height: 1.9; }
170
+
171
+ .postField, .postField:focus {
172
+ outline: 0;
173
+ word-break: break-word;
174
+ word-wrap: break-word; }
175
+
176
+ .postField--body {
177
+ *zoom: 1;
178
+ margin-bottom: 30px; }
179
+ .postField--body:before, .postField--body:after {
180
+ content: " ";
181
+ display: table; }
182
+ .postField--body:after {
183
+ clear: both; }
184
+
185
+ .section--last {
186
+ padding-bottom: 5px; }
187
+
188
+ .section-content {
189
+ *zoom: 1; }
190
+ .section-content:before, .section-content:after {
191
+ content: " ";
192
+ display: table; }
193
+ .section-content:after {
194
+ clear: both; }
195
+
196
+ .section-inner {
197
+ position: relative; }
198
+
199
+ .dante-icon:before {
200
+ display: inline-block;
201
+ font-family: "dante";
202
+ font-style: normal;
203
+ font-variant: normal;
204
+ font-weight: normal;
205
+ line-height: 1em;
206
+ text-align: center;
207
+ text-decoration: inherit;
208
+ text-transform: none; }
209
+
210
+ .dante-icon-h2:before {
211
+ content: "H1"; }
212
+
213
+ .dante-icon-h3:before {
214
+ content: "H2"; }
215
+
216
+ .dante-icon-h4:before {
217
+ content: "H3"; }
218
+
219
+ .dante-icon-p:before {
220
+ content: "P"; }
221
+
222
+ .dante-icon-code:before {
223
+ content: "\E816"; }
224
+
225
+ .dante-icon-insertorderedlist:before {
226
+ content: "\E803"; }
227
+
228
+ .dante-icon-insertunorderedlist:before {
229
+ content: "\E802"; }
230
+
231
+ .dante-icon-inserthorizontalrule:before {
232
+ content: "\E818"; }
233
+
234
+ .dante-icon-indent:before {
235
+ content: "\E801"; }
236
+
237
+ .dante-icon-outdent:before {
238
+ content: "\E800"; }
239
+
240
+ .dante-icon-bold:before {
241
+ content: "\E805"; }
242
+
243
+ .dante-icon-italic:before {
244
+ content: "\E806"; }
245
+
246
+ .dante-icon-underline:before {
247
+ content: "\E804"; }
248
+
249
+ .dante-icon-createlink:before {
250
+ content: "\E810"; }
251
+
252
+ .dante-icon-blockquote:before {
253
+ content: "\E814"; }
254
+
255
+ .dante-icon-h2:before,
256
+ .dante-icon-h3:before,
257
+ .dante-icon-h4:before {
258
+ font-weight: bold; }
259
+
260
+ .tooltip-icon:before {
261
+ font-family: 'dante-tooltip';
262
+ speak: none;
263
+ font-style: normal;
264
+ font-weight: normal;
265
+ font-variant: normal;
266
+ text-transform: none;
267
+ line-height: 1;
268
+ -webkit-font-smoothing: antialiased;
269
+ -moz-osx-font-smoothing: grayscale; }
270
+
271
+ .dante-icon-image-center:before {
272
+ content: "\E900"; }
273
+
274
+ .dante-icon-image-fill:before {
275
+ content: "\E901"; }
276
+
277
+ .dante-icon-image-left:before {
278
+ content: "\E902"; }
279
+
280
+ .dante-icon-image-wide:before {
281
+ content: "\E903"; }
282
+
283
+ .dante-icon-video:before {
284
+ content: "\E600"; }
285
+
286
+ .dante-icon-image:before {
287
+ content: "\E601"; }
288
+
289
+ .dante-icon-plus:before {
290
+ content: "\E602"; }
291
+
292
+ .dante-icon-embed:before {
293
+ content: "\E603"; }
294
+
295
+ .dante-menu {
296
+ position: absolute;
297
+ visibility: hidden;
298
+ z-index: 1000;
299
+ -webkit-transition: none;
300
+ transition: none;
301
+ display: none;
302
+ top: 0;
303
+ left: 0;
304
+ display: block;
305
+ white-space: nowrap;
306
+ height: 42px;
307
+ background: #333333;
308
+ color: #FFFFFF;
309
+ border: 0px;
310
+ border-radius: 5px;
311
+ box-shadow: 1px 2px 3px -2px #222; }
312
+ .dante-menu:after {
313
+ content: "";
314
+ height: 0;
315
+ width: 0;
316
+ position: absolute;
317
+ left: 50%;
318
+ pointer-events: none;
319
+ border: 8px solid transparent;
320
+ margin-left: -4px; }
321
+ .dante-menu:after {
322
+ border-top-color: #333333;
323
+ bottom: -15px; }
324
+
325
+ .dante-menu--active {
326
+ display: inline-block;
327
+ visibility: visible;
328
+ -webkit-animation: pop-upwards 180ms forwards linear;
329
+ animation: pop-upwards 180ms forwards linear; }
330
+
331
+ .dante-menu--linkmode .dante-menu-buttons {
332
+ visibility: hidden; }
333
+
334
+ .dante-menu--linkmode .dante-menu-linkinput {
335
+ display: block; }
336
+
337
+ .dante-menu--linkmode .dante-menu-input {
338
+ -webkit-animation: pop-upwards 180ms forwards linear;
339
+ animation: pop-upwards 180ms forwards linear; }
340
+
341
+ .dante-menu-buttons {
342
+ list-style: none;
343
+ margin: 0;
344
+ padding: 0;
345
+ line-height: 0; }
346
+
347
+ .dante-menu-divider {
348
+ width: 1px;
349
+ height: 24px;
350
+ margin: 9px 2px;
351
+ background: rgba(255, 255, 255, 0.2);
352
+ display: inline-block;
353
+ overflow: hidden;
354
+ cursor: default;
355
+ line-height: 42px;
356
+ -webkit-user-select: none;
357
+ -moz-user-select: none;
358
+ -ms-user-select: none;
359
+ user-select: none; }
360
+
361
+ .dante-menu-button {
362
+ min-width: 20px;
363
+ display: inline-block;
364
+ padding-left: 10px;
365
+ padding-right: 10px;
366
+ overflow: hidden;
367
+ text-align: center;
368
+ color: #FFFFFF;
369
+ cursor: pointer;
370
+ font-size: 16px;
371
+ line-height: 42px;
372
+ -webkit-user-select: none;
373
+ -moz-user-select: none;
374
+ -ms-user-select: none;
375
+ user-select: none; }
376
+
377
+ .dante-menu-button.active {
378
+ color: #5BD974; }
379
+
380
+ .dante-menu-button:first-child {
381
+ border-top-left-radius: 5px;
382
+ border-bottom-left-radius: 5px;
383
+ padding-left: 18px; }
384
+
385
+ .dante-menu-button:last-child {
386
+ border-top-right-radius: 5px;
387
+ border-bottom-right-radius: 5px;
388
+ padding-right: 18px; }
389
+
390
+ .dante-menu-button--disabled {
391
+ -webkit-user-select: none !important;
392
+ -moz-user-select: none !important;
393
+ -ms-user-select: none !important;
394
+ user-select: none !important;
395
+ opacity: .3; }
396
+
397
+ .dante-menu-linkinput {
398
+ display: none;
399
+ position: absolute;
400
+ top: 0;
401
+ left: 0;
402
+ right: 0;
403
+ bottom: 0; }
404
+
405
+ .dante-menu-linkinput .dante-menu-button {
406
+ position: absolute;
407
+ top: 0;
408
+ right: 0; }
409
+
410
+ .dante-menu-input {
411
+ position: absolute;
412
+ top: 0;
413
+ left: 0;
414
+ background: transparent;
415
+ width: 100%;
416
+ padding: 13px 40px 13px 10px;
417
+ color: #FFFFFF;
418
+ border: none;
419
+ outline: none;
420
+ font-size: 14px;
421
+ box-sizing: border-box;
422
+ border-radius: 5px;
423
+ appearance: none;
424
+ text-align: left;
425
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
426
+ letter-spacing: 0.01rem;
427
+ font-weight: 400;
428
+ font-style: normal;
429
+ text-rendering: optimizeLegibility;
430
+ -webkit-font-smoothing: antialiased;
431
+ -moz-osx-font-smoothing: grayscale;
432
+ -moz-font-feature-settings: "liga" on; }
433
+
434
+ .inlineTooltip {
435
+ position: absolute;
436
+ z-index: 900;
437
+ width: 32px;
438
+ height: 32px;
439
+ -webkit-transition: opacity 100ms, width 0 linear 250ms;
440
+ transition: opacity 100ms, width 0 linear 250ms;
441
+ padding: 0;
442
+ font-size: 0;
443
+ opacity: 0;
444
+ pointer-events: none; }
445
+ .inlineTooltip.is-active {
446
+ opacity: 1;
447
+ pointer-events: auto; }
448
+ .inlineTooltip.is-scaled {
449
+ -webkit-transition-delay: 0;
450
+ transition-delay: 0;
451
+ width: auto; }
452
+
453
+ .inlineTooltip-menu {
454
+ display: inline-block;
455
+ margin-left: 54px; }
456
+
457
+ .inlineTooltip-button {
458
+ background-color: white;
459
+ float: left;
460
+ margin-right: 9px;
461
+ display: inline-block;
462
+ position: relative;
463
+ outline: 0;
464
+ padding: 0;
465
+ vertical-align: bottom;
466
+ box-sizing: border-box;
467
+ border-radius: 999em;
468
+ cursor: pointer;
469
+ font-size: 14px;
470
+ text-decoration: none;
471
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
472
+ letter-spacing: -0.02em;
473
+ font-weight: 400;
474
+ font-style: normal;
475
+ white-space: nowrap;
476
+ text-rendering: auto;
477
+ text-align: center;
478
+ text-rendering: optimizeLegibility;
479
+ -webkit-font-smoothing: antialiased;
480
+ -moz-osx-font-smoothing: grayscale;
481
+ -moz-font-feature-settings: "liga" on;
482
+ width: 32px;
483
+ height: 32px;
484
+ line-height: 32px;
485
+ -webkit-transition: 100ms border-color, 100ms color;
486
+ transition: 100ms border-color, 100ms color;
487
+ border: 1px solid;
488
+ border-color: rgba(0, 0, 0, 0.44);
489
+ color: rgba(0, 0, 0, 0.44); }
490
+
491
+ .inlineTooltip-button:hover {
492
+ border-color: rgba(0, 0, 0, 0.9);
493
+ color: rgba(0, 0, 0, 0.9); }
494
+
495
+ .inlineTooltip-button.scale {
496
+ -webkit-transform: scale(0);
497
+ -ms-transform: scale(0);
498
+ transform: scale(0);
499
+ -webkit-transition: -webkit-transform 100ms, 100ms border-color, 100ms color;
500
+ transition: transform 100ms, 100ms border-color, 100ms color; }
501
+
502
+ .is-scaled .inlineTooltip-button.scale {
503
+ -webkit-transform: scale(1);
504
+ -ms-transform: scale(1);
505
+ transform: scale(1);
506
+ -webkit-transition: -webkit-transform 250ms, 100ms border-color, 100ms color;
507
+ transition: transform 250ms, 100ms border-color, 100ms color; }
508
+
509
+ .inlineTooltip-button.scale:nth-child(11) {
510
+ -webkit-transition-delay: 300ms;
511
+ transition-delay: 300ms; }
512
+
513
+ .inlineTooltip-button.scale:nth-child(10) {
514
+ -webkit-transition-delay: 270ms;
515
+ transition-delay: 270ms; }
516
+
517
+ .inlineTooltip-button.scale:nth-child(9) {
518
+ -webkit-transition-delay: 240ms;
519
+ transition-delay: 240ms; }
520
+
521
+ .inlineTooltip-button.scale:nth-child(8) {
522
+ -webkit-transition-delay: 210ms;
523
+ transition-delay: 210ms; }
524
+
525
+ .inlineTooltip-button.scale:nth-child(7) {
526
+ -webkit-transition-delay: 180ms;
527
+ transition-delay: 180ms; }
528
+
529
+ .inlineTooltip-button.scale:nth-child(6) {
530
+ -webkit-transition-delay: 150ms;
531
+ transition-delay: 150ms; }
532
+
533
+ .inlineTooltip-button.scale:nth-child(5) {
534
+ -webkit-transition-delay: 120ms;
535
+ transition-delay: 120ms; }
536
+
537
+ .inlineTooltip-button.scale:nth-child(4) {
538
+ -webkit-transition-delay: 90ms;
539
+ transition-delay: 90ms; }
540
+
541
+ .inlineTooltip-button.scale:nth-child(3) {
542
+ -webkit-transition-delay: 60ms;
543
+ transition-delay: 60ms; }
544
+
545
+ .inlineTooltip-button.scale:nth-child(2) {
546
+ -webkit-transition-delay: 30ms;
547
+ transition-delay: 30ms; }
548
+
549
+ .inlineTooltip-button.control {
550
+ display: block;
551
+ position: absolute;
552
+ margin-right: 22px; }
553
+
554
+ .inlineTooltip-button.control {
555
+ -webkit-transition: -webkit-transform 100ms, 100ms border-color, 100ms color;
556
+ transition: transform 100ms, 100ms border-color, 100ms color;
557
+ -webkit-transform: rotate(0);
558
+ -ms-transform: rotate(0);
559
+ transform: rotate(0); }
560
+
561
+ .is-scaled .inlineTooltip-button.control {
562
+ -webkit-transition: -webkit-transform 250ms, 100ms border-color, 100ms color;
563
+ transition: transform 250ms, 100ms border-color, 100ms color;
564
+ -webkit-transform: rotate(45deg);
565
+ -ms-transform: rotate(45deg);
566
+ transform: rotate(45deg);
567
+ border-color: rgba(0, 0, 0, 0.9);
568
+ color: rgba(0, 0, 0, 0.9); }
569
+
570
+ .dante-popover {
571
+ overflow: hidden;
572
+ position: absolute;
573
+ z-index: 900;
574
+ visibility: visible;
575
+ font-size: 12px;
576
+ text-align: center;
577
+ pointer-events: auto;
578
+ padding: 15px;
579
+ font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
580
+ letter-spacing: -0.02em;
581
+ font-weight: 400;
582
+ font-style: normal;
583
+ line-height: 1.4;
584
+ opacity: 0; }
585
+
586
+ .dante-popover.is-active {
587
+ opacity: 1; }
588
+
589
+ .dante-popover .popover-inner {
590
+ background: #fff;
591
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35); }
592
+
593
+ .popover.is-active {
594
+ visibility: visible; }
595
+
596
+ .popover-inner {
597
+ position: relative;
598
+ max-width: 300px;
599
+ border-radius: 5px;
600
+ padding: 8px; }
601
+
602
+ .popover-inner a {
603
+ color: inherit;
604
+ text-decoration: none; }
605
+
606
+ .popover--tooltip {
607
+ pointer-events: none; }
608
+
609
+ .popover--tooltip .popover-inner {
610
+ background: #333333;
611
+ border-radius: 4px;
612
+ color: #fff; }
613
+
614
+ .popover--Linktooltip {
615
+ pointer-events: auto;
616
+ z-index: 300;
617
+ word-break: break-word;
618
+ word-wrap: break-word; }
619
+
620
+ .popover--Linktooltip .popover-inner {
621
+ padding: 8px 10px;
622
+ font-size: 12px; }
623
+
624
+ .popover--Aligntooltip .popover-inner {
625
+ padding: 0;
626
+ background: #333333;
627
+ color: #fff; }
628
+
629
+ .popover--typeahead .popover-inner {
630
+ position: relative;
631
+ padding: 14px;
632
+ border-radius: 4px; }
633
+
634
+ .popover--typeahead .popover-inner ul {
635
+ padding-left: 0px; }
636
+
637
+ .popover.popover--maxWidth360 .popover-inner {
638
+ max-width: 360px; }
639
+
640
+ .popover:not(.popover--flexible) .popover-inner {
641
+ max-width: 280px; }
642
+
643
+ /*
644
+ .popover.is-withTransition {
645
+ -webkit-transition:opacity 100ms ease;
646
+ transition:opacity 100ms ease;
647
+ }
648
+
649
+ .is-resizing .popover {
650
+ opacity:0;
651
+ -webkit-transition:opacity 0 ease;
652
+ transition:opacity 0 ease;
653
+ }
654
+ */
655
+ .popover-arrow {
656
+ position: absolute; }
657
+
658
+ .popover-arrow:after {
659
+ background-color: #333333; }
660
+
661
+ .popover--top .popover-arrow,
662
+ .popover--bottom .popover-arrow {
663
+ left: 50%;
664
+ margin-left: -6px; }
665
+
666
+ .popover--left .popover-arrow,
667
+ .popover--right .popover-arrow {
668
+ top: 50%;
669
+ margin-top: -6px; }
670
+
671
+ .popover--right .popover-arrow {
672
+ left: 1px; }
673
+
674
+ .popover--bottom .popover-arrow {
675
+ top: 1px; }
676
+
677
+ .popover--left .popover-arrow {
678
+ right: 1px; }
679
+
680
+ .popover-arrow:after {
681
+ content: '';
682
+ display: block;
683
+ width: 12px;
684
+ height: 12px; }
685
+
686
+ .popover--top .popover-arrow:after {
687
+ -webkit-transform: rotate(45deg) translate(-5px, -5px);
688
+ -ms-transform: rotate(45deg) translate(-5px, -5px);
689
+ transform: rotate(45deg) translate(-5px, -5px);
690
+ box-shadow: 1px 1px 1px -1px #333333; }
691
+
692
+ .popover--right .popover-arrow:after {
693
+ -webkit-transform: rotate(45deg) translate(6px, -6px);
694
+ -ms-transform: rotate(45deg) translate(6px, -6px);
695
+ transform: rotate(45deg) translate(6px, -6px);
696
+ box-shadow: -1px 1px 1px -1px #333333; }
697
+
698
+ .popover--bottom .popover-arrow:after {
699
+ -webkit-transform: rotate(45deg) translate(6px, 6px);
700
+ -ms-transform: rotate(45deg) translate(6px, 6px);
701
+ transform: rotate(45deg) translate(6px, 6px);
702
+ box-shadow: -1px -1px 1px -1px #333333; }
703
+
704
+ .popover--left .popover-arrow:after {
705
+ -webkit-transform: rotate(45deg) translate(-6px, 6px);
706
+ -ms-transform: rotate(45deg) translate(-6px, 6px);
707
+ transform: rotate(45deg) translate(-6px, 6px);
708
+ box-shadow: 1px -1px 1px -1px #333333; }
709
+
710
+ .graf--h2,
711
+ .graf--h3,
712
+ .graf--h4,
713
+ .graf--h5,
714
+ .graf--h6,
715
+ .graf--h7,
716
+ .postList,
717
+ .graf--figure,
718
+ .graf--blockquote,
719
+ .graf--pullquote,
720
+ .graf--p,
721
+ .graf--pre {
722
+ margin: 0; }
723
+
724
+ .postList {
725
+ margin-bottom: 30px; }
726
+
727
+ .graf--p,
728
+ .graf--blockquote,
729
+ .graf--pullquote {
730
+ margin-bottom: 30px; }
731
+
732
+ .graf--code {
733
+ line-height: 1em; }
734
+
735
+ .graf--p.dante--spinner {
736
+ position: relative; }
737
+
738
+ .graf--h2 {
739
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
740
+ font-size: 60px;
741
+ font-style: normal;
742
+ font-weight: 700;
743
+ letter-spacing: -0.04em;
744
+ line-height: 1;
745
+ margin-bottom: 8px;
746
+ margin-left: -3px;
747
+ margin-top: 40px;
748
+ padding-top: 0; }
749
+
750
+ .graf--h3 {
751
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
752
+ letter-spacing: -0.02em;
753
+ font-weight: 700;
754
+ font-style: normal;
755
+ font-size: 36px;
756
+ margin-left: -1.8px;
757
+ line-height: 1.2;
758
+ margin-top: 40px;
759
+ margin-bottom: 4px; }
760
+
761
+ .graf--h4 {
762
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
763
+ letter-spacing: -0.02em;
764
+ font-weight: 300;
765
+ font-style: normal;
766
+ font-size: 30px;
767
+ margin-left: -1.5px;
768
+ line-height: 1.2;
769
+ color: rgba(0, 0, 0, 0.44);
770
+ margin-top: 40px;
771
+ margin-bottom: 2px; }
772
+
773
+ .section--first .graf--h2.graf--first,
774
+ .section--first .graf--h3.graf--first,
775
+ .section--first .graf--h4.graf--first {
776
+ margin-top: 0;
777
+ padding-top: 0; }
778
+
779
+ .graf--h2 + .graf--h2 {
780
+ margin-top: -8px; }
781
+
782
+ .graf--h2 + .graf--h3,
783
+ .graf--h2 + .graf--h4 {
784
+ margin-top: -6px; }
785
+
786
+ .graf--h3 + .graf--h2,
787
+ .graf--h4 + .graf--h2 {
788
+ margin-top: 2px; }
789
+
790
+ .graf--h3 + .graf--h4,
791
+ .graf--h4 + .graf--h3 {
792
+ margin-top: -2px; }
793
+
794
+ .graf--h2 + .postList,
795
+ .graf--h3 + .postList,
796
+ .graf--h4 + .postList {
797
+ margin-top: 10px; }
798
+
799
+ .graf--h2 + .graf--p.graf--empty,
800
+ .graf--h3 + .graf--p.graf--empty,
801
+ .graf--h4 + .graf--p.graf--empty {
802
+ margin-bottom: -7px;
803
+ margin-top: -7px; }
804
+
805
+ .graf--h2 + .graf--p.graf--empty + .graf--h2,
806
+ .graf--h3 + .graf--p.graf--empty + .graf--h2,
807
+ .graf--h4 + .graf--p.graf--empty + .graf--h2 {
808
+ margin-top: -5px; }
809
+
810
+ .graf--h2 + .graf--p.graf--empty + .graf--h3,
811
+ .graf--h3 + .graf--p.graf--empty + .graf--h3,
812
+ .graf--h4 + .graf--p.graf--empty + .graf--h3,
813
+ .graf--h2 + .graf--p.graf--empty + .graf--h4,
814
+ .graf--h3 + .graf--p.graf--empty + .graf--h4,
815
+ .graf--h4 + .graf--p.graf--empty + .graf--h4 {
816
+ margin-top: -8px; }
817
+
818
+ .graf--blockquote, blockquote {
819
+ font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
820
+ border-left: 3px solid rgba(0, 0, 0, 0.8);
821
+ font-style: italic;
822
+ font-weight: 400;
823
+ letter-spacing: 0.01rem;
824
+ margin-left: -23px;
825
+ padding-bottom: 3px;
826
+ padding-left: 20px; }
827
+
828
+ .graf--blockquote + .graf--blockquote, blockquote + blockquote {
829
+ margin-top: -30px;
830
+ padding-top: 30px; }
831
+
832
+ .graf--pullquote {
833
+ line-height: 1.4;
834
+ text-align: center;
835
+ font-size: 32px;
836
+ margin: 48px -160px;
837
+ border: none;
838
+ padding: 0;
839
+ font-family: "freight-text-pro", "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
840
+ letter-spacing: 0.01rem;
841
+ font-weight: 400;
842
+ font-style: italic;
843
+ -webkit-transition: margin 100ms;
844
+ transition: margin 100ms; }
845
+
846
+ .graf--pre, .public-DraftStyleDefault-pre {
847
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
848
+ font-family: Menlo, Monaco, Consolas, "Courier New", "Courier", monospace;
849
+ font-size: 16px;
850
+ margin-bottom: 20px;
851
+ padding: 20px;
852
+ white-space: pre-wrap; }
853
+
854
+ .graf--pre + .graf--pre {
855
+ margin-top: -20px; }
856
+
857
+ .graf--figure {
858
+ box-sizing: border-box;
859
+ clear: both;
860
+ margin-bottom: 30px;
861
+ outline: medium none;
862
+ position: relative; }
863
+
864
+ .graf--figure.is-mediaFocused .graf-image,
865
+ .graf--figure.is-mediaFocused iframe {
866
+ box-shadow: 0 0 0 3px #57ad68; }
867
+
868
+ .graf--mixtapeEmbed a {
869
+ text-decoration: none; }
870
+
871
+ .graf--h4 + .graf--figure,
872
+ .graf--h3 + .graf--figure,
873
+ .graf--h2 + .graf--figure {
874
+ margin-top: 15px; }
875
+
876
+ .graf--first {
877
+ margin-top: 0;
878
+ padding-top: 0; }
879
+
880
+ /*.graf--empty {
881
+ margin-bottom: -7px;
882
+ margin-top: -7px;
883
+ }*/
884
+ p[data-align="center"],
885
+ .graf--h2[data-align="center"],
886
+ .graf--h3[data-align="center"],
887
+ .graf--h4[data-align="center"],
888
+ .graf--blockquote[data-align="center"] {
889
+ text-align: center; }
890
+
891
+ .markup--anchor,
892
+ .graf--sectionCaption {
893
+ cursor: text; }
894
+
895
+ .markup--anchor {
896
+ text-decoration: underline;
897
+ color: inherit; }
898
+
899
+ @media (max-width: 500px) {
900
+ .graf--h2 {
901
+ font-size: 36px;
902
+ line-height: 1.1;
903
+ padding-top: 12px;
904
+ margin-bottom: 6px; }
905
+ .graf--h3 {
906
+ font-size: 26px;
907
+ line-height: 1.2;
908
+ margin-top: 18px;
909
+ margin-bottom: 4px; }
910
+ .graf--h4 {
911
+ font-size: 24px;
912
+ line-height: 1.2;
913
+ margin-top: 18px;
914
+ margin-bottom: 2px; } }
915
+
916
+ .aspectRatioPlaceholder {
917
+ margin: 0 auto;
918
+ position: relative;
919
+ width: 100%; }
920
+
921
+ .is-postEditMode .graf-image:before, .is-postEditMode
922
+ .iframeContainer:before {
923
+ bottom: 0;
924
+ content: "";
925
+ left: 0;
926
+ position: absolute;
927
+ right: 0;
928
+ top: 0;
929
+ z-index: 500; }
930
+
931
+ .aspectRatioPlaceholder.is-locked .graf-image, .aspectRatioPlaceholder.is-locked
932
+ .graf-imageAnchor {
933
+ height: 100%;
934
+ left: 0;
935
+ position: absolute;
936
+ top: 0;
937
+ width: 100%; }
938
+
939
+ .graf-image,
940
+ .graf-imageAnchor,
941
+ .iframeContainer > iframe,
942
+ .iframeContainer {
943
+ box-sizing: border-box;
944
+ display: block;
945
+ margin: auto;
946
+ max-width: 100%; }
947
+
948
+ .imageCaption {
949
+ top: 0;
950
+ text-align: center;
951
+ margin-top: 0;
952
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
953
+ letter-spacing: 0;
954
+ font-weight: 400;
955
+ font-size: 13px;
956
+ line-height: 1.4;
957
+ color: rgba(0, 0, 0, 0.6);
958
+ outline: 0;
959
+ z-index: 300;
960
+ margin-top: 10px;
961
+ position: relative; }
962
+
963
+ .imageCaption .danteDefaultPlaceholder {
964
+ margin-bottom: -18px !important;
965
+ display: block; }
966
+
967
+ div[contenteditable="false"] .danteDefaultPlaceholder {
968
+ display: none; }
969
+
970
+ @media (max-width: 1200px) {
971
+ .imageCaption,
972
+ .postField--outsetCenterImage > .imageCaption {
973
+ position: relative;
974
+ width: 100%;
975
+ text-align: center;
976
+ left: 0;
977
+ margin-top: 10px; } }
978
+
979
+ figure.graf--layoutOutsetLeft .imageCaption,
980
+ figure.graf--layoutOutsetLeft .postField--outsetCenterImage > .imageCaption {
981
+ position: relative;
982
+ width: 100%;
983
+ text-align: center;
984
+ left: 0;
985
+ margin-top: 10px; }
986
+
987
+ figure.is-defaultValue .imageCaption,
988
+ .graf--sectionCaption.is-defaultValue {
989
+ display: none; }
990
+
991
+ .graf--figure.is-mediaFocused .imageCaption,
992
+ .graf--figure.is-defaultValue.is-selected .imageCaption,
993
+ section.is-mediaFocused .graf--sectionCaption,
994
+ .graf--sectionCaption.is-defaultValue.is-selected {
995
+ display: block; }
996
+
997
+ .editable .markup--anchor,
998
+ .editable .graf--sectionCaption {
999
+ cursor: text; }
1000
+
1001
+ /*
1002
+ .markup--anchor {
1003
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 50%);
1004
+ //background-position: 0 24px;
1005
+ background-position: 0 19px;
1006
+ background-repeat: repeat-x;
1007
+ background-size: 2px 2px;
1008
+ text-decoration: none;
1009
+ color: rgba(0, 0, 0, 1);
1010
+ //border-bottom: 1px solid rgba(0,0,0,.4);
1011
+ }
1012
+
1013
+ h4 .markup--anchor {
1014
+ background-position: 0 34px;
1015
+ }
1016
+ */
1017
+ .is-postEditMode iframe {
1018
+ border: 3px solid rgba(255, 255, 255, 0); }
1019
+
1020
+ .graf--mixtapeEmbed {
1021
+ border-color: rgba(0, 0, 0, 0.15);
1022
+ border-radius: 5px;
1023
+ border-style: solid;
1024
+ border-width: 1px;
1025
+ box-sizing: border-box;
1026
+ color: rgba(0, 0, 0, 0.6);
1027
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1028
+ font-size: 12px;
1029
+ font-style: normal;
1030
+ font-weight: 300;
1031
+ letter-spacing: -0.02em;
1032
+ margin-bottom: 40px;
1033
+ margin-top: 40px;
1034
+ max-height: 310px;
1035
+ max-width: 700px;
1036
+ overflow: hidden;
1037
+ padding: 30px;
1038
+ position: relative; }
1039
+
1040
+ .mixtapeImage {
1041
+ background-position: center center;
1042
+ background-repeat: no-repeat;
1043
+ background-size: cover;
1044
+ float: right;
1045
+ height: 310px;
1046
+ margin: -30px -30px 0 25px;
1047
+ width: 310px; }
1048
+
1049
+ .mixtapeImage--empty {
1050
+ height: 0;
1051
+ width: 0; }
1052
+
1053
+ .graf--mixtapeEmbed {
1054
+ color: rgba(0, 0, 0, 0.6);
1055
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1056
+ font-size: 12px;
1057
+ font-style: normal;
1058
+ font-weight: 300;
1059
+ letter-spacing: -0.02em; }
1060
+
1061
+ .markup--mixtapeEmbed-strong {
1062
+ color: #000;
1063
+ display: block;
1064
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1065
+ font-size: 30px;
1066
+ font-style: normal;
1067
+ font-weight: 300;
1068
+ letter-spacing: -0.02em;
1069
+ line-height: 1.2;
1070
+ margin-bottom: 0px; }
1071
+
1072
+ .markup--mixtapeEmbed-em {
1073
+ display: block;
1074
+ font-size: 16px;
1075
+ font-style: normal;
1076
+ margin-bottom: 10px;
1077
+ max-height: 120px;
1078
+ overflow: hidden; }
1079
+
1080
+ /*CAPTION*/
1081
+ .editor a a {
1082
+ color: inherit;
1083
+ text-decoration: none; }
1084
+
1085
+ .defaultValue {
1086
+ color: rgba(0, 0, 0, 0.3); }
1087
+
1088
+ section:first-child > .section-divider,
1089
+ section.is-backgrounded + section > .section-divider {
1090
+ display: none; }
1091
+
1092
+ .defaultValue--prompt {
1093
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1094
+ font-size: 18px;
1095
+ font-style: normal;
1096
+ font-weight: 400;
1097
+ letter-spacing: -0.02em; }
1098
+
1099
+ div[contenteditable="false"] a.markup--anchor {
1100
+ cursor: pointer; }
1101
+
1102
+ figure figcaption .public-DraftStyleDefault-block {
1103
+ text-align: center; }
1104
+
1105
+ .aspectRatioPlaceholder .image-upoader-loader {
1106
+ position: absolute;
1107
+ bottom: 0px;
1108
+ left: 0%;
1109
+ background-color: #fff;
1110
+ width: 100%;
1111
+ /* height: 3px; */
1112
+ text-align: center;
1113
+ top: 0px;
1114
+ vertical-align: text-bottom;
1115
+ opacity: 0.7; }
1116
+ .aspectRatioPlaceholder .image-upoader-loader p {
1117
+ line-height: 5px;
1118
+ /* font-weight: 700; */
1119
+ /* text-transform: uppercase; */
1120
+ font-size: 14px;
1121
+ margin-top: 49%; }
1122
+
1123
+ a[rel=token], .markup--query {
1124
+ color: #00ab6b;
1125
+ text-decoration: none;
1126
+ background-image: none !important; }
1127
+
1128
+ .typeahead--mention {
1129
+ padding-top: 10px; }
1130
+
1131
+ .typeahead .popover-inner {
1132
+ padding: 0;
1133
+ overflow: hidden;
1134
+ min-width: 100px; }
1135
+
1136
+ .typeahead .typeahead-item:first-child {
1137
+ padding-top: 7px; }
1138
+
1139
+ .typeahead--mention .typeahead-item {
1140
+ padding: 6px 15px;
1141
+ font-size: 13px; }
1142
+
1143
+ .typeahead-item.is-active, .typeahead-item:hover {
1144
+ background: #02b875;
1145
+ color: #fff; }
1146
+
1147
+ .typeahead .typeahead-item {
1148
+ cursor: pointer;
1149
+ padding: 5px 10px;
1150
+ line-height: 2;
1151
+ font-size: 12px;
1152
+ text-align: left;
1153
+ white-space: nowrap;
1154
+ text-overflow: ellipsis;
1155
+ overflow: hidden; }
1156
+
1157
+ .typeahead .dante-avatar {
1158
+ margin: 0 6px 0 -2px; }
1159
+
1160
+ .avatar-image--icon {
1161
+ width: 32px;
1162
+ height: 32px; }
1163
+
1164
+ .avatar-image {
1165
+ display: inline-block;
1166
+ vertical-align: middle;
1167
+ border-radius: 100%; }
1168
+
1169
+ .typeahead-item .avatar-image {
1170
+ width: 32px;
1171
+ height: 32px; }
1172
+
1173
+ .typeahead--mention .popover-arrow {
1174
+ display: none; }
1175
+
1176
+ .markup--user {
1177
+ color: #00ab6b;
1178
+ text-decoration: none; }
1179
+
1180
+ .popover--card .popover-arrow {
1181
+ top: -14px; }
1182
+
1183
+ .popover--card .popover--bottom .popover-arrow:after {
1184
+ transform: rotate(45deg) translate(6px, 6px);
1185
+ box-shadow: -1px -1px 1px -1px rgba(0, 0, 0, 0.44); }
1186
+
1187
+ .popover--card .popover-arrow:after {
1188
+ content: '';
1189
+ display: block;
1190
+ width: 14px;
1191
+ height: 14px;
1192
+ background: #fff; }
1193
+
1194
+ .popover--animated.is-active {
1195
+ visibility: visible;
1196
+ opacity: 1;
1197
+ transition: visibility 0s linear 0s,opacity .2s 0s; }
1198
+
1199
+ .popover.is-active {
1200
+ visibility: visible; }
1201
+
1202
+ .popover--animated {
1203
+ visibility: hidden;
1204
+ opacity: 0;
1205
+ transition: visibility 0s linear .2s,opacity .2s 0s; }
1206
+
1207
+ .popoverCard {
1208
+ text-align: left; }
1209
+
1210
+ .popoverCard-meta {
1211
+ width: 192px; }
1212
+
1213
+ .u-floatLeft {
1214
+ float: left !important; }
1215
+
1216
+ .u-floatRight {
1217
+ float: right !important; }
1218
+
1219
+ .popoverCard-title {
1220
+ font-size: 18px;
1221
+ margin-bottom: 5px;
1222
+ margin-top: 0px; }
1223
+
1224
+ .link {
1225
+ color: inherit;
1226
+ text-decoration: none;
1227
+ cursor: pointer; }
1228
+
1229
+ .popoverCard-description {
1230
+ overflow: hidden;
1231
+ color: rgba(0, 0, 0, 0.44); }
1232
+
1233
+ .u-clearfix:after {
1234
+ clear: both; }
1235
+
1236
+ .u-clearfix:after, .u-clearfix:before {
1237
+ display: table;
1238
+ content: " "; }
1239
+
1240
+ .dante-avatar {
1241
+ display: block;
1242
+ white-space: nowrap;
1243
+ overflow: hidden;
1244
+ text-overflow: ellipsis;
1245
+ line-height: normal; }
1246
+
1247
+ .avatar-image--small {
1248
+ width: 60px;
1249
+ height: 60px; }
1250
+
1251
+ .avatar-image {
1252
+ display: inline-block;
1253
+ vertical-align: middle;
1254
+ border-radius: 100%; }
1255
+
1256
+ .popoverCard-actions {
1257
+ border-top: solid 1px rgba(0, 0, 0, 0.15);
1258
+ margin-top: 10px;
1259
+ padding-top: 10px; }
1260
+
1261
+ .popoverCard-stats {
1262
+ font-size: 14px;
1263
+ line-height: 36px; }
1264
+
1265
+ .popoverCard-stat {
1266
+ margin-right: 10px;
1267
+ color: rgba(0, 0, 0, 0.44); }
1268
+
1269
+ .popoverCard-count {
1270
+ padding-left: 5px;
1271
+ color: rgba(0, 0, 0, 0.6); }
1272
+
1273
+ .graf--layoutOutsetLeft {
1274
+ margin-left: -160px; }
1275
+
1276
+ .graf--layoutFillWidth {
1277
+ margin-left: -200px;
1278
+ margin-right: -200px; }
1279
+
1280
+ .graf--layoutOutsetLeft {
1281
+ width: 75%; }
1282
+
1283
+ .graf--layoutInsetLeft, .graf--layoutOutsetLeft {
1284
+ float: left;
1285
+ margin-right: 30px;
1286
+ padding-top: 10px;
1287
+ padding-bottom: 10px; }
1288
+
1289
+ /**
1290
+ * @providesModule DraftEditor
1291
+ * @permanent
1292
+ */
1293
+ /**
1294
+ * We inherit the height of the container by default
1295
+ */
1296
+ .DraftEditor-root,
1297
+ .DraftEditor-editorContainer,
1298
+ .public-DraftEditor-content {
1299
+ height: inherit;
1300
+ text-align: initial; }
1301
+
1302
+ .DraftEditor-root {
1303
+ position: relative; }
1304
+
1305
+ /**
1306
+ * Zero-opacity background used to allow focus in IE. Otherwise, clicks
1307
+ * fall through to the placeholder.
1308
+ */
1309
+ .DraftEditor-editorContainer {
1310
+ background-color: rgba(255, 255, 255, 0);
1311
+ /* Repair mysterious missing Safari cursor */
1312
+ border-left: 0.1px solid transparent;
1313
+ position: relative;
1314
+ z-index: 1; }
1315
+
1316
+ .public-DraftEditor-content {
1317
+ outline: none;
1318
+ white-space: pre-wrap; }
1319
+
1320
+ .public-DraftEditor-block {
1321
+ position: relative; }
1322
+
1323
+ .DraftEditor-alignLeft .public-DraftStyleDefault-block {
1324
+ text-align: left; }
1325
+
1326
+ .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
1327
+ left: 0;
1328
+ text-align: left; }
1329
+
1330
+ .DraftEditor-alignCenter .public-DraftStyleDefault-block {
1331
+ text-align: center; }
1332
+
1333
+ .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
1334
+ margin: 0 auto;
1335
+ text-align: center;
1336
+ width: 100%; }
1337
+
1338
+ .DraftEditor-alignRight .public-DraftStyleDefault-block {
1339
+ text-align: right; }
1340
+
1341
+ .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
1342
+ right: 0;
1343
+ text-align: right; }
1344
+
1345
+ /**
1346
+ * @providesModule DraftEditorPlaceholder
1347
+ */
1348
+ .public-DraftEditorPlaceholder-root {
1349
+ color: #9197a3;
1350
+ position: absolute;
1351
+ z-index: 0; }
1352
+
1353
+ .public-DraftEditorPlaceholder-hasFocus {
1354
+ color: #bdc1c9; }
1355
+
1356
+ .DraftEditorPlaceholder-hidden {
1357
+ display: none; }
1358
+
1359
+ /**
1360
+ * @providesModule DraftStyleDefault
1361
+ */
1362
+ .public-DraftStyleDefault-block {
1363
+ position: relative;
1364
+ white-space: pre-wrap; }
1365
+
1366
+ /* @noflip */
1367
+ .public-DraftStyleDefault-ltr {
1368
+ direction: ltr;
1369
+ text-align: left; }
1370
+
1371
+ /* @noflip */
1372
+ .public-DraftStyleDefault-rtl {
1373
+ direction: rtl;
1374
+ text-align: right; }
1375
+
1376
+ /**
1377
+ * These rules provide appropriate text direction for counter pseudo-elements.
1378
+ */
1379
+ /* @noflip */
1380
+ .public-DraftStyleDefault-listLTR {
1381
+ direction: ltr; }
1382
+
1383
+ /* @noflip */
1384
+ .public-DraftStyleDefault-listRTL {
1385
+ direction: rtl; }
1386
+
1387
+ /**
1388
+ * Default spacing for list container elements. Override with CSS as needed.
1389
+ */
1390
+ .public-DraftStyleDefault-ul,
1391
+ .public-DraftStyleDefault-ol {
1392
+ margin: 16px 0;
1393
+ padding: 0; }
1394
+
1395
+ /**
1396
+ * Default counters and styles are provided for five levels of nesting.
1397
+ * If you require nesting beyond that level, you should use your own CSS
1398
+ * classes to do so. If you care about handling RTL languages, the rules you
1399
+ * create should look a lot like these.
1400
+ */
1401
+ /* @noflip */
1402
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
1403
+ margin-left: 1.5em; }
1404
+
1405
+ /* @noflip */
1406
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
1407
+ margin-right: 1.5em; }
1408
+
1409
+ /* @noflip */
1410
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
1411
+ margin-left: 3em; }
1412
+
1413
+ /* @noflip */
1414
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
1415
+ margin-right: 3em; }
1416
+
1417
+ /* @noflip */
1418
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
1419
+ margin-left: 4.5em; }
1420
+
1421
+ /* @noflip */
1422
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
1423
+ margin-right: 4.5em; }
1424
+
1425
+ /* @noflip */
1426
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
1427
+ margin-left: 6em; }
1428
+
1429
+ /* @noflip */
1430
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
1431
+ margin-right: 6em; }
1432
+
1433
+ /* @noflip */
1434
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
1435
+ margin-left: 7.5em; }
1436
+
1437
+ /* @noflip */
1438
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
1439
+ margin-right: 7.5em; }
1440
+
1441
+ /**
1442
+ * Only use `square` list-style after the first two levels.
1443
+ */
1444
+ .public-DraftStyleDefault-unorderedListItem {
1445
+ list-style-type: square;
1446
+ position: relative; }
1447
+
1448
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
1449
+ list-style-type: disc; }
1450
+
1451
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
1452
+ list-style-type: circle; }
1453
+
1454
+ /**
1455
+ * Ordered list item counters are managed with CSS, since all list nesting is
1456
+ * purely visual.
1457
+ */
1458
+ .public-DraftStyleDefault-orderedListItem {
1459
+ list-style-type: none;
1460
+ position: relative; }
1461
+
1462
+ /* @noflip */
1463
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
1464
+ left: -36px;
1465
+ position: absolute;
1466
+ text-align: right;
1467
+ width: 30px; }
1468
+
1469
+ /* @noflip */
1470
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
1471
+ position: absolute;
1472
+ right: -36px;
1473
+ text-align: left;
1474
+ width: 30px; }
1475
+
1476
+ /**
1477
+ * Counters are reset in JavaScript. If you need different counter styles,
1478
+ * override these rules. If you need more nesting, create your own rules to
1479
+ * do so.
1480
+ */
1481
+ .public-DraftStyleDefault-orderedListItem:before {
1482
+ content: counter(ol0) ". ";
1483
+ counter-increment: ol0; }
1484
+
1485
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
1486
+ content: counter(ol1) ". ";
1487
+ counter-increment: ol1; }
1488
+
1489
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
1490
+ content: counter(ol2) ". ";
1491
+ counter-increment: ol2; }
1492
+
1493
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
1494
+ content: counter(ol3) ". ";
1495
+ counter-increment: ol3; }
1496
+
1497
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
1498
+ content: counter(ol4) ". ";
1499
+ counter-increment: ol4; }
1500
+
1501
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
1502
+ counter-reset: ol0; }
1503
+
1504
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
1505
+ counter-reset: ol1; }
1506
+
1507
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
1508
+ counter-reset: ol2; }
1509
+
1510
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
1511
+ counter-reset: ol3; }
1512
+
1513
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
1514
+ counter-reset: ol4; }
1515
+
1516
+ .debugControls {
1517
+ position: fixed;
1518
+ left: 0px;
1519
+ bottom: 0px;
1520
+ z-index: 999999;
1521
+ background-color: #fff;
1522
+ width: 100%;
1523
+ border-top: 1px solid #000; }
1524
+ .debugControls ul {
1525
+ margin: 0px auto;
1526
+ margin-top: 12px; }
1527
+ .debugControls li {
1528
+ float: left;
1529
+ margin-left: 20px;
1530
+ display: block;
1531
+ margin-bottom: 10px;
1532
+ font-family: "jaf-bernino-sans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
1533
+ font-size: 12px; }
1534
+ .debugControls a {
1535
+ color: #000; }
1536
+ .debugControls a:active {
1537
+ color: #000;
1538
+ outline: 0; }
1539
+
1540
+ .debugZone {
1541
+ background-color: #101010;
1542
+ color: #ccc;
1543
+ clear: both;
1544
+ padding-top: 10px;
1545
+ position: fixed;
1546
+ right: 0;
1547
+ left: 0;
1548
+ padding: 1rem;
1549
+ width: 100%;
1550
+ z-index: 9999;
1551
+ height: 130px;
1552
+ bottom: 0px;
1553
+ height: 100%;
1554
+ top: 0px; }
1555
+ .debugZone.open {
1556
+ height: 100%;
1557
+ top: -74px; }
1558
+ .debugZone.collapsed {
1559
+ height: 130px;
1560
+ bottom: 0px; }
1561
+ .debugZone .dante-debug-close {
1562
+ position: absolute;
1563
+ width: 20px;
1564
+ height: 20px;
1565
+ right: 43px;
1566
+ top: 38px; }
1567
+ .debugZone .dante-debug-close.close.hairline::before {
1568
+ height: 1px; }
1569
+ .debugZone .dante-debug-close.close::before {
1570
+ -webkit-transform: rotate(45deg);
1571
+ -moz-transform: rotate(45deg);
1572
+ -ms-transform: rotate(45deg);
1573
+ -o-transform: rotate(45deg);
1574
+ transform: rotate(45deg); }
1575
+ .debugZone .dante-debug-close.close::before, .debugZone .dante-debug-close.close::after {
1576
+ content: '';
1577
+ position: absolute;
1578
+ height: 2px;
1579
+ width: 100%;
1580
+ top: 50%;
1581
+ left: 0;
1582
+ margin-top: -1px;
1583
+ background: #fff;
1584
+ height: 1px; }
1585
+ .debugZone .dante-debug-close.close::after {
1586
+ -webkit-transform: rotate(-45deg);
1587
+ -moz-transform: rotate(-45deg);
1588
+ -ms-transform: rotate(-45deg);
1589
+ -o-transform: rotate(-45deg);
1590
+ transform: rotate(-45deg); }
1591
+ .debugZone .debugOutput {
1592
+ float: right;
1593
+ width: 67%;
1594
+ margin-right: 12%; }
1595
+ .debugZone .debugOutput pre {
1596
+ color: white;
1597
+ height: 450px;
1598
+ overflow: auto;
1599
+ padding: 10px;
1600
+ background-color: #353232;
1601
+ border: 2px solid #c019dc; }
1602
+
2
1603
  /*# sourceMappingURL=dante.css.map*/