@flourish/sdk 5.2.2 → 5.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.c8rc +4 -0
- package/RELEASE_NOTES.md +12 -0
- package/common/embed/credit.js +26 -11
- package/common/embed/embedding.js +1 -1
- package/common/embed/localizations.d.ts +46 -2
- package/common/embed/localizations.js +48 -37
- package/common/package.json +2 -2
- package/common/tsconfig.sdk.tsbuildinfo +1 -1
- package/common/utils/data.d.ts +2 -2
- package/common/utils/data.js +2 -1
- package/common/utils/types.d.ts +1 -2
- package/coverage-sdk/lcov-report/base.css +224 -0
- package/coverage-sdk/lcov-report/block-navigation.js +87 -0
- package/coverage-sdk/lcov-report/common/utils/columns.js.html +646 -0
- package/coverage-sdk/lcov-report/common/utils/index.html +131 -0
- package/coverage-sdk/lcov-report/common/utils/state.js.html +559 -0
- package/coverage-sdk/lcov-report/favicon.png +0 -0
- package/coverage-sdk/lcov-report/index.html +146 -0
- package/coverage-sdk/lcov-report/lib/common.js.html +181 -0
- package/coverage-sdk/lcov-report/lib/index.html +161 -0
- package/coverage-sdk/lcov-report/lib/log.js.html +178 -0
- package/coverage-sdk/lcov-report/lib/sdk.js.html +2008 -0
- package/coverage-sdk/lcov-report/lib/validate_config.js.html +1459 -0
- package/coverage-sdk/lcov-report/prettify.css +1 -0
- package/coverage-sdk/lcov-report/prettify.js +2 -0
- package/coverage-sdk/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage-sdk/lcov-report/sorter.js +210 -0
- package/coverage-sdk/lcov-report/test/lib/index.html +131 -0
- package/coverage-sdk/lcov-report/test/lib/sdk.js.html +532 -0
- package/coverage-sdk/lcov-report/test/lib/validate_config.js.html +3307 -0
- package/coverage-sdk/lcov.info +3556 -0
- package/coverage-sdk/tmp/coverage-36833-1757890375186-0.json +1 -0
- package/coverage-sdk/tmp/coverage-36834-1757890374890-0.json +1 -0
- package/lib/cmd/publish.js +1 -0
- package/lib/validate_config.js +31 -0
- package/package.json +7 -6
- package/server/columns.js +150 -0
- package/server/comms_js.js +13 -0
- package/server/data.js +132 -0
- package/server/json.js +40 -0
- package/server/views/index.html +13 -29
- package/site/embedded.js +2 -2
- package/site/images/embed_flourish_in_canva.png +0 -0
- package/site/images/flourish_app_icon.png +0 -0
- package/site/images/icon-arrow-down.svg +3 -0
- package/site/images/icon-arrow-left.svg +3 -0
- package/site/images/icon-close.svg +3 -0
- package/site/images/icon-login.svg +4 -0
- package/site/images/icon-sso.svg +4 -0
- package/site/images/share_image.jpg +0 -0
- package/site/images/upsell-presenter.jpg +0 -0
- package/site/images/upsell-publisher.jpg +0 -0
- package/site/script.js +3 -3
- package/site/sdk.css +1 -1
- package/test/lib/validate_config.js +126 -0
package/site/sdk.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
*{box-sizing:border-box}p,h1,h2,h3,h4{margin:0;font-weight:normal}html{height:100%}body{font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif;min-height:100vh;margin:0;font-size:16px;color:#000;-webkit-font-smoothing:antialiased;overscroll-behavior:none}input,select,textarea{font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif}pre{max-width:100%;overflow:auto}a:link,a:visited{color:inherit;text-decoration:none}a:hover,a:active{opacity:.75}table.basic-table{margin:2em 0;border-collapse:collapse}table.basic-table th,table.basic-table td{text-align:left;padding-top:.5em;padding-bottom:.5em;padding-right:3em;max-width:250px;border-bottom:1px solid #eee}table.basic-table th.invoice-status,table.basic-table td.invoice-status{text-transform:capitalize}table.basic-table th a,table.basic-table td a{text-decoration:underline}.basic-form{margin:2em 0}.basic-form input[type=text],.basic-form input[type=url],.basic-form textarea{border-radius:3px;border:1px solid #ddd;padding:.2em .1em .2em .3em;min-height:30px;font-size:13px;outline:none;transition:200ms linear border}.basic-form .dropdown-container{width:20em;display:inline-block;position:relative}.basic-form .dropdown-container #theme-company{width:100%}.basic-form .dropdown-container input[data-autocomplete]+.fa{position:absolute;right:10px;margin-top:8px;pointer-events:none}/*!
|
|
2
2
|
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|
3
3
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|
4
|
-
*/@font-face{font-family:"FontAwesome";src:url("fonts/fontawesome-webfont.eot?v=4.5.0");src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),url("fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857em;text-align:center}.fa-ul{padding-left:0;margin-left:2.1428571429em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.1428571429em;width:2.1428571429em;top:.1428571429em;text-align:center}.fa-li.fa-lg{left:-1.8571428571em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""}@font-face{font-family:"Source Sans Pro";font-weight:300;font-style:normal;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-Light.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Light.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-Light.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-Light.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:300;font-style:italic;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-LightIt.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-LightIt.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-LightIt.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-LightIt.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:400;font-style:normal;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-Regular.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Regular.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-Regular.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-Regular.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:400;font-style:italic;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-It.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-It.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-It.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-It.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:600;font-style:normal;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-Semibold.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Semibold.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-Semibold.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-Semibold.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:600;font-style:italic;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-SemiboldIt.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-SemiboldIt.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-SemiboldIt.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:700;font-style:normal;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-Bold.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Bold.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-Bold.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-Bold.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:700;font-style:italic;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-BoldIt.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-BoldIt.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-BoldIt.ttf") format("truetype")}@font-face{font-family:"Canva Sans Variable";font-weight:200 700;src:url("fonts/canva-sans-variable/WOFF/CanvaSans-VF.woff") format("woff"),url("fonts/canva-sans-display/TTF/CanvaSans-VF.ttf") format("truetype")}@font-face{font-family:"Canva Sans Display Variable";font-weight:200 700;src:url("fonts/canva-sans-variable/WOFF/CanvaSansDisplay-VF.woff") format("woff"),url("fonts/canva-sans-variable/TTF/CanvaSansDisplay-VF.ttf") format("truetype")}.content.shaded-bg{background:#eee;display:flex;flex-direction:column;justify-content:center}.content.full-height{height:100vh}.row{position:relative;width:100%}.row .row-inner{position:relative;padding:0 20px;margin:auto;max-width:520px}@media(min-width: 620px){.row .row-inner{max-width:620px}}@media(min-width: 820px){.row .row-inner{max-width:820px}}@media(min-width: 1020px){.row .row-inner{max-width:1020px}}@media(min-width: 1220px){.row .row-inner{max-width:1220px}}@media(min-width: 1600px){.row .row-inner{max-width:1600px}}.row .row-inner.narrow{max-width:800px}.row .row-inner.extra-narrow{max-width:620px}.row .row-header h1.collapser{color:#777;font-weight:500;font-size:.75em;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5em}.row .row-menus .row-menu{height:1.7em;display:inline-block;vertical-align:middle}.row .row-menus .row-menu.right{float:right}.row .row-menus .row-menu .menu-item{display:inline;color:#333}.row .row-menus .row-menu .menu-item i{margin-left:10px;color:#555;font-size:1em}.row .row-menus .row-menu .menu-item .label{font-size:.8em}.row .row-menus .row-menu .menu-item.selected{bottom:2px solid}@media only screen and (max-width: 1100px){.row .row-menus .row-menu .menu-item .label{display:none}}@media only screen and (max-width: 600px){.row .row-menus .row-menu .menu-label{display:none}}.page-header{display:flex;flex-direction:column;align-items:center;align-items:flex-start;position:relative;margin:0 0 10px;padding:20px 0;border-bottom:1px solid #000}.page-header h1{display:inline-block;font-size:18px;height:24px}.page-header h2{font-size:16px;font-weight:100;line-height:1em}@media(min-width: 620px){.page-header h2{font-size:36px}}@media(min-width: 820px){.page-header{flex-direction:row}.page-header h2{font-size:42px;margin-top:42px}}@media(min-width: 1220px){.page-header h2{font-size:48px}}.clickable{cursor:pointer}.clickable:hover{opacity:.5}.clickable.selected,.clickable.selected:hover{opacity:1;cursor:default}.clickable[disabled]{opacity:.5;cursor:default}button.clickable{border:none;background:none}.is-touch .clickable:hover{opacity:1}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fa-chevron-down{-webkit-text-stroke:1px #fff}.dropdown{height:40px;padding-top:12px;position:relative}.dropdown .dropdown-head{padding:0;font-size:18px}.dropdown .dropdown-head .current{font-size:1em;margin:0 5px;cursor:default}.dropdown .dropdown-head .dropdown-chevron{font-size:10px}.dropdown .dropdown-label{display:inline-block;font-size:12px;padding:.6em .4em .2em;text-transform:uppercase;letter-spacing:1px;vertical-align:middle}.dropdown .dropdown-list{display:none;background:#fff;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.2);position:absolute;margin-top:0;margin-bottom:40px;left:0;padding:0;min-width:100%;max-height:60vh;overflow-x:hidden;overflow-y:auto}.dropdown .dropdown-list .dropdown-category{text-transform:uppercase;font-size:12px;font-weight:600;padding:9px 60px 9px 6px;color:#fff;background-color:#777}.dropdown .dropdown-list .dropdown-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;cursor:pointer;border-bottom:1px solid #eaeaea;padding:12px 60px 12px 12px;font-weight:normal;position:relative;white-space:nowrap}.dropdown .dropdown-list .dropdown-item i{margin-right:7px;margin-left:2px}.dropdown .dropdown-list .dropdown-item img{margin-right:5px;height:16px;width:auto}.dropdown .dropdown-list .dropdown-item.selected,.dropdown .dropdown-list .dropdown-item:not(.dropdown-category):hover{background:#eee}.dropdown .dropdown-list .dropdown-item:last-child{border-bottom:none}.dropdown .dropdown-list .dropdown-item.current::before{font-family:FontAwesome;content:"";position:absolute;right:11px;top:12px;color:#666;pointer-events:none}.dropdown .dropdown-list .dropdown-item.upgrade-btn::after{top:12px;right:8px}.dropdown .dropdown-list form.dropdown-item{padding:0}.dropdown .dropdown-list form.dropdown-item button{background:rgba(0,0,0,0);font-size:inherit;display:block;width:100%;border:none;cursor:pointer;padding:12px 60px 12px 12px;text-align:left}.dropdown .dropdown-list form.dropdown-item:hover button{opacity:.75}.dropdown.right-aligned .dropdown-head{text-align:right}.dropdown.right-aligned .dropdown-list{right:0;left:auto}.dropdown.autocomplete{display:none;height:0}.dropdown.autocomplete.open{display:block;height:auto}.dropdown.autocomplete.open .dropdown-list,.dropdown.click-to-open.open:hover .dropdown-list,.dropdown:not(.click-to-open):hover .dropdown-list{animation:dropdown-out 200ms;display:block;z-index:999}@media(min-width: 420px){.dropdown{padding-top:21px}.dropdown.autocomplete{padding-top:0}}.dialog .dropdown-list{max-height:30vh}@keyframes dropdown-out{0%{opacity:0;transform:translateY(-10px);pointer-events:none}100%{opacity:1;transform:translateY(0);pointer-events:auto}}.menu{overflow:hidden;display:inline-block;margin-left:1em}.menu:first-child,.menu:first-of-type{margin-left:0}.menu .menu-label{display:inline-block;font-size:.75em;margin-top:.25em;padding:18px 12px 0;text-transform:uppercase;letter-spacing:1px;vertical-align:middle}.menu .menu-item{display:inline-block;font-size:1em;padding:0;vertical-align:middle;cursor:pointer;font-weight:500;margin-right:40px;padding-top:21px}.menu .menu-item a:hover{opacity:1}.menu .menu-item#sign-in{padding-top:0;margin:0}.menu .menu-item.small{font-size:.85em;font-weight:400}.menu .menu-item:hover{color:#888}.menu .menu-item.selected{border-color:#333}.menu .menu-item.selected:hover{color:#333}.menu .menu-item.space-right{padding-right:50px}.menu .menu-item.space-left{padding-left:50px}#preview-menu{float:left;margin-top:2px;width:20px;padding:8px 0}#preview-menu .menu-item{padding:0;font-size:12px;margin-right:5px;padding-right:5px;opacity:.5}#preview-menu .menu-item.selected{opacity:1}#preview-menu .menu-item.selected .label{text-decoration:underline}#preview-menu .menu-item:last-child{border-right:none;padding-right:0}#preview-menu #editor-previews{display:none}#preview-menu #editor-custom-inputs input{width:54px;border:none;border-radius:3px;padding-left:5px;background:#eee;outline:none;font-size:11px}#preview-menu #editor-custom-inputs input:first-child{margin-right:-10px;position:relative;z-index:2}#preview-menu #editor-custom-inputs input:last-child{margin-left:5px}#preview-menu #editor-preview{border-right:none}@media(min-width: 820px){#preview-menu{width:240px}#preview-menu .menu-item{display:inline-block}#preview-menu .menu-item#full-preview{padding-right:12px;margin-right:10px;border-right:1px solid rgba(0,0,0,.2)}#preview-menu #editor-previews{display:inline-block}#preview-menu #editor-previews.hidden{display:none}}button{font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif}.btn{font-size:12px;border:none;font-weight:bold;font-family:inherit;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;padding:0 8px;height:24px;line-height:22px;cursor:pointer;text-align:left;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#eee}.btn i{margin-right:3px}.btn.fa{font-family:FontAwesome}.btn .no-padding{padding:0}.btn.selected,.btn.selected:hover{background-color:#dd4141;color:#fff;cursor:default}.btn.upgrade{background:#edba02;color:#fff}.btn.upgrade.business{background:#93366e}.btn.upgrade:hover{background:#d4a602}.btn.upgrade:hover.business{background:#802f60}.btn.available{background:#49c171;color:#000}.btn.available:hover{background:#3db365}.btn.danger{background:#dd4141;color:#fff}.btn.danger:not(.disabled):hover{background:#d92b2b}.btn.primary{background:#333;color:#fff}.btn.caution{background:#edba02;color:#000}.btn.caution:hover{background:#d4a602}.btn.neutral{background:#888;color:#fff}.btn.neutral:not(.disabled):hover{background:#7b7b7b}.btn.control-btn{background:rgba(0,0,0,.5);border-color:rgba(230,230,230,.7);width:34px;height:34px;padding:9px 0 0;font-size:1em;margin-right:.2em;color:#fff}.btn.control-btn:hover{background:#111}.selected.template .btn.control-btn.template-select{background:#49c171}.btn.disabled{pointer-events:none;opacity:.5}.btn.create-new,.btn.create,.btn.cta{background:#1864e2;border:1px solid #1864e2;color:#fff}@media(min-width: 520px){.btn{font-size:13px;padding:0 8px;line-height:28px;height:30px}}@media(min-width: 920px){.btn{padding:0 12px;line-height:34px;height:36px}}.upgrade-btn{position:relative}.upgrade-btn:not(.left):after{display:block;width:20px;height:20px;border-radius:9999px;background-color:#edba02;border:2px solid #fff;content:"";font-family:FontAwesome;top:-8px;right:-8px;color:#fff;font-size:9px;box-sizing:border-box;position:absolute;line-height:16px;text-align:center}.upgrade-btn.business::after{background-color:#93366e}.upgrade-btn.left{position:absolute;right:unset;transform:translate(calc(-100% - 10px), 2px)}.upgrade-btn.left:after{font-style:normal;display:block;width:16px;height:16px;border-radius:9999px;background-color:#edba02;border:2px solid #fff;content:"";font-family:FontAwesome;color:#fff;font-size:9px;box-sizing:border-box;line-height:12px;text-align:center}.dropdown-btn{font-size:13px;height:2em;border:1px solid #ccc;border-radius:3px;background-color:#eee;position:relative;display:inline-block;vertical-align:middle;margin-left:7px;z-index:102}.dropdown-btn:first-child{margin-left:0}.dropdown-btn .btn{border-radius:0;height:100%;line-height:1.75em;border:0;border-left:1px solid #ddd;font-size:inherit;background:none}.dropdown-btn .arrow{padding:0 .5em}.dropdown-btn .arrow i{margin-right:0}.dropdown-btn .options{position:absolute;right:0;top:2em;background:#fff;margin-top:5px;box-shadow:0 0 5px rgba(0,0,0,.3);line-height:initial}.dropdown-btn .options .option{position:relative;width:280px;border-top:1px solid #ccc;padding:.5em 1em .5em 3em;cursor:pointer}.dropdown-btn .options .option:first-child{border-top:none}.dropdown-btn .options .option .option-title{font-weight:bold}.dropdown-btn .options .option .option-description{font-size:.85em}.dropdown-btn .options .option .option-check{display:none;position:absolute;top:10px;transform:translate(calc(-100% - 12px), 0)}.dropdown-btn .options .option.selected .option-check{display:block}.dropdown-btn .options .option:hover{background-color:#add8e6}.btn-group{font-size:13px;height:2em;border:1px solid #ccc;border-radius:3px;overflow:hidden;position:relative;display:inline-block;vertical-align:middle;margin-left:7px}.btn-group:first-child{margin-left:0}.btn-group .btn{border-radius:0;height:100%;line-height:1.75em;border:0;border-left:1px solid #ddd;font-size:inherit}.btn-group .btn:first-child{border:none}.btn-group.tabs:not(.can-stack){border:0;border-radius:0}.btn-group.tabs:not(.can-stack) .btn.tab{display:inline-block;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom:none;padding-top:5px;line-height:1}.btn-group.tabs:not(.can-stack) .btn.tab:first-child{margin-left:0}.btn-group.can-stack{margin-left:0;height:auto}.btn-group.can-stack .btn{width:100%;border:0;padding:4px 8px 5px;height:auto;border-top:1px solid #ddd}.btn-group.can-stack .btn:first-child{border:none}.tab-panes{position:relative;overflow-x:hidden}.tab-pane{position:absolute;top:0;width:100%;height:100%;left:100vw;pointer-events:none}.tab-pane.active{left:0;pointer-events:auto}.check{width:16px;height:16px;display:inline-block;position:relative;vertical-align:middle;border-radius:4px;border:1px solid #ccc;cursor:pointer;overflow:hidden;font-family:helvetica,arial;text-align:center;margin:3px 10px;background:#428bca}.check:after{opacity:0;content:"";position:absolute;width:7px;height:4px;background:rgba(0,0,0,0);top:2px;left:2px;border:3px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.check:hover::after{opacity:.3}.check.selected:after{opacity:1}.toggle-single{cursor:pointer;padding:0 5px}.toggle-single input[type=checkbox]{display:none}.toggle-single input[type=checkbox]:checked+.toggle-label{opacity:1}.toggle-single .toggle-label{opacity:.4}.toggle-single:hover .toggle-label{opacity:1}.toggle-single:hover input[type=checkbox]:checked+.toggle-label{opacity:1}input[type=search]{border:1px solid #e1e1e1;border-radius:3px;font-size:13px;padding:7px 8px;margin:0}input[type=search]:focus{outline:0;border-color:#ababab}input::-webkit-search-cancel-button{-webkit-appearance:none}.slider-container input{width:0;height:0;opacity:0;margin:0;display:inline-block;vertical-align:top;font-size:0;line-height:0;position:absolute}.slider-container input:focus-visible+.slider:after{border:1px solid #777}.slider-container input:checked:focus-visible+.slider:after{border:1px solid #032a3c}.slider-container .slider{position:relative;cursor:pointer;display:inline-block;width:33px;height:30px;background:rgba(0,0,0,0);padding-left:0;padding-top:0}.slider-container .slider:hover:after{border-color:#bbb}.slider-container .slider:before{position:absolute;content:"";height:12px;width:33px;top:9px;left:0;border-radius:6px;background-color:#ddd;-webkit-transition:200ms;transition:200ms}.slider-container .slider:after{position:absolute;content:"";height:24px;width:24px;left:0;bottom:3px;border-radius:50%;background-color:#fff;border:1px solid #ddd;box-sizing:border-box;-webkit-transition:200ms;transition:200ms}.slider-container input:checked+.slider:before{background:#ccdee6}.slider-container input:checked+.slider:after{left:9px;background:#1864e2;border-color:#1864e2}.slider-container input:checked+.slider:hover:after{background-color:#1864e2;border-color:#1864e2}.slider-container.small input:checked+.slider:after{left:9px}.slider-container.small .slider{height:24px}.slider-container.small .slider:before{height:9px;width:27px;top:7px;left:0}.slider-container.small .slider:after{height:18px;width:18px;left:0;bottom:3px}input[type=url]{padding-right:30px}button.upload{width:30px;height:30px;background:#eee;position:absolute;bottom:0;left:100%;appearance:none;-webkit-appearance:none;border:none;outline:none;border-radius:0 3px 3px 0;font-size:18px;color:#999;margin-left:-35px;cursor:pointer}button.upload:hover{color:#777}.circle-icon{width:1.2em;height:1.2em;font-size:.8em;border-radius:50%;background:#000;color:#fff;display:inline-block;text-align:center;line-height:1.1em}.circle-icon i{font-size:.75em}.circle-icon:last-child{margin-right:0}.flourish-popup{pointer-events:none;z-index:111;font-size:13px;max-width:280px;line-height:1.2em}.flourish-popup-svg{pointer-events:none}.flourish-popup .popup-content-header,.popup .popup-content-header{display:block !important;font-size:1em;font-weight:bold}.flourish-popup .popup-content-body,.popup .popup-content-body{display:block !important;font-size:.9em}.popup .popup-content-wrapper{position:absolute;background:rgba(0,0,0,0);width:280px;height:auto;left:0;display:none;pointer-events:none;text-align:left}.popup .popup-content-outer{display:inline-block;padding-bottom:14px;background:rgba(0,0,0,0);pointer-events:auto;position:relative}.popup .popup-content-inner{pointer-events:auto;display:inline-block;width:auto;max-width:280px;background:#fff;color:#333;font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif;font-weight:normal;line-height:1.2em;font-size:13px;padding:10px;border-radius:3px;box-shadow:rgba(0,0,0,.2) 0 0 10px;text-align:left;user-select:text}.popup .popup-content-inner a{color:#1864e2;font-weight:bold}.popup .popup-content-inner pre{font-size:10px;background:#eee;border-radius:2px;user-select:all;padding:3px 0;white-space:pre-line}.popup .popup-content-arrow{position:absolute;width:10px;height:10px;display:block;bottom:4px}.popup .popup-content-arrow:before{content:"";display:block;width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #fff}.popup[data-popup-position=bottom] .popup-content-outer{padding-bottom:0;padding-top:8px}.popup[data-popup-position=bottom] .popup-content-arrow{top:4px}.popup[data-popup-position=bottom] .popup-content-arrow:before{bottom:auto;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-bottom:5px solid #fff;border-top:none}.dialog{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center}.dialog .dialog-inner{background:#fff;padding:36px 30px 30px;box-shadow:0 1px 4px rgba(0,0,0,.2);border-radius:3px;margin:20px;max-width:calc(100% - 40px);max-height:80vh;overflow:auto}.dialog .dialog-inner.loading-data{display:flex;flex-direction:column;align-items:center}.dialog .dialog-inner textarea{resize:vertical}.dialog .dialog-inner .loading-spinner{display:flex;justify-content:center}.dialog .dialog-inner .btns.loading{display:flex;justify-content:center}.dialog .dialog-inner img{width:100%;margin-top:12px}.dialog .dialog-inner .dialog-footer{margin-top:12px}.dialog:focus{outline:none}.dialog,.detailed-settings .settings-block{z-index:113}.dialog .btn,.detailed-settings .settings-block .btn{margin-bottom:5px}.dialog .btn.secondary,.detailed-settings .settings-block .btn.secondary{background:none;text-decoration:underline;font-weight:normal}.dialog .btn.data-magic-primary,.detailed-settings .settings-block .btn.data-magic-primary{background:#1864e2;color:#fff}.dialog .btn.data-magic-secondary,.detailed-settings .settings-block .btn.data-magic-secondary{color:#989898;background:none;font-weight:400}.dialog .dialog-inner .text,.detailed-settings .settings-block .dialog-inner .text{margin-bottom:30px;font-size:14px}.dialog .dialog-inner .text.loading,.detailed-settings .settings-block .dialog-inner .text.loading{display:flex;flex-direction:column;align-items:center}.dialog .dialog-inner .text h1,.detailed-settings .settings-block .dialog-inner .text h1{font-weight:bold;font-size:18px;margin-bottom:1rem}.dialog .dialog-inner .text h1 .import-ready,.detailed-settings .settings-block .dialog-inner .text h1 .import-ready{margin-right:10px}.dialog .dialog-inner .text h1 .file-name,.detailed-settings .settings-block .dialog-inner .text h1 .file-name{display:inline-block;font-weight:normal;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dialog .dialog-inner .text h2,.detailed-settings .settings-block .dialog-inner .text h2{font-weight:600;font-size:16px;color:#333;margin:10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog .dialog-inner .text hr,.detailed-settings .settings-block .dialog-inner .text hr{margin:15px 0;opacity:.3}.dialog .dialog-inner .text p,.dialog .dialog-inner .text label,.dialog .dialog-inner .text details,.dialog .dialog-inner .text summary,.detailed-settings .settings-block .dialog-inner .text p,.detailed-settings .settings-block .dialog-inner .text label,.detailed-settings .settings-block .dialog-inner .text details,.detailed-settings .settings-block .dialog-inner .text summary{font-size:13px;line-height:1.25em;color:#777;margin-bottom:6px;position:relative}.dialog .dialog-inner .text p.alert,.dialog .dialog-inner .text label.alert,.dialog .dialog-inner .text details.alert,.dialog .dialog-inner .text summary.alert,.detailed-settings .settings-block .dialog-inner .text p.alert,.detailed-settings .settings-block .dialog-inner .text label.alert,.detailed-settings .settings-block .dialog-inner .text details.alert,.detailed-settings .settings-block .dialog-inner .text summary.alert{color:#c64c61;margin-top:.5em}.dialog .dialog-inner .text p.small,.dialog .dialog-inner .text label.small,.dialog .dialog-inner .text details.small,.dialog .dialog-inner .text summary.small,.detailed-settings .settings-block .dialog-inner .text p.small,.detailed-settings .settings-block .dialog-inner .text label.small,.detailed-settings .settings-block .dialog-inner .text details.small,.detailed-settings .settings-block .dialog-inner .text summary.small{font-size:13px}.dialog .dialog-inner .text p.big,.dialog .dialog-inner .text label.big,.dialog .dialog-inner .text details.big,.dialog .dialog-inner .text summary.big,.detailed-settings .settings-block .dialog-inner .text p.big,.detailed-settings .settings-block .dialog-inner .text label.big,.detailed-settings .settings-block .dialog-inner .text details.big,.detailed-settings .settings-block .dialog-inner .text summary.big{color:#333}.dialog .dialog-inner .text p i.alert,.dialog .dialog-inner .text label i.alert,.dialog .dialog-inner .text details i.alert,.dialog .dialog-inner .text summary i.alert,.detailed-settings .settings-block .dialog-inner .text p i.alert,.detailed-settings .settings-block .dialog-inner .text label i.alert,.detailed-settings .settings-block .dialog-inner .text details i.alert,.detailed-settings .settings-block .dialog-inner .text summary i.alert{color:#c64c61;margin-right:5px}.dialog .dialog-inner .text p span.alert,.dialog .dialog-inner .text label span.alert,.dialog .dialog-inner .text details span.alert,.dialog .dialog-inner .text summary span.alert,.detailed-settings .settings-block .dialog-inner .text p span.alert,.detailed-settings .settings-block .dialog-inner .text label span.alert,.detailed-settings .settings-block .dialog-inner .text details span.alert,.detailed-settings .settings-block .dialog-inner .text summary span.alert{color:#c64c61}.dialog .dialog-inner .text p span.bold,.dialog .dialog-inner .text label span.bold,.dialog .dialog-inner .text details span.bold,.dialog .dialog-inner .text summary span.bold,.detailed-settings .settings-block .dialog-inner .text p span.bold,.detailed-settings .settings-block .dialog-inner .text label span.bold,.detailed-settings .settings-block .dialog-inner .text details span.bold,.detailed-settings .settings-block .dialog-inner .text summary span.bold{font-weight:bold}.dialog .dialog-inner .text .import-settings,.detailed-settings .settings-block .dialog-inner .text .import-settings{cursor:pointer;margin-top:1rem;margin-bottom:1rem}.dialog .dialog-inner .text .import-settings label,.detailed-settings .settings-block .dialog-inner .text .import-settings label{display:flex;font-size:.85em;font-weight:400}.dialog .dialog-inner .text details summary+p,.detailed-settings .settings-block .dialog-inner .text details summary+p{margin-top:.5em}.dialog .dialog-inner .text a,.detailed-settings .settings-block .dialog-inner .text a{text-decoration:underline}.dialog .dialog-inner .text a.canva-link,.detailed-settings .settings-block .dialog-inner .text a.canva-link{text-decoration:none}.dialog .dialog-inner .text textarea,.dialog .dialog-inner .text input,.dialog .dialog-inner .text select,.detailed-settings .settings-block .dialog-inner .text textarea,.detailed-settings .settings-block .dialog-inner .text input,.detailed-settings .settings-block .dialog-inner .text select{border-radius:3px;border:1px solid #ddd;width:100%;padding:.2em .1em .2em .3em;min-height:30px;font-size:13px;transition:200ms linear border}.dialog .dialog-inner .text textarea:focus,.dialog .dialog-inner .text input:focus,.dialog .dialog-inner .text select:focus,.detailed-settings .settings-block .dialog-inner .text textarea:focus,.detailed-settings .settings-block .dialog-inner .text input:focus,.detailed-settings .settings-block .dialog-inner .text select:focus{border:1px solid #777}.dialog .dialog-inner .text textarea.narrow,.dialog .dialog-inner .text input.narrow,.dialog .dialog-inner .text select.narrow,.detailed-settings .settings-block .dialog-inner .text textarea.narrow,.detailed-settings .settings-block .dialog-inner .text input.narrow,.detailed-settings .settings-block .dialog-inner .text select.narrow{width:50px;margin-right:1em}.dialog .dialog-inner .text textarea.medium,.dialog .dialog-inner .text input.medium,.dialog .dialog-inner .text select.medium,.detailed-settings .settings-block .dialog-inner .text textarea.medium,.detailed-settings .settings-block .dialog-inner .text input.medium,.detailed-settings .settings-block .dialog-inner .text select.medium{width:200px}.dialog .dialog-inner .text progress,.detailed-settings .settings-block .dialog-inner .text progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;border:none;overflow:hidden;border-radius:10px;background:#eee}.dialog .dialog-inner .text progress::-webkit-progress-bar,.detailed-settings .settings-block .dialog-inner .text progress::-webkit-progress-bar{border:none;border-radius:10px;background:#eee;overflow:hidden}.dialog .dialog-inner .text progress::-webkit-progress-value,.detailed-settings .settings-block .dialog-inner .text progress::-webkit-progress-value{border:none;background-color:#1864e2}.dialog .dialog-inner .text progress::-moz-progress-bar,.detailed-settings .settings-block .dialog-inner .text progress::-moz-progress-bar{border:none;background-color:#1864e2}.dialog .dialog-inner .text table,.detailed-settings .settings-block .dialog-inner .text table{border:1px solid #ddd;width:100%;border-collapse:collapse}.dialog .dialog-inner .text table td,.detailed-settings .settings-block .dialog-inner .text table td{border:1px solid #ddd;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:26px;max-width:170px}.dialog .dialog-inner .text select,.detailed-settings .settings-block .dialog-inner .text select{outline:none}.dialog .dialog-inner .text ul.plain,.detailed-settings .settings-block .dialog-inner .text ul.plain{list-style:none;padding:0}.dialog .dialog-inner .text ul.plain li,.detailed-settings .settings-block .dialog-inner .text ul.plain li{padding:0}.dialog .dialog-inner .text label:first-child,.detailed-settings .settings-block .dialog-inner .text label:first-child{display:inline-block}.dialog .dialog-inner .text label:first-child:last-child,.detailed-settings .settings-block .dialog-inner .text label:first-child:last-child{width:100%}.dialog .dialog-inner .text input[type=number],.detailed-settings .settings-block .dialog-inner .text input[type=number]{width:90px}.dialog .dialog-inner .text input[type=checkbox],.dialog .dialog-inner .text input[type=radio],.detailed-settings .settings-block .dialog-inner .text input[type=checkbox],.detailed-settings .settings-block .dialog-inner .text input[type=radio]{width:auto;margin-right:.4em;min-height:auto}.dialog .dialog-inner .text textarea,.detailed-settings .settings-block .dialog-inner .text textarea{padding:.1em;height:5em}.dialog .dialog-inner .text textarea.code,.detailed-settings .settings-block .dialog-inner .text textarea.code{font-family:monospace;font-size:.8em;height:7em}.dialog .dialog-inner .text input[type=text][disabled],.detailed-settings .settings-block .dialog-inner .text input[type=text][disabled]{opacity:.5}.dialog .dialog-inner .text label,.detailed-settings .settings-block .dialog-inner .text label{display:inline-block;font-weight:600;color:#333;margin:.5em .5em .25em 0}.dialog .dialog-inner .text label.narrow,.detailed-settings .settings-block .dialog-inner .text label.narrow{width:50px}.dialog .dialog-inner .text label span,.detailed-settings .settings-block .dialog-inner .text label span{display:inline-block;color:#999;font-size:.85em;font-weight:500;line-height:1.2;padding-left:22px}.dialog .dialog-inner .text label select,.detailed-settings .settings-block .dialog-inner .text label select{width:auto}.dialog .dialog-inner .text label.indented,.detailed-settings .settings-block .dialog-inner .text label.indented{display:block;padding-left:22px;width:100%;position:relative}.dialog .dialog-inner .text label.indented input:first-child,.detailed-settings .settings-block .dialog-inner .text label.indented input:first-child{position:absolute;top:0;left:0}.dialog .dialog-inner .text figure,.detailed-settings .settings-block .dialog-inner .text figure{max-width:100%;max-height:120px;overflow:hidden}.dialog .dialog-inner .text figure img,.detailed-settings .settings-block .dialog-inner .text figure img{width:100%;height:100%;object-fit:contain}.dialog .dialog-inner .text .collapsed,.detailed-settings .settings-block .dialog-inner .text .collapsed{display:none}.dialog .dialog-inner .text button[name=toggle-collapse],.detailed-settings .settings-block .dialog-inner .text button[name=toggle-collapse]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);outline:none;font:inherit;padding:.5em 0}.dialog .dialog-inner .text .columns,.detailed-settings .settings-block .dialog-inner .text .columns{display:flex;align-items:flex-start;justify-content:flex-start;padding-bottom:16px}.dialog .dialog-inner .text .columns>div,.detailed-settings .settings-block .dialog-inner .text .columns>div{width:50%;padding-right:10px;overflow:hidden}.dialog .dialog-inner .text .columns>div>*,.detailed-settings .settings-block .dialog-inner .text .columns>div>*{max-width:100%}.dialog .dialog-inner .text button.upload,.detailed-settings .settings-block .dialog-inner .text button.upload{margin-left:-30px;height:25px;bottom:6px}.dialog .dialog-inner .upgrade,.detailed-settings .settings-block .dialog-inner .upgrade{margin:0 -30px -30px;padding:30px 30px 30px;background:#edba02;color:#fff}.dialog .dialog-inner .upgrade p,.detailed-settings .settings-block .dialog-inner .upgrade p{color:#fff}.dialog .dialog-inner .upgrade ul,.detailed-settings .settings-block .dialog-inner .upgrade ul{padding:0}.dialog .dialog-inner .upgrade ul li,.detailed-settings .settings-block .dialog-inner .upgrade ul li{margin-bottom:9px;list-style:none;padding-left:20px;position:relative}.dialog .dialog-inner .upgrade ul li i,.detailed-settings .settings-block .dialog-inner .upgrade ul li i{position:absolute;left:0;top:3px}.dialog .dialog-inner .upgrade .btn.convert,.detailed-settings .settings-block .dialog-inner .upgrade .btn.convert{background:#fff;color:#edba02}.dialog .dialog-inner .upgrade.business,.detailed-settings .settings-block .dialog-inner .upgrade.business{background-color:#93366e}.dialog .dialog-inner .upgrade.business .btn.convert,.detailed-settings .settings-block .dialog-inner .upgrade.business .btn.convert{color:#93366e}.dialog .mini-spreadsheet,.detailed-settings .settings-block .mini-spreadsheet{margin-top:10px}.hide-unpublished{display:none}body.published .hide-published{display:none}body.published .hide-unpublished{display:initial}.svg-defs{display:none}.empty-label{font-size:16px;font-weight:bold;color:#aaa;z-index:1;position:relative;width:80%;margin:0 auto}.empty-details{margin-top:.5em;color:#888}.empty-details:empty{margin:0}@media(min-width: 420px){.empty-label{font-size:18px}}.button-radio-group input,.hidden-radio-group input{opacity:0;position:absolute;pointer-events:none}.button-radio-group label,.hidden-radio-group label{cursor:pointer}.button-radio-group{display:flex;flex-wrap:wrap;gap:8px}@media(min-width: 820px){.button-radio-group{gap:4px}}.button-radio-group label{background:#fff;border:1px solid #e1e1e1;border-radius:43px;display:inline-block;padding:4px 6px;min-width:40px;text-align:center;transition:border-color 100ms;white-space:nowrap}.button-radio-group label:hover{border-color:#c8c8c8}@media(min-width: 820px)and (max-width: 1219px){.button-radio-group label{font-size:13px}}.button-radio-group input:checked+label{background:#1864e2;border-color:#1864e2;color:#fff}input[type=search],input[type=text],input[type=email],input[type=password],textarea{border:1px solid #e1e1e1;border-radius:3px;font-size:13px;padding:7px 8px;margin:0}input[type=search]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{outline:0;border-color:#ababab}input[type=search]::-webkit-search-cancel-button,input[type=text]::-webkit-search-cancel-button,input[type=email]::-webkit-search-cancel-button,input[type=password]::-webkit-search-cancel-button,textarea::-webkit-search-cancel-button{-webkit-appearance:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.progress-container{border-radius:8px;background:#efefef;display:flex;height:30px;width:100%;overflow:hidden}.progress-container .progress-bar{min-width:1%;background-color:#1864e2;height:100%;transition:width 300ms ease-in-out;background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}100%{background-position:0 0}}.mobile-only{display:auto}@media(min-width: 820px){.mobile-only{display:none !important}}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}#sdk-tag{font-size:14px;margin-top:23px;display:inline-block;opacity:.2;font-weight:bold;position:absolute}@media(min-width: 420px){#sdk-tag{margin-top:33px}}.row.header{position:relative;top:0;background:#000;height:49px}.row.header #back-to-projects{width:48px;height:100%;border-right:1px solid #444;display:block;text-align:center;padding-top:9px}.row.header #back-to-projects img{transform:rotate(0);transition:transform 500ms ease-out}.row.header #back-to-projects.bosh img{width:20px}.row.header #back-to-projects:hover{opacity:1}.row.header #back-to-projects:hover img{transform:rotate(-45deg)}@media(min-width: 420px){.row.header #back-to-projects{padding-top:16px;width:60px}}.row.header .row-inner{height:100%;padding-top:1px;padding-left:20px}.row.header .row-inner:after{clear:both;content:""}.row.header .menu-holder{width:auto;height:100%;display:inline-block;text-align:left;vertical-align:bottom;float:right}.row.header .hamburger{margin-top:6px}.row.header .logo{margin:14px 0 0;display:block;float:left;height:20px}.row.header .logo img{height:100%}.row.header .dropdown{margin-right:0;max-width:300px;position:absolute;right:20px}.row.header .mobile-nav{display:none}.row.header .mobile-nav .fa-bars{font-size:1.5em}.row.header .desktop-nav{padding-top:0}.row.header .user-settings{margin-top:18px;padding:0 0 5px 40px;position:relative;cursor:pointer}.row.header .unsubscribed .user-settings{padding:0 0 0 40px}@media screen and (max-width: 819px){.row.header .desktop-nav{display:none}.row.header .mobile-nav{display:block;font-size:14px}.row.header .mobile-nav .dropdown-head{font-size:14px}.row.header .menu-holder:hover{text-align:right}.row.header .menu-holder:hover .menu{display:block;position:fixed;padding:10px;background:#fff;top:40px;right:0;box-shadow:3px 3px 5px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1)}.row.header .menu-holder:hover .menu .menu-item{display:block;padding:6px 0;color:#333;margin-right:0;font-size:14px;text-align:left}.row.header .menu-holder:hover .menu #sign-in .btn{background:#eee;font-size:14px;margin-top:12px}}@media(min-width: 420px){.row.header{height:61px}.row.header .logo{margin-top:18px;height:24px}.row.header .hamburger{margin-top:14px}}@media(min-width: 820px){.row.header .menu-holder{width:430px}.row.header.not-logged-in .menu-holder{width:580px}.row.header #sign-in{position:absolute;right:20px;top:0}.row.header #sign-in .btn{margin-top:12px;background-color:#eee}.row.header #sign-in a{display:block}}@media(min-width: 1020px){.row.header.not-logged-in .row-inner{max-width:1220px}}.row.header.app-showcase .sign-in{position:absolute;top:8px;right:20px;height:32px;font-size:14px;padding-top:.3em;line-height:1.4em}@media(min-width: 420px){.row.header.app-showcase .sign-in{top:12px;height:40px;font-size:16px;padding-top:.45em}}.is-static .row.header,.not-logged-in .row.header{z-index:3}.is-static .row.header .row-inner,.not-logged-in .row.header .row-inner{display:block;position:relative}.is-static .row.header .row-inner:after,.not-logged-in .row.header .row-inner:after{border-bottom:1px solid rgba(255,255,255,.1);content:"";display:block;position:absolute;bottom:0;left:20px;right:20px}.is-static .row.header .menu-holder,.is-static .row.header .menu-holder:hover,.not-logged-in .row.header .menu-holder,.not-logged-in .row.header .menu-holder:hover{display:inline-block;width:calc(100% - 150px);text-align:right}.is-static .row.header .menu-holder .menu,.is-static .row.header .menu-holder:hover .menu,.not-logged-in .row.header .menu-holder .menu,.not-logged-in .row.header .menu-holder:hover .menu{min-width:150px;position:absolute;right:20px;top:36px;padding:10px 20px}.is-static .row.header .menu-holder .menu h1,.is-static .row.header .menu-holder:hover .menu h1,.not-logged-in .row.header .menu-holder .menu h1,.not-logged-in .row.header .menu-holder:hover .menu h1{font-weight:600}.is-static .row.header .menu-holder .menu .menu-item,.is-static .row.header .menu-holder:hover .menu .menu-item,.not-logged-in .row.header .menu-holder .menu .menu-item,.not-logged-in .row.header .menu-holder:hover .menu .menu-item{font-size:16px;vertical-align:middle;border-color:rgba(0,0,0,0);margin-top:.5em}@media(min-width: 820px){.is-static .row.header .menu-holder .menu .menu-item,.is-static .row.header .menu-holder:hover .menu .menu-item,.not-logged-in .row.header .menu-holder .menu .menu-item,.not-logged-in .row.header .menu-holder:hover .menu .menu-item{color:#fff;margin:1em .4em}}@media(min-width: 1020px){.is-static .row.header .menu-holder .menu .menu-item,.is-static .row.header .menu-holder:hover .menu .menu-item,.not-logged-in .row.header .menu-holder .menu .menu-item,.not-logged-in .row.header .menu-holder:hover .menu .menu-item{margin:1em .75em}}@media(min-width: 420px){.is-static .row.header .menu-holder .menu,.is-static .row.header .menu-holder:hover .menu,.not-logged-in .row.header .menu-holder .menu,.not-logged-in .row.header .menu-holder:hover .menu{top:42px}}@media(min-width: 820px){.is-static .row.header .menu-holder .menu,.is-static .row.header .menu-holder:hover .menu,.not-logged-in .row.header .menu-holder .menu,.not-logged-in .row.header .menu-holder:hover .menu{top:0;padding:0;width:calc(100% - 140px)}.is-static .row.header .menu-holder .menu .sub-menu,.is-static .row.header .menu-holder:hover .menu .sub-menu,.not-logged-in .row.header .menu-holder .menu .sub-menu,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu{display:inline-block;vertical-align:middle;padding-top:6px}.is-static .row.header .menu-holder .menu .sub-menu#main-menu,.is-static .row.header .menu-holder:hover .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu#main-menu{width:calc(100% - 340px);text-align:left}}@media(min-width: 820px)and (min-width: 1020px){.is-static .row.header .menu-holder .menu .sub-menu#main-menu,.is-static .row.header .menu-holder:hover .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu#main-menu{text-align:center}}@media(min-width: 820px){.is-static .row.header .menu-holder .menu .sub-menu h1,.is-static .row.header .menu-holder:hover .menu .sub-menu h1,.not-logged-in .row.header .menu-holder .menu .sub-menu h1,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu h1{font-size:18px;padding-top:4px;font-weight:bold}}@media(min-width: 820px){.is-static .row.header .menu-holder .menu .sub-menu h2,.is-static .row.header .menu-holder:hover .menu .sub-menu h2,.not-logged-in .row.header .menu-holder .menu .sub-menu h2,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu h2{font-size:11px;padding-top:9px;text-transform:uppercase;letter-spacing:1px}}@media(min-width: 1020px){.is-static .row.header .menu-holder .menu .sub-menu#main-menu,.is-static .row.header .menu-holder:hover .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu#main-menu{width:calc(100% - 450px)}}.is-static .row.header .mobile-nav .fa-bars,.not-logged-in .row.header .mobile-nav .fa-bars{color:#fff;font-size:1em}#current-picture{display:inline-block;width:24px;height:24px;background:#eee;border-radius:16px;background-size:cover;background-position:center center;flex-shrink:0}.show-username{display:flex;align-items:center}.show-username div{display:flex;flex-direction:column;justify-content:center;padding-left:8px;max-width:200px}.badge{text-align:center;border-radius:12px;font-weight:600;font-size:12px;line-height:1;padding:4px 5px;min-width:20px;margin-left:8px;color:#666;background:#ddd;display:inline-block;position:relative}.badge.reviewer{color:#fff;background:#1864e2}#user-menu{z-index:99;font-size:13px}#user-menu+.badge{position:absolute;top:24px}#current-name{margin:0;font-weight:bold;font-size:15px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff}#upgrade-link{font-size:12px;opacity:.7;text-align:left;line-height:1em}#create-menu i{background:#fff;color:#ff465d;height:18px;width:18px;border-radius:9999px;font-size:12px;vertical-align:middle;padding-top:4px;margin-right:5px}#create-menu .btn{position:relative}#create-menu .btn-bg{position:absolute;right:0;top:6px;opacity:.2;font-size:24px}@media(min-width: 820px){#create-menu{margin-top:10px}#create-menu .menu-item{background:#ff465d;transition:background 200ms;color:#fff;padding:7px 18px 7px 12px;font-size:16px;font-weight:bold;height:36px;margin-right:10px}#create-menu .menu-item:hover{background:#9a2d44}}#mobile-menu{min-width:180px}#mobile-menu .dropdown-label{padding:.4em 1.3em;font-weight:normal}.dropdown-modal-container{position:relative;display:inline-block;z-index:2;color:rgba(0,0,0,.6)}.dropdown-modal-container.open .dropdown-modal{display:block}.dropdown-modal-container.open .export-clickarea{display:block}.dropdown-modal-container button{font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif}.dropdown-modal-container .export-clickarea{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;display:none}.dropdown-modal-container .dropdown-modal{position:absolute;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);right:0;top:calc(100% + 5px);width:300px;border-radius:3px;display:none}.dropdown-modal-container .dropdown-modal h3{font-size:15px;color:#333;font-weight:bold;margin-bottom:10px;display:inline-block}.dropdown-modal-container .dropdown-modal h3 .try-again{font-weight:normal;font-size:13px;display:block}@media(min-width: 820px){.dropdown-modal-container{width:auto}.dropdown-modal-container .dropdown-modal{width:360px;top:calc(100% + 5px)}}.company-sharing-autocomplete{position:relative;margin-bottom:10px}.sharing-permissions-container{display:flex;align-items:center}#sharing-permissions{background:none;border:none}#sharing-permissions i{cursor:pointer}.icon-inverted{filter:brightness(0) invert(1)}.sharing-dropdown{padding:10px}@media(min-width: 820px){.sharing-dropdown{padding:20px 25px}}.sharing-dropdown input[type=text]{width:100%;border:1px solid #dee8da;border-radius:3px;padding:12px 30px 12px 12px;cursor:pointer;font-size:14px}.sharing-dropdown input[type=text]+.fa{position:absolute;right:10px;top:17px;font-size:14px;pointer-events:none}.sharing-dropdown .dropdown-list{font-size:14px}header{display:block;position:absolute;top:0;left:0;width:100%}main{display:block;position:absolute;top:91px;left:0;width:100%;height:calc(100vh - 80px);overflow-y:auto}@media(min-width: 420px){main{top:103px;height:calc(100vh - 103px)}}.user-nav{padding-top:0;display:none}@media(min-width: 820px){.user-nav{display:block;height:36px}.user-nav .dropdown-head #current-picture{height:36px;width:36px;border-radius:9999px;margin-left:10px}.user-nav .dropdown-list{left:auto;right:-5px;margin-top:-5px}}.visualisation-editor{overflow-x:hidden}.visualisation-editor .template-chooser.visible+.tab-panes{display:none}.visualisation-editor .tab-panes{height:100%;width:100%}.visualisation-editor .tab-panes .tab-pane,.visualisation-editor .tab-panes .row.editor,.visualisation-editor .tab-panes .row-inner,.visualisation-editor .tab-panes #visualisation{height:100%}.visualisation-editor .tab-panes .tab-pane .editor-core,.visualisation-editor .tab-panes .row.editor .editor-core,.visualisation-editor .tab-panes .row-inner .editor-core,.visualisation-editor .tab-panes #visualisation .editor-core{position:relative}@media(min-width: 820px){.visualisation-editor .tab-panes .tab-pane .editor-core,.visualisation-editor .tab-panes .row.editor .editor-core,.visualisation-editor .tab-panes .row-inner .editor-core,.visualisation-editor .tab-panes #visualisation .editor-core{min-height:100%;padding-bottom:40px}}@media(max-width: 619px){.visualisation-editor .tab-panes .row.data .row-inner{height:auto;min-height:100%;padding-bottom:87px}}.visualisation-editor .tab-panes .tab-pane .side-panel{display:none}.visualisation-editor .tab-panes .tab-pane.active .side-panel{display:block}.visualisation-editor .tab-panes .tab-pane:not(.active) #spreadsheet-container input{display:none}.story-editor,.visualisation-editor,.sdk{background:#efefef}.row.editor{padding:0;height:100%}.no-template .row.editor{display:none}.row.editor .row-inner{max-width:none;padding:0 10px;height:100%}.row.editor #visibility-status .label,.row.editor .blueprint-tag{display:inline-block;margin-left:2px}.row.editor #visualisation,.row.editor #story{height:100%;width:100%;transition:height .5s ease;position:relative}.row.editor #visualisation .editor-core,.row.editor #story .editor-core{width:100%;height:auto;overflow:visible;transition:width .5s ease;position:relative;text-align:center}.row.editor #visualisation .editor-core .preview-holder,.row.editor #story .editor-core .preview-holder{width:100%;height:100%;padding-right:4px;min-width:100px;max-width:800px;min-height:100px;transition:margin-left .5s ease,width .5s ease,opacity 1s;position:relative;background:#fff;display:inline-block;border:1px solid #eee}.row.editor #visualisation .editor-core .preview-holder #preview,.row.editor #story .editor-core .preview-holder #preview{height:100%;max-height:100%;overflow-y:auto;min-width:100px}.row.editor #visualisation .editor-core .preview-holder #preview,.row.editor #story .editor-core .preview-holder #preview{text-align:right;border:none;background:rgba(0,0,0,0);display:block;width:100%;height:100%}.row.editor #visualisation .editor-core .preview-holder #preview iframe,.row.editor #story .editor-core .preview-holder #preview iframe{width:100vw;border:none;position:relative;display:block}.row.editor #visualisation .editor-core .preview-holder #preview #blank-slide,.row.editor #visualisation .editor-core .preview-holder #preview iframe,.row.editor #story .editor-core .preview-holder #preview #blank-slide,.row.editor #story .editor-core .preview-holder #preview iframe{height:100%;width:100%;min-width:100px;border:none;flex:1}.row.editor #visualisation .editor-core .preview-holder .loading-spinner,.row.editor #story .editor-core .preview-holder .loading-spinner{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);opacity:0;pointer-events:none;z-index:5}.row.editor #visualisation .editor-core .preview-holder .unsupported-notice,.row.editor #story .editor-core .preview-holder .unsupported-notice{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f9f9f9;padding:20px;z-index:10}.row.editor #visualisation .editor-core #resize-overlay,.row.editor #story .editor-core #resize-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.row.editor #visualisation .editor-core #resize-overlay.dragging,.row.editor #story .editor-core #resize-overlay.dragging{display:block}.row.editor #visualisation .editor-core #resize-handle-container,.row.editor #story .editor-core #resize-handle-container{position:absolute;width:4px;bottom:0;top:0;right:0;margin-bottom:0;display:none;z-index:100;transition:width 200ms}.row.editor #visualisation .editor-core #resize-handle-container #resize-handle,.row.editor #story .editor-core #resize-handle-container #resize-handle{cursor:ew-resize;position:absolute;width:4px;bottom:0;top:0;right:0;background:#ddd;transition:width 100ms,background 100ms}.row.editor #visualisation .editor-core #resize-handle-container #resize-handle:after,.row.editor #story .editor-core #resize-handle-container #resize-handle:after{display:block;content:"";position:absolute;top:0;bottom:0;left:-4px;background:rgba(0,0,0,0);right:0;width:auto}.row.editor #visualisation .editor-core #resize-handle-container .resize-handle-icon,.row.editor #story .editor-core #resize-handle-container .resize-handle-icon{position:absolute;right:3px;top:50%;margin-top:-15px;opacity:.8;pointer-events:none;transition:right 100ms;display:none}.row.editor #visualisation .editor-core #resize-handle-container>i,.row.editor #story .editor-core #resize-handle-container>i{position:absolute;top:5px;left:5px}.row.editor #visualisation .editor-core #resize-handle-container:hover,.row.editor #story .editor-core #resize-handle-container:hover{width:6px}.row.editor #visualisation .editor-core #resize-handle-container:hover #resize-handle,.row.editor #story .editor-core #resize-handle-container:hover #resize-handle{width:6px;background:#ccc}.row.editor #visualisation .editor-core #resize-handle-container:hover #resize-handle:after,.row.editor #story .editor-core #resize-handle-container:hover #resize-handle:after{left:-10px}.row.editor #visualisation .editor-core #resize-handle-container:hover .resize-handle-icon,.row.editor #story .editor-core #resize-handle-container:hover .resize-handle-icon{right:2px;display:block}.row.editor #visualisation .editor-core #resize-handle-container.dragging #resize-handle:after,.row.editor #story .editor-core #resize-handle-container.dragging #resize-handle:after{left:-200px;right:0}@media(min-width: 770px){.row.editor #visualisation .editor-core,.row.editor #story .editor-core{padding:0}.row.editor #visualisation .editor-core #resize-handle-container,.row.editor #story .editor-core #resize-handle-container{display:block}}@media(min-width: 820px){.row.editor #visualisation .editor-core,.row.editor #story .editor-core{padding:0 10px 0 0}}.row.editor #visualisation{padding:20px 0 0}.row.editor #visualisation .editor-core .preview-holder iframe#preview{transform-origin:left top}.row.editor #visualisation .editor-core .preview-holder iframe#preview.mini-preview{z-index:1000;box-shadow:none;overflow:hidden;pointer-events:none}@media(min-width: 820px){.row.editor #visualisation .editor-core .preview-holder iframe#preview{width:100%}}.row.editor #story .editor-core .preview-holder #preview iframe{height:calc(100% - 64px)}.row.editor #story .editor-core .preview-holder #preview.nav-style-none iframe{height:100%}@media(min-width: 820px){.row.editor #story .editor-core{max-width:calc(100% - 220px);margin-left:220px;min-height:calc(100vh - 103px)}}.row.editor.mobile #visualisation .editor-core .preview-holder,.row.editor.mobile #story .editor-core .preview-holder{width:320px}.row.editor.mobile #visualisation .editor-core .preview-holder iframe,.row.editor.mobile #story .editor-core .preview-holder iframe{width:320px}.row.editor.mobile.landscape #visualisation .editor-core .preview-holder,.row.editor.mobile.landscape #story .editor-core .preview-holder{width:500px}.row.editor.mobile.landscape #visualisation .editor-core .preview-holder iframe,.row.editor.mobile.landscape #story .editor-core .preview-holder iframe{width:500px}.row.editor.tablet #visualisation .editor-core .preview-holder,.row.editor.tablet #story .editor-core .preview-holder{width:768px}.row.editor.tablet #visualisation .editor-core .preview-holder iframe,.row.editor.tablet #story .editor-core .preview-holder iframe{width:768px}.row.editor.tablet.landscape #visualisation .editor-core .preview-holder,.row.editor.tablet.landscape #story .editor-core .preview-holder{width:1024px}.row.editor.tablet.landscape #visualisation .editor-core .preview-holder iframe,.row.editor.tablet.landscape #story .editor-core .preview-holder iframe{width:1024px}@media(min-width: 820px){.row.editor #visualisation .editor-core{max-width:calc(100% - 350px)}}.row.project-header{display:flex;gap:10px;z-index:110;border-bottom:none;background:#000;color:#fff}.row.project-header .editor-bosh{width:29px;height:29px}.row.project-header .user-settings{margin-top:0;padding:0}.row.project-header .dropdown{position:relative;right:unset}.row.project-header #visibility-status,.row.project-header .read-only,.row.project-header .blueprint-tag{text-align:left;height:auto;line-height:1em;display:inline-block;border-radius:3px;vertical-align:top}@media(min-width: 420px){.row.project-header #visibility-status,.row.project-header .read-only,.row.project-header .blueprint-tag{font-size:11px;padding:2px 3px 1px}}.row.project-header #visibility-status{cursor:pointer}.row.project-header #visibility-status:hover{color:#333}.row.project-header #visibility-status,.row.project-header .read-only{color:#aaa;font-weight:normal;padding:1px 3px 2px;background:#444}.row.project-header #visibility-status.public,.row.project-header .read-only.public{background:#ffdc98;color:#000}.row.project-header #visibility-status.public:hover,.row.project-header .read-only.public:hover{background:#eec26d;color:#000}.row.project-header .blueprint-tag{font-size:9px;font-weight:bold;background:#1864e2;color:#fff;text-transform:uppercase;padding:1px 5px 2px;cursor:default}.row.project-header .project-settings{margin-left:10px;font-size:13px;font-weight:normal;line-height:0;vertical-align:top;display:inline-block;z-index:110;height:auto;padding-top:0}.row.project-header .project-settings .dropdown-head{padding-right:5px;padding-left:5px;padding-bottom:0;padding-top:2px;font-size:13px}.row.project-header .project-settings .dropdown-list{color:#000;margin-right:0}.row.project-header .has-name+.project-settings{margin-left:0}.row.project-header .tags,.row.project-header .project-author>span{overflow-x:clip;text-overflow:ellipsis}.row.project-header .project-info,.row.project-header .tags{flex:1;min-width:0}.row.project-header .project-info{display:flex;flex-direction:column;justify-content:center;gap:.15rem}.row.project-header .tags{max-width:fit-content}.row.project-header #project-info-name{display:flex}.row.project-header .name{position:relative;margin-left:0;width:auto;z-index:110}.row.project-header .name input,.row.project-header .name .name-width-setter{font-size:14px;font-weight:normal;white-space:pre}.row.project-header .name input{border:none;border-bottom:1px solid #444;border-radius:0;background:#000;padding:0;display:inline-block;color:#fff;position:absolute;left:0;top:0;box-sizing:content-box;outline:none;height:15px}@media(min-width: 420px){.row.project-header .name input{height:18px}}.row.project-header .name .name-width-setter{padding:0;display:inline-block;opacity:0;pointer-events:none;max-width:100px;min-width:40px}@media(min-width: 420px){.row.project-header .name .name-width-setter{max-width:190px}}@media(min-width: 620px){.row.project-header .name .name-width-setter{max-width:340px}}@media(min-width: 820px){.row.project-header .name .name-width-setter{max-width:340px}}.row.project-header .name.has-name input,.row.project-header .name.has-name .name-width-setter{font-style:normal;background:none}.row.project-header .name.has-name input{color:#fff;top:0}.row.project-header .name.has-name .name-overlay{display:block;top:0}.row.project-header .name.not-editable input,.row.project-header .name.not-editable .name-width-setter{font-style:normal;background:rgba(0,0,0,0)}.row.project-header .name.not-editable input{border-color:rgba(0,0,0,0);color:#fff;top:0}.row.project-header .name .name-overlay{display:none;content:"";position:absolute;left:85px;top:0;width:20px;height:100%;background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 80%)}@media(min-width: 420px){.row.project-header .name .name-overlay{left:175px}}@media(min-width: 620px){.row.project-header .name .name-overlay{left:325px}}@media(min-width: 820px){.row.project-header .name .name-overlay{left:325px}}.row.project-header .project-author{color:#aaa;font-weight:normal;font-size:11px;line-height:1em;display:flex;align-items:center;gap:.5em;white-space:nowrap}.row.project-header .project-author+.dropdown .dropdown-head{display:inline-block}.row.project-header .project-author+.dropdown .badge{top:-14px}.row.project-header .project-author+.dropdown .dropdown-list .badge{position:absolute;right:10px;top:12px;pointer-events:none}.row.project-header .export-user-group{display:flex;align-items:center;padding-right:10px}.row.project-header #export-btn-group{display:flex;margin-bottom:0;margin-right:0}.row.project-header #export-btn-group .export-btn,.row.project-header #export-btn-group #story-btn,.row.project-header #export-btn-group #sharing-permissions,.row.project-header #export-btn-group #story-preview-btn{width:30px;height:30px;padding:0 0;display:flex;gap:8px;align-items:center;font-weight:normal;justify-content:center}.row.project-header #export-btn-group .export-btn span,.row.project-header #export-btn-group #story-btn span,.row.project-header #export-btn-group #sharing-permissions span,.row.project-header #export-btn-group #story-preview-btn span{display:none}.row.project-header #export-btn-group .export-btn img,.row.project-header #export-btn-group #story-btn img,.row.project-header #export-btn-group #sharing-permissions img,.row.project-header #export-btn-group #story-preview-btn img{margin-right:0;height:18px;width:18px}@media(min-width: 420px){.row.project-header #export-btn-group .export-btn,.row.project-header #export-btn-group #story-btn,.row.project-header #export-btn-group #sharing-permissions,.row.project-header #export-btn-group #story-preview-btn{width:30px;height:30px}}@media(min-width: 820px){.row.project-header #export-btn-group .export-btn,.row.project-header #export-btn-group #story-btn,.row.project-header #export-btn-group #sharing-permissions,.row.project-header #export-btn-group #story-preview-btn{padding:0 10px;height:36px;width:auto}.row.project-header #export-btn-group .export-btn span,.row.project-header #export-btn-group #story-btn span,.row.project-header #export-btn-group #sharing-permissions span,.row.project-header #export-btn-group #story-preview-btn span{display:inline}.row.project-header #export-btn-group .export-btn img,.row.project-header #export-btn-group #story-btn img,.row.project-header #export-btn-group #sharing-permissions img,.row.project-header #export-btn-group #story-preview-btn img{width:21px;height:21px}}.row.project-header #export-btn-group #create-btn{height:36px;line-height:34px}.visualisation-editor.no-template .row.project-header #export-btn-group{display:none}.row.project-header #export-btn-group #story-btn-form{display:inline-block}.row.project-header #export-btn-group #story-btn-form.disabled{cursor:not-allowed}.row.project-header #export-btn-group #story-btn,.row.project-header #export-btn-group #sharing-permissions,.row.project-header #export-btn-group #story-preview-btn{background-color:#444;color:#fff;margin-right:8px;overflow:visible}.row.project-header #export-btn-group #story-btn.disabled,.row.project-header #export-btn-group #sharing-permissions.disabled,.row.project-header #export-btn-group #story-preview-btn.disabled{cursor:not-allowed}.row.project-header #export-btn-group #story-btn:not(.disabled):hover,.row.project-header #export-btn-group #sharing-permissions:not(.disabled):hover,.row.project-header #export-btn-group #story-preview-btn:not(.disabled):hover{background:#6a6a6a}.dialog .tag-input{position:relative}.dialog .tag-input .fa-chevron-down{position:absolute;right:8px;top:6px;pointer-events:none}.row.editor-bar{background:#fff;border-bottom:1px solid #ddd;height:42px;font-size:12px;padding:0 10px}.row.editor-bar #editor-previews{margin-top:3px}.row.editor-bar #visualisation-tabs{display:inline-flex;z-index:1;width:calc(100% - 40px);justify-content:center}.row.editor-bar #visualisation-tabs button{font-size:13px;padding:2px 15px 0;margin:0 5px;line-height:1em;font-weight:bold;font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif;height:42px;opacity:.6;border:none;color:#000;background:#fff;cursor:pointer;border-bottom:2px solid rgba(0,0,0,0);display:flex;align-items:center;column-gap:5px;transition:opacity 100ms}.row.editor-bar #visualisation-tabs button svg{height:21px;width:21px}.row.editor-bar #visualisation-tabs button .fa-exclamation-triangle{color:#ff5b5b}.row.editor-bar #visualisation-tabs button:not(.active){background:rgba(0,0,0,0)}.row.editor-bar #visualisation-tabs button:not(.active):hover{opacity:1}.row.editor-bar #visualisation-tabs button.active{opacity:1;border-bottom:2px solid #000}.row.editor-bar #visibility-status,.row.editor-bar .read-only{display:inline-block;float:left;font-weight:bold;color:#aaa;margin-top:7px}.row.editor-bar .tab-buttons .fa-exclamation-triangle{display:none}.row.editor-bar .confirm-saved{float:right;margin-top:15px;margin-left:0;width:60px}.row.editor-bar .flourish-warn-container{display:none;float:right;margin-left:4px;position:relative}.row.editor-bar .flourish-warn-container.visible{display:block}.row.editor-bar .flourish-warn-container .flourish-warn-btn{background:#333;height:16px;width:16px;border-radius:50%;font-size:9px;color:#e3e3e3;margin-top:7px;text-align:center;padding-top:2px}.row.editor-bar .flourish-warn-container .flourish-warn-list{display:none;position:absolute;right:0;top:25px;width:250px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:3px;padding:10px;z-index:1}.row.editor-bar .flourish-warn-container .flourish-warn-list.visible{display:block}.row.editor-bar .flourish-warn-container .flourish-warn-list ul{margin:0;padding:0;list-style:none}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li{position:relative;border-top:1px solid rgba(0,0,0,.1);padding:8px 0 0 20px;margin:8px 0 0 0}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li:first-child{border-top:none;padding-top:0;margin-top:0}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li:first-child i{top:4px}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li i{position:absolute;top:11px;left:4px;color:#333;font-size:11px}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li p.message{font-weight:bold}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li p.explanation{color:#888}@media(min-width: 820px){.row.editor-bar #visualisation-tabs{width:calc(100% - 460px);margin-left:0}}.impossible .row.editor-bar .tab-buttons .fa-exclamation-triangle{display:inline}@media(min-width: 620px){.tab-data{overflow:hidden}}.tab-data .tab-preview{position:fixed;z-index:2}.tab-data #preview-menu{opacity:0;pointer-events:none}.side-panel{text-align:left;position:relative;background:#f9f9f9;line-height:1.1;margin-left:0;padding:0 0 1px 0;width:100%}.side-panel.closed{margin-left:-300px}.side-panel .side-panel-inner{margin-bottom:87px;border:1px solid #ddd;background:#fff}@media(min-width: 820px){.side-panel .side-panel-inner{border:none;background:rgba(0,0,0,0)}}.side-panel .side-panel-close{position:absolute;top:15px;right:10px;font-size:1.25em;width:1.5em;height:1.5em;padding:.1em;text-align:center;border:solid 1px rgba(0,0,0,.4);border-radius:3px;background:#eaeaea;transition:right .5s ease;z-index:1}.side-panel .side-panel-close.opener{right:calc(-1.5em + 1px);border-bottom-left-radius:0;border-top-left-radius:0}.side-panel .side-panel-close:hover{opacity:1}.side-panel .side-panel-close:hover i{opacity:.7}.side-panel .side-panel-scrollbox{width:100%;height:100%;padding:10px 10px 20px;overflow-y:scroll}.side-panel .side-panel-scrollbox .side-panel-inner{width:100%}@media(min-width: 1220px){.side-panel .side-panel-scrollbox{padding:20px}}.side-panel h1{margin:1em 0 .5em;font-size:.9em;opacity:.5;cursor:default}.side-panel h2{font-size:13px;letter-spacing:0;font-weight:500;margin:0 0 .6em;position:relative;color:#333;word-wrap:break-word}.side-panel .toplevel-settings-block{padding:0 5px 20px}.side-panel .toplevel-settings-block.hidden{display:none}.side-panel .toplevel-settings-block .settings-option{display:inline-block}.side-panel .toplevel-settings-block .settings-option:first-child{margin-top:9px}.side-panel .toplevel-settings-block .settings-option.hidden{display:none}.side-panel .settings-divider{margin:1rem -10px 0;clear:both;width:calc(100% + 20px);height:1px;background:#eee}.side-panel .settings-subhead{text-transform:uppercase;font-size:11px;font-weight:bold;color:#757575;padding:.5rem 5px .25rem;margin:0}.side-panel .settings-block{margin:0;display:inline-block;width:100%;background-color:#fff;padding:0 10px 0;min-height:24px}.side-panel .settings-block h2{margin:0 -10px;font-size:13px;padding:15px 15px;font-weight:bold;background-color:#fff;border-top:1px solid #ddd;cursor:pointer;color:#535e65}.side-panel .settings-block h2:hover,.side-panel .settings-block h2:focus{background:#fff}.side-panel .settings-block h2::after{font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif;content:"→";position:absolute;right:15px}.side-panel .settings-block.open h2{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 #fff;border-top-color:#efeef0;background-color:#efeef0;color:#2a2a2a}.side-panel .settings-block.open h2::after{transform:rotate(90deg)}.side-panel .settings-block .settings-option,.side-panel .settings-block .settings-divider,.side-panel .settings-block .settings-subhead{display:none}.side-panel .settings-block input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}.side-panel .settings-block.open{padding-bottom:1rem}.side-panel .settings-block.open .settings-option{display:inline-block}.side-panel .settings-block.open .settings-divider,.side-panel .settings-block.open .settings-subhead{display:block}.side-panel .settings-block.open h2+.settings-divider{background:rgba(0,0,0,0);margin-top:.25rem}.side-panel .settings-block.open .hidden{display:none}.side-panel .settings-block.hidden{display:none}.side-panel .settings-block.hidden h2:focus{outline:none}.side-panel h3{font-size:12px;line-height:1.2em;font-weight:normal;margin-top:0;margin-bottom:3px;color:#333;display:inline-block;cursor:default;vertical-align:top;background:#fff}.side-panel p{font-size:12px;margin-top:0}.side-panel .upgrade-setting{cursor:pointer}.side-panel .upgrade-setting .buttons-container label{opacity:.2;pointer-events:none}.side-panel .upgrade-setting h3{color:#999}.side-panel .upgrade-setting input,.side-panel .upgrade-setting label.slider{pointer-events:none;opacity:.2}.side-panel .upgrade-setting h3,.side-panel .upgrade-setting input,.side-panel .upgrade-setting label.slider{cursor:pointer}.side-panel .settings-option{position:relative;margin-top:.75rem;display:none;vertical-align:bottom;width:100%;padding:0 5px}.side-panel .settings-option label{font-size:12px;display:inline-block;vertical-align:top;width:100%}.side-panel .settings-option label.slider{width:auto}.side-panel .settings-option label:hover,.side-panel .settings-option label:focus,.side-panel .settings-option label:focus-within{z-index:2;position:relative}.side-panel .settings-option label:hover h3,.side-panel .settings-option label:focus h3,.side-panel .settings-option label:focus-within h3{padding-right:1px}.side-panel .settings-option input,.side-panel .settings-option textarea,.side-panel .settings-option select,.side-panel .settings-option button{border-radius:3px;border:1px solid #ddd;padding:.2em .1em .2em .3em;min-height:30px;font-size:12px;display:block;outline:none;transition:200ms linear border}.side-panel .settings-option input:focus,.side-panel .settings-option textarea:focus,.side-panel .settings-option select:focus,.side-panel .settings-option button:focus{border:1px solid #777}.side-panel .settings-option textarea{resize:vertical;height:60px;padding-top:5px}.side-panel .settings-option ::-webkit-input-placeholder{color:#ddd}.side-panel .settings-option :-ms-input-placeholder{color:#ddd}.side-panel .settings-option ::-ms-input-placeholder{color:#ddd}.side-panel .settings-option .dropdown-list .dropdown-item{font-size:12px;padding:10px 10px 10px 6px}.side-panel .settings-option .color-picker{vertical-align:top;line-height:0;position:relative;z-index:0}.side-panel .settings-option .color-picker:hover:not(.is-null) .cancel-setting{transform:translateX(27px)}.side-panel .settings-option .color-picker:not(.is-null) .cancel-setting:focus-visible{transform:translateX(27px);border-color:#777}.side-panel .settings-option .color-picker.is-null .cancel-setting{display:none}.side-panel .settings-option .color-picker.is-null .color-wrapper input{opacity:0}.side-panel .settings-option .color-wrapper{width:30px;height:30px;overflow:hidden;border-radius:3px;position:relative;display:inline-block;background:#fff;z-index:1}.side-panel .settings-option .color-wrapper input{transform:scale(10);position:absolute}.side-panel .settings-option .color-wrapper:before{display:block;position:absolute;content:"";top:0;bottom:-10px;left:0;width:1px;pointer-events:none;background:rgba(0,0,0,.1);transform-origin:top;transform:rotate(-45deg)}.side-panel .settings-option .color-wrapper:after{display:block;position:absolute;content:"";border:1px solid rgba(0,0,0,.1);left:0;right:0;top:0;bottom:0;pointer-events:none}.side-panel .settings-option .color-wrapper:invalid{box-shadow:none}.side-panel .settings-option .cancel-setting{width:30px;border-radius:3px;border:1px solid #ddd;background:#fff;position:absolute;padding:0;height:30px;display:flex;justify-content:center;align-items:center;left:0;top:0;cursor:pointer;transition:200ms transform}.side-panel .settings-option .cancel-setting svg{margin-left:2px;width:8px;height:8px;pointer-events:none;transition:200ms opacity}.side-panel .settings-option .cancel-setting:focus{border:1px solid #ddd}.side-panel .settings-option .cancel-setting:hover svg{opacity:.4}.side-panel .settings-option .single-button{background:#eee;color:#333;width:100%;border:none;padding:0;cursor:pointer;transition:200ms linear background-color}.side-panel .settings-option .single-button:hover{background-color:#e0e0e0}.side-panel .settings-option .single-button:hover:disabled{background-color:#eee;cursor:default}.side-panel .settings-option .single-button:focus{background-color:#e0e0e0}.side-panel .settings-option .single-button:focus:disabled{background-color:#eee;cursor:default}.side-panel .settings-option .buttons-container input[type=radio]{width:0;height:0;opacity:0;margin:0;display:inline-block;vertical-align:top;font-size:0;line-height:0;position:absolute}.side-panel .settings-option .buttons-container input[type=radio]+label{font-size:12px;background:#eee;color:#333;display:inline-flex;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;height:30px;cursor:pointer;text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;background-size:cover;background-position:50% 50%;transition:200ms linear background-color}.side-panel .settings-option .buttons-container input[type=radio]+label i{color:#555;margin-right:5px}.side-panel .settings-option .buttons-container input[type=radio]+label img{margin-right:5px;height:13px}.side-panel .settings-option .buttons-container.large input[type=radio]+label{height:60px}.side-panel .settings-option .buttons-container input[type=radio]:not([disabled])+label:hover{background-color:#e0e0e0}.side-panel .settings-option .buttons-container input[type=radio]:not([disabled]):focus-visible+label:after{height:4px}.side-panel .settings-option .buttons-container input[type=radio]:disabled+label{cursor:default}.side-panel .settings-option .buttons-container input[type=radio]:checked+label{background-color:#dfebff;cursor:default;position:relative}.side-panel .settings-option .buttons-container input[type=radio]:checked+label:hover{background-color:#dfebff}.side-panel .settings-option .buttons-container input[type=radio]:checked+label:after{width:100%;height:2px;background:#1864e2;bottom:0;position:absolute;content:"";left:0}.side-panel .settings-option input[data-autocomplete]+.fa{position:absolute;right:10px;margin-top:-21px;font-size:12px;pointer-events:none}.side-panel .settings-option select{width:100%;height:32px}.side-panel .settings-option.option-type-color input{padding:0;background:#fff}.side-panel .settings-option.option-type-number,.side-panel .settings-option.option-type-rows,.side-panel .settings-option.option-type-color{width:50%}.side-panel .settings-option.option-type-number.width-quarter input,.side-panel .settings-option.option-type-rows.width-quarter input,.side-panel .settings-option.option-type-color.width-quarter input{width:100%}.side-panel .settings-option.option-type-number input,.side-panel .settings-option.option-type-rows input,.side-panel .settings-option.option-type-color input{width:calc((100% - 10px)/2);min-width:40px}.side-panel .settings-option.option-type-boolean:not(.settings-buttons).settings-buttons>label{height:auto}.side-panel .settings-option.option-type-boolean:not(.settings-buttons)>label:first-child{position:absolute;padding-left:37px;padding-top:7px;width:auto;right:5px;left:5px}.side-panel .settings-option.option-type-string input,.side-panel .settings-option.option-type-url input{width:100%}.side-panel .settings-option.option-type-text textarea,.side-panel .settings-option.option-type-code textarea,.side-panel .settings-option.option-type-html textarea{width:100%}.side-panel .settings-option.option-type-text textarea.size-large,.side-panel .settings-option.option-type-code textarea.size-large,.side-panel .settings-option.option-type-html textarea.size-large{height:50vh}.side-panel .settings-option.option-type-text textarea.size-small,.side-panel .settings-option.option-type-code textarea.size-small,.side-panel .settings-option.option-type-html textarea.size-small{height:30px}.side-panel .settings-option.option-type-code label{width:calc(100% - 18px)}.side-panel .settings-option.option-type-code .wrap-control{font-size:.7em;color:#999;transform:scale(1, -1);margin-bottom:.3em;display:inline-block;vertical-align:bottom;transition:transform .2s ease}.side-panel .settings-option.option-type-code .wrap-control.selected{transform:scale(-1, -1);cursor:pointer}.side-panel .settings-option.option-type-code textarea{font-family:monospace;font-size:13px}.side-panel .settings-option.option-type-font input.font-menu{width:100%;outline:none}.side-panel .settings-option.option-type-colors input{width:100%;margin:0;z-index:1;cursor:pointer}.side-panel .settings-option.option-type-colors .color-swatches,.side-panel .settings-option.option-type-colors .dropdown-item{display:flex;align-items:stretch;min-height:26px;overflow:hidden;border-radius:3px}.side-panel .settings-option.option-type-colors .color-swatches em,.side-panel .settings-option.option-type-colors .dropdown-item em{font-style:normal;color:#777;display:block;padding:8px;pointer-events:none}.side-panel .settings-option.option-type-colors .color-swatches span,.side-panel .settings-option.option-type-colors .dropdown-item span{display:inline-block;height:26px;flex:1}.side-panel .settings-option.option-type-colors .color-swatches span:nth-child(n+13):nth-child(-n+99),.side-panel .settings-option.option-type-colors .dropdown-item span:nth-child(n+13):nth-child(-n+99){display:none}.side-panel .settings-option.option-type-colors .color-swatches{padding:0;position:absolute;left:7px;margin-top:2px;right:26px;z-index:0;pointer-events:none}.side-panel .settings-option.option-type-colors .dropdown-item{padding:0 !important;margin:2px}.side-panel .settings-option.option-type-colors .dropdown-item label{position:absolute;top:6px;left:8px;color:#fff;pointer-events:none;opacity:.4;width:auto}.side-panel .settings-option.option-type-colors .dropdown-item span{pointer-events:none}.side-panel .settings-option.option-type-colors .dropdown-item:hover label,.side-panel .settings-option.option-type-colors .dropdown-item.selected label{opacity:1;background:rgba(0,0,0,.55)}.side-panel .settings-option.option-type-colors .dropdown-item.current label{opacity:1;background:rgba(0,0,0,.8)}.side-panel .settings-option.option-type-colors .dropdown-item.current:before{top:7px;right:5px;color:#fff}.side-panel .settings-option.option-type-colors.custom input{opacity:0}.side-panel .settings-option.option-type-colors.custom .color-swatches{align-items:flex-start}.side-panel .settings-option.option-type-colors.custom .color-swatches span{max-width:28px;pointer-events:auto;transition:transform 200ms;transform-origin:center center}.side-panel .settings-option.option-type-colors.custom .color-swatches span:hover{transform:scale(1.2)}.side-panel .settings-option.option-type-colors.custom .color-swatches span.fa{font-size:24px;color:#ccc;margin-left:4px}.side-panel .settings-option.option-type-colors.custom .color-swatches span.fa::before{position:relative;top:2px}.side-panel .settings-option .text-editor-setting{position:relative}.side-panel .settings-option .text-editor-setting .text-editor-btn{position:absolute;top:5px;right:5px;width:20px;height:20px;min-height:0;font-size:10px;padding:0;line-height:0;border:none;border-radius:999px;cursor:pointer;transition:200ms background-color;color:#aaa;background-color:#ddd;box-shadow:0 0 0 2px #fff;display:flex;align-items:center;justify-content:center}.side-panel .settings-option .text-editor-setting .text-editor-btn:hover,.side-panel .settings-option .text-editor-setting .text-editor-btn:focus{color:#333}.side-panel .settings-option .text-editor-setting *:focus+.text-editor-btn{color:#777}.side-panel .settings-option .text-editor-setting *:focus+.text-editor-btn:hover{color:#333}.side-panel .settings-option.width-full{width:100% !important}.side-panel .settings-option.width-half{width:50% !important}.side-panel .settings-option.width-quarter{width:25% !important}.side-panel .settings-option.width-three-quarters{width:75% !important}.side-panel .settings-option .description-link{cursor:pointer;color:#dd4141}.side-panel .settings-option.search-filtered-out,.side-panel .settings-block h2.search-filtered-out,.side-panel .settings-subhead.search-filtered-out,.side-panel .settings-divider.search-filtered-out{opacity:.2;transition:opacity 200ms;-webkit-filter:blur(1px);filter:blur(1px)}.side-panel .detailed-settings h2{margin-bottom:.75rem;padding-left:30px}.side-panel .detailed-settings h2:after{content:"←";left:15px}.side-panel .detailed-settings .settings-block .settings-option{display:block}.side-panel .palette{max-height:calc(100vh - 210px);overflow-y:auto;padding:1px}.side-panel .palette input[type=color],.side-panel .palette button,.side-panel .palette .swatch-color{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;display:inline-block;width:28px;height:28px;padding:0;margin:1px;border:none;outline:none;background:rgba(0,0,0,0)}.side-panel .palette input[type=color].fa-plus-square::before,.side-panel .palette button.fa-plus-square::before,.side-panel .palette .swatch-color.fa-plus-square::before{font-size:32px;color:#ddd;margin-left:1px}.side-panel .palette input[type=color].fa-times,.side-panel .palette button.fa-times,.side-panel .palette .swatch-color.fa-times{position:absolute;right:0;opacity:0;color:#aaa}.side-panel .palette input[type=color].fa-times:hover,.side-panel .palette button.fa-times:hover,.side-panel .palette .swatch-color.fa-times:hover{color:#888}.side-panel .palette input[type=color]::-webkit-color-swatch-wrapper,.side-panel .palette button::-webkit-color-swatch-wrapper,.side-panel .palette .swatch-color::-webkit-color-swatch-wrapper{padding:0}.side-panel .palette input[type=color]::-webkit-color-swatch,.side-panel .palette button::-webkit-color-swatch,.side-panel .palette .swatch-color::-webkit-color-swatch{border:none}.side-panel .palette [draggable]{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.side-panel .palette [draggable]:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.side-panel .palette .swatch-handle{display:block;width:15px;height:28px;color:#ddd;position:absolute;left:1px;top:7px;text-align:center;font-size:18px;font-weight:bold;line-height:5.5px;pointer-events:none}.side-panel .palette input[type=text]{width:120px;width:calc(100% - 52px);background:rgba(0,0,0,0);padding:5px 8px;border-width:0;margin:0}.side-panel .palette p{position:relative;display:flex;align-items:center;margin:0;padding:5px 5px 5px 20px;border-bottom:1px solid #eee}.side-panel .palette p:first-child{border-top:1px solid #eee}.side-panel .palette p:hover button.fa-times{opacity:.5}.side-panel .palette p:hover [draggable]::before{opacity:1}.side-panel .text-editor-container .editor-section{display:inline-block}.side-panel .text-editor-container .editor-section+.editor-section{margin-left:10px;padding-left:6px;border-left:1px solid #ddd}.side-panel .text-editor-container .text-settings{margin-bottom:10px}.side-panel .text-editor-container .editor-button{display:inline-block;margin-left:4px;cursor:pointer}.side-panel .text-editor-container .editor-button:hover{opacity:.8}.side-panel .text-editor-container .editor-button+.editor-button{margin-left:14px}.side-panel .text-editor-container .editor-button svg{height:10px;width:auto}.side-panel .text-editor-container .text-bindings{border:1px solid #ddd;border-top:none;margin-top:-1px;padding:4px}.side-panel .text-editor-container .text-bindings p{display:block;margin:4px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#999}.side-panel .text-editor-container .text-bindings button{display:inline-block;margin:2.5px;border-radius:20px;border:none;min-height:0;padding:2px 10px;cursor:pointer;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.side-panel .text-editor-container .text-bindings button:hover{background:#ddd}.side-panel .text-editor-container .text-bindings button[data-type=dynamic]{background:#ccdee6}.side-panel .text-editor-container .text-bindings button[data-type=dynamic]:hover{background:#bbcdd5}.side-panel .text-editor-container textarea{width:100%;min-height:150px}.side-panel .text-editor-container input.text-input{width:100%}.side-panel .side-panel-top{border-top:none;border-bottom:1px solid rgba(0,0,0,.1);margin-top:0;padding:17px 10px 20px;font-size:1em}.side-panel .side-panel-top.shadow{box-shadow:3px 3px 5px rgba(0,0,0,.1)}.side-panel .side-panel-top .side-panel-top-menu .side-panel-icon-btn{color:#fff;background:#9a9a9a;padding:7px 0 0 0;border-radius:9999px;width:30px;height:30px;text-align:center;margin:0}.side-panel .side-panel-top .side-panel-top-menu .separator{margin:0 .4em;height:1em;border-left:1px solid rgba(0,0,0,.25);display:inline-block;vertical-align:middle}#story .side-panel .side-panel-top .side-panel-top-menu .separator{margin:0 .25em}.side-panel .current-template{margin:0;opacity:0;transition:200ms opacity;position:relative;border-bottom:1px solid #ddd}.side-panel .current-template h1{opacity:1;font-size:11px;font-weight:normal;margin:0;padding:15px 80px 15px 15px}.side-panel .current-template h1>span{display:block;font-weight:bold;font-size:14px}.side-panel .current-template h3{margin-top:.7em}.side-panel .current-template h3 i{margin-left:.2em;color:rgba(0,0,0,.5)}.side-panel .current-template .current-template-title{position:relative}.side-panel .current-template .current-template-title .current-template-version{font-size:11px;font-weight:normal;margin-top:4px}.side-panel .current-template .current-template-title .current-template-version form{display:inline-block;margin-left:4px}.side-panel .current-template .current-template-title .current-template-version form button{all:unset;cursor:pointer}.side-panel .current-template .current-template-title .current-template-version form button img{height:14px;vertical-align:bottom}.side-panel .current-template .current-template-thumbnail{position:absolute;right:0;top:0;width:76px;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.side-panel .current-template .current-template-thumbnail:after{width:20px;height:100%;position:absolute;left:0;right:0;background:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));content:"";display:block}.side-panel .template-theme button#reset-to-theme:disabled{color:#d3d3d3}.side-panel .template-theme .dropdown-item.upgrade-btn::after{top:6px}.side-panel .template-settings-search{background:#fff;padding:5px 15px;border-top:1px solid #eee;position:sticky;bottom:0;width:100%;z-index:2}.side-panel .template-settings-search input{width:200px;border-radius:3px;height:30px;border:1px solid #eee;margin-left:6px}@media(min-width: 820px){.side-panel .template-settings-search{position:fixed;width:329px}}@media(min-width: 620px)and (max-width: 819px){.side-panel .side-panel-inner{max-width:500px;margin-top:20px;margin-left:auto;margin-right:auto}}@media(min-width: 820px){.side-panel{max-width:330px;position:fixed;right:0;top:103px;background:#fff;overflow-y:auto;height:calc(100vh - 103px);border-left:1px solid #ddd}.side-panel .current-template{min-height:56px}}.tab-preview #visualisation .editor-core{overflow:visible !important}.sdk #visualisation .editor-core,.tab-preview.active #visualisation .editor-core{overflow:auto !important;padding-top:10px}body.full-screen .row.editor #visualisation,body.full-screen .row.editor #story{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}body.full-screen .row.editor #visualisation .editor-core #preview,body.full-screen .row.editor #story .editor-core #preview{width:100% !important}body.full-screen .row.editor #visualisation #exit-full-screen,body.full-screen .row.editor #story #exit-full-screen{display:block}body.loading .loading-spinner{opacity:1 !important}body.loading .content{min-height:100vh}body.loading .preview-holder{pointer-events:none;background-color:#f3f3f3}body.loading .preview-holder #preview{background:rgba(0,0,0,0) !important}body.loading .preview-holder iframe{opacity:.1}body.loading .row.data,body.loading #blank-slide{opacity:0;pointer-events:none}#spreadsheet-container.loading .loading-spinner{opacity:1 !important;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);pointer-events:none;z-index:5;transition:opacity 100ms;transition-delay:200ms}#spreadsheet-container.loading #spreadsheet-main{opacity:.1;transition:opacity 100ms;transition-delay:200ms}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body.impossible .preview-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;background:#fff;width:100%;height:100%}body.impossible #preview{opacity:0;pointer-events:none}body.impossible .empty-label .fa{color:#ff5b5b}body.impossible .empty-details .data-tab-icon{padding:0 3px;font-weight:bold}.setting-tooltip{margin-left:3px;color:#fff;background-color:#757575;border-radius:10px;width:12px;height:12px;font-size:8px;padding:2px 0 0 0;text-align:center;vertical-align:bottom;margin-bottom:1px;position:relative}.setting-tooltip.tooltip-upgrade{background-color:#eaa22d}.setting-tooltip:hover,.setting-tooltip:focus{background-color:#aaa;outline:none}.setting-tooltip:hover.tooltip-upgrade,.setting-tooltip:focus.tooltip-upgrade{background-color:#df911c}#private-publishing,#anyone-can-duplicate{padding-right:15px;margin-top:10px;width:100%;display:flex;align-items:center}#private-publishing+input,#anyone-can-duplicate+input{width:100%;padding:5px}#private-publishing+input.hidden,#anyone-can-duplicate+input.hidden{display:none}#private-publishing+input.error,#anyone-can-duplicate+input.error{border-color:#dd4141}#private-publishing.upgrade-btn,#anyone-can-duplicate.upgrade-btn{width:auto;color:#999}#private-publishing.upgrade-btn::after,#anyone-can-duplicate.upgrade-btn::after{top:4px}.is-touch .side-panel .settings-option .color-picker:not(.is-null) .cancel-setting{transform:translateX(27px)}#snapshot-preview-wrapper{padding:8px;border:1px solid #a9a9a9;border-radius:4px;background-color:#fcfcfc;height:300px;align-self:center;justify-self:center;pointer-events:none}#snapshot-grid{display:grid;grid-gap:12px}@media(min-width: 820px){#snapshot-grid{grid-template-columns:auto 200px;min-height:240px;justify-items:center}}.download-snapshot-btn{align-items:center;display:inline-flex}body.sdk{overflow-x:hidden}body.sdk .error{position:absolute;top:0;left:50%;margin-left:-115px;width:230px;max-width:80%;background:#dd4141;color:#fff;padding:70px 10px 10px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;text-align:center;z-index:101;display:none}body.sdk .error h1{font-size:1em;font-weight:500}body.sdk .error h2{font-size:1em;font-weight:300}body.sdk .error.shown{display:block;animation-name:enter;animation-duration:.3s}@keyframes enter{0%{top:-100px}100%{top:0}}body.sdk .side-panel .side-panel-scrollbox{height:100%}body.sdk .sdk-status-label{border-radius:3px;padding:.16em .8em;font-size:12px;color:#333;opacity:0;transition:opacity 300ms ease 0s,transform 600ms ease 0s;display:inline-block;margin:6px 0 0 28%;background:#efefef}body.sdk .sdk-session-reset-button{font-size:12px;margin-top:11px;margin-left:14px;border:0;border-radius:3px;padding:.12em .5em;float:right;background-color:#eee;cursor:pointer}body.sdk .sdk-session-reset-button:hover{background-color:#fafafa}body.sdk .sdk-session-reset-button:active{background-color:#d5d5d5}.row.text-editor{margin-top:1em;background:none}.row.text-editor .row-inner #code-mirror{width:100%}.row.text-editor .row-inner .CodeMirror{border:1px solid rgba(0,0,0,.3);width:100%}.confirm-saved{color:#aaa;font-weight:bold;margin:-5px 0 0 3px;font-size:12px;line-height:1em;transition:opacity 250ms;opacity:0;text-align:right}.confirm-saved i{display:none}@keyframes anim{0%{color:#aaa}50%{color:#333}100%{color:#aaa}}.confirm-saved.saved{opacity:1;animation:anim 500ms}.confirm-saved.saved .label::before{content:"Saved"}.confirm-saved.saved i{display:inline}.confirm-saved.saving{opacity:1}.confirm-saved.saving .label::before{content:"Saving"}.confirm-saved.saving i{transform:scale(1, 0)}.confirm-saved.error{opacity:1;color:#dd4141}.confirm-saved.error .label::before{content:"Not saved"}.confirm-saved.error i{transform:scale(1, -1);top:.1em}@media(min-width: 820px){.confirm-saved{font-size:12px;margin:0}}/*# sourceMappingURL=sdk.css.map */
|
|
4
|
+
*/@font-face{font-family:"FontAwesome";src:url("fonts/fontawesome-webfont.eot?v=4.5.0");src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),url("fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857em;text-align:center}.fa-ul{padding-left:0;margin-left:2.1428571429em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.1428571429em;width:2.1428571429em;top:.1428571429em;text-align:center}.fa-li.fa-lg{left:-1.8571428571em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""}@font-face{font-family:"Source Sans Pro";font-weight:300;font-style:normal;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-Light.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Light.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-Light.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-Light.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:300;font-style:italic;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-LightIt.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-LightIt.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-LightIt.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-LightIt.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:400;font-style:normal;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-Regular.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Regular.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-Regular.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-Regular.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:400;font-style:italic;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-It.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-It.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-It.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-It.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:600;font-style:normal;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-Semibold.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Semibold.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-Semibold.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-Semibold.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:600;font-style:italic;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-SemiboldIt.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-SemiboldIt.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-SemiboldIt.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:700;font-style:normal;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-Bold.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Bold.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-Bold.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-Bold.ttf") format("truetype")}@font-face{font-family:"Source Sans Pro";font-weight:700;font-style:italic;font-stretch:normal;src:url("fonts/source-sans-pro/EOT/SourceSansPro-BoldIt.eot") format("embedded-opentype"),url("fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff") format("woff"),url("fonts/source-sans-pro/OTF/SourceSansPro-BoldIt.otf") format("opentype"),url("fonts/source-sans-pro/TTF/SourceSansPro-BoldIt.ttf") format("truetype")}@font-face{font-family:"Canva Sans Variable";font-weight:200 700;src:url("fonts/canva-sans-variable/WOFF/CanvaSans-VF.woff") format("woff"),url("fonts/canva-sans-display/TTF/CanvaSans-VF.ttf") format("truetype")}@font-face{font-family:"Canva Sans Display Variable";font-weight:200 700;src:url("fonts/canva-sans-variable/WOFF/CanvaSansDisplay-VF.woff") format("woff"),url("fonts/canva-sans-variable/TTF/CanvaSansDisplay-VF.ttf") format("truetype")}.content.shaded-bg{background:#eee;display:flex;flex-direction:column;justify-content:center}.content.full-height{height:100vh}.row{position:relative;width:100%}.row .row-inner{position:relative;padding:0 20px;margin:auto;max-width:520px}@media(min-width: 620px){.row .row-inner{max-width:620px}}@media(min-width: 820px){.row .row-inner{max-width:820px}}@media(min-width: 1020px){.row .row-inner{max-width:1020px}}@media(min-width: 1220px){.row .row-inner{max-width:1220px}}@media(min-width: 1600px){.row .row-inner{max-width:1600px}}.row .row-inner.narrow{max-width:800px}.row .row-inner.extra-narrow{max-width:620px}.row .row-header h1.collapser{color:#777;font-weight:500;font-size:.75em;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5em}.row .row-menus .row-menu{height:1.7em;display:inline-block;vertical-align:middle}.row .row-menus .row-menu.right{float:right}.row .row-menus .row-menu .menu-item{display:inline;color:#333}.row .row-menus .row-menu .menu-item i{margin-left:10px;color:#555;font-size:1em}.row .row-menus .row-menu .menu-item .label{font-size:.8em}.row .row-menus .row-menu .menu-item.selected{bottom:2px solid}@media only screen and (max-width: 1100px){.row .row-menus .row-menu .menu-item .label{display:none}}@media only screen and (max-width: 600px){.row .row-menus .row-menu .menu-label{display:none}}.page-header{display:flex;flex-direction:column;align-items:center;align-items:flex-start;position:relative;margin:0 0 10px;padding:20px 0;border-bottom:1px solid #000}.page-header h1{display:inline-block;font-size:18px;height:24px}.page-header h2{font-size:16px;font-weight:100;line-height:1em}@media(min-width: 620px){.page-header h2{font-size:36px}}@media(min-width: 820px){.page-header{flex-direction:row}.page-header h2{font-size:42px;margin-top:42px}}@media(min-width: 1220px){.page-header h2{font-size:48px}}.clickable{cursor:pointer}.clickable:hover{opacity:.5}.clickable.no-hover:hover{opacity:1}.clickable.selected,.clickable.selected:hover{opacity:1;cursor:default}.clickable[disabled]{opacity:.5;cursor:default}button.clickable{border:none;background:none}.is-touch .clickable:hover{opacity:1}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fa-chevron-down,.fa-chevron-up{-webkit-text-stroke:1px #fff}.dropdown{height:40px;padding-top:12px;position:relative}.dropdown .dropdown-head{padding:0;font-size:18px}.dropdown .dropdown-head .current{font-size:1em;margin:0 5px;cursor:default}.dropdown .dropdown-head .dropdown-chevron{font-size:10px}.dropdown .dropdown-label{display:inline-block;font-size:12px;padding:.6em .4em .2em;text-transform:uppercase;letter-spacing:1px;vertical-align:middle}.dropdown .dropdown-list{display:none;background:#fff;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.2);position:absolute;margin-top:0;margin-bottom:40px;left:0;padding:0;min-width:100%;max-height:60vh;overflow-x:hidden;overflow-y:auto}.dropdown .dropdown-list .dropdown-category{text-transform:uppercase;font-size:12px;font-weight:600;padding:9px 60px 9px 6px;color:#fff;background-color:#777}.dropdown .dropdown-list .dropdown-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;cursor:pointer;border-bottom:1px solid #eaeaea;padding:12px 60px 12px 12px;font-weight:normal;position:relative;white-space:nowrap}.dropdown .dropdown-list .dropdown-item i{margin-right:7px;margin-left:2px}.dropdown .dropdown-list .dropdown-item img{margin-right:5px;height:16px;width:auto}.dropdown .dropdown-list .dropdown-item.selected,.dropdown .dropdown-list .dropdown-item:not(.dropdown-category):hover{background:#eee}.dropdown .dropdown-list .dropdown-item:last-child{border-bottom:none}.dropdown .dropdown-list .dropdown-item.current::before{font-family:FontAwesome;content:"";position:absolute;right:11px;top:12px;color:#666;pointer-events:none}.dropdown .dropdown-list .dropdown-item.upgrade-btn::after{top:12px;right:8px}.dropdown .dropdown-list form.dropdown-item{padding:0}.dropdown .dropdown-list form.dropdown-item button{background:rgba(0,0,0,0);font-size:inherit;display:block;width:100%;border:none;cursor:pointer;padding:12px 60px 12px 12px;text-align:left}.dropdown .dropdown-list form.dropdown-item:hover button{opacity:.75}.dropdown.right-aligned .dropdown-head{text-align:right}.dropdown.right-aligned .dropdown-list{right:0;left:auto}.dropdown.autocomplete{display:none;height:0}.dropdown.autocomplete.open{display:block;height:auto}.dropdown.autocomplete.open .dropdown-list,.dropdown.click-to-open.open:hover .dropdown-list,.dropdown:not(.click-to-open):hover .dropdown-list{animation:dropdown-out 200ms;display:block;z-index:999}@media(min-width: 420px){.dropdown{padding-top:21px}.dropdown.autocomplete{padding-top:0}}.dialog .dropdown-list{max-height:30vh}@keyframes dropdown-out{0%{opacity:0;transform:translateY(-10px);pointer-events:none}100%{opacity:1;transform:translateY(0);pointer-events:auto}}.menu{overflow:hidden;display:inline-block;margin-left:1em}.menu:first-child,.menu:first-of-type{margin-left:0}.menu .menu-label{display:inline-block;font-size:.75em;margin-top:.25em;padding:18px 12px 0;text-transform:uppercase;letter-spacing:1px;vertical-align:middle}.menu .menu-item{display:inline-block;font-size:1em;padding:0;vertical-align:middle;cursor:pointer;font-weight:500;margin-right:40px;padding-top:21px}.menu .menu-item a:hover{opacity:1}.menu .menu-item#sign-in{padding-top:0;margin:0}.menu .menu-item.small{font-size:.85em;font-weight:400}.menu .menu-item:hover{color:#888}.menu .menu-item.selected{border-color:#333}.menu .menu-item.selected:hover{color:#333}.menu .menu-item.space-right{padding-right:50px}.menu .menu-item.space-left{padding-left:50px}#preview-menu{float:left;margin-top:2px;width:20px;padding:8px 0}#preview-menu .menu-item{padding:0;font-size:12px;margin-right:5px;padding-right:5px;opacity:.5}#preview-menu .menu-item.selected{opacity:1}#preview-menu .menu-item.selected .label{text-decoration:underline}#preview-menu .menu-item:last-child{border-right:none;padding-right:0}#preview-menu #editor-previews{display:none}#preview-menu #editor-custom-inputs input{width:54px;border:none;border-radius:3px;padding-left:5px;background:#eee;outline:none;font-size:11px}#preview-menu #editor-custom-inputs input:first-child{margin-right:-10px;position:relative;z-index:2}#preview-menu #editor-custom-inputs input:last-child{margin-left:5px}#preview-menu #editor-preview{border-right:none}@media(min-width: 820px){#preview-menu{width:240px}#preview-menu .menu-item{display:inline-block}#preview-menu .menu-item#full-preview{padding-right:12px;margin-right:10px;border-right:1px solid rgba(0,0,0,.2)}#preview-menu #editor-previews{display:inline-block}#preview-menu #editor-previews.hidden{display:none}}button{font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif}.btn{font-size:12px;border:none;font-weight:bold;font-family:inherit;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;padding:0 8px;height:24px;line-height:22px;cursor:pointer;text-align:left;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#eee}.btn:link,.btn:visited{text-decoration:none;color:inherit}.btn:focus-visible{outline:2px solid #1864e2;outline-offset:2px}.btn i{margin-right:3px}.btn.fa{font-family:FontAwesome}.btn .btn-icon-wrapper{display:flex;align-items:center;gap:5px}.btn .btn-icon-wrapper .icon{display:inline-block}.btn .no-padding{padding:0}.btn.selected,.btn.selected:hover{background-color:#dd4141;color:#fff;cursor:default}.btn:hover:not(.disabled,[disabled]){background:#e1e1e1}.btn.upgrade{background:#edba02;color:#fff}.btn.upgrade:hover{background:#d4a602}.btn.available{background:#49c171;color:#000}.btn.available:hover{background:#3db365}.btn.danger{background:#dd4141;color:#fff}.btn.danger:not(.disabled):hover{background:#c72424}.btn.primary{background:#333;color:#fff}.btn.primary:not(.disabled):hover{background:#404040}.btn.caution{background:#edba02;color:#000}.btn.caution:hover{background:#d4a602}.btn.neutral{background:#888;color:#fff}.btn.neutral:not(.disabled):hover{background:#7b7b7b}.btn.bold{background:#050708;color:#fff}.btn.bold:not(.disabled):hover{background:#223037}.btn.secondary{background:#fff;color:#0e1318;border:1px solid #e1e1e1}.btn.secondary:not(.disabled):hover{background:#f2f2f2}.btn.canva-gradient{background:linear-gradient(90deg, #00c4cc, #7d2ae8);color:#fff;border:none}.btn.canva-gradient:not(.disabled):hover{background:linear-gradient(90deg, #00acb3, #7018e0)}.btn.control-btn{background:rgba(0,0,0,.5);border-color:rgba(230,230,230,.7);width:34px;height:34px;padding:9px 0 0;font-size:1em;margin-right:.2em;color:#fff}.btn.control-btn:hover{background:#111}.selected.template .btn.control-btn.template-select{background:#49c171}.btn.disabled,.btn[disabled]{cursor:not-allowed;pointer-events:none;opacity:.5}.btn.create-new,.btn.create,.btn.cta{background:#1864e2;border:1px solid #1864e2;color:#fff}.btn.create-new:not(.disabled):hover,.btn.create:not(.disabled):hover,.btn.cta:not(.disabled):hover{background:#165acb;border-color:#165acb}.btn.preserve-size{font-size:13px;padding:0 12px;line-height:34px;height:36px}@media(min-width: 520px){.btn{font-size:13px;padding:0 8px;line-height:28px;height:30px}}@media(min-width: 920px){.btn{padding:0 12px;line-height:34px;height:36px}}.upgrade-btn{position:relative}.upgrade-btn:not(.left):after{display:block;width:20px;height:20px;border-radius:9999px;background-color:#edba02;border:2px solid #fff;content:"";font-family:FontAwesome;top:-8px;right:-8px;color:#fff;font-size:9px;box-sizing:border-box;position:absolute;line-height:16px;text-align:center}.upgrade-btn.left{position:absolute;right:unset;transform:translate(calc(-100% - 10px), 2px)}.upgrade-btn.left:after{font-style:normal;display:block;width:16px;height:16px;border-radius:9999px;background-color:#edba02;border:2px solid #fff;content:"";font-family:FontAwesome;color:#fff;font-size:9px;box-sizing:border-box;line-height:12px;text-align:center}.dropdown-btn{font-size:13px;height:2em;border:1px solid #ccc;border-radius:3px;background-color:#eee;position:relative;display:inline-block;vertical-align:middle;margin-left:7px;z-index:102}.dropdown-btn:first-child{margin-left:0}.dropdown-btn .btn{border-radius:0;height:100%;line-height:1.75em;border:0;border-left:1px solid #ddd;font-size:inherit;background:none}.dropdown-btn .arrow{padding:0 .5em}.dropdown-btn .arrow i{margin-right:0}.dropdown-btn .options{position:absolute;right:0;top:2em;background:#fff;margin-top:5px;box-shadow:0 0 5px rgba(0,0,0,.3);line-height:initial}.dropdown-btn .options .option{position:relative;width:280px;border-top:1px solid #ccc;padding:.5em 1em .5em 3em;cursor:pointer}.dropdown-btn .options .option:first-child{border-top:none}.dropdown-btn .options .option .option-title{font-weight:bold}.dropdown-btn .options .option .option-description{font-size:.85em}.dropdown-btn .options .option .option-check{display:none;position:absolute;top:10px;transform:translate(calc(-100% - 12px), 0)}.dropdown-btn .options .option.selected .option-check{display:block}.dropdown-btn .options .option:hover{background-color:#add8e6}.btn-group{font-size:13px;height:2em;border:1px solid #ccc;border-radius:3px;overflow:hidden;position:relative;display:inline-block;vertical-align:middle;margin-left:7px}.btn-group:first-child{margin-left:0}.btn-group .btn{border-radius:0;height:100%;line-height:1.75em;border:0;border-left:1px solid #ddd;font-size:inherit}.btn-group .btn:first-child{border:none}.btn-group.tabs:not(.can-stack){border:0;border-radius:0}.btn-group.tabs:not(.can-stack) .btn.tab{display:inline-block;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom:none;padding-top:5px;line-height:1}.btn-group.tabs:not(.can-stack) .btn.tab:first-child{margin-left:0}.btn-group.can-stack{margin-left:0;height:auto}.btn-group.can-stack .btn{width:100%;border:0;padding:4px 8px 5px;height:auto;border-top:1px solid #ddd}.btn-group.can-stack .btn:first-child{border:none}.tab-panes{position:relative;overflow-x:hidden}.tab-pane{position:absolute;top:0;width:100%;height:100%;left:100vw;pointer-events:none}.tab-pane.active{left:0;pointer-events:auto}.check{width:16px;height:16px;display:inline-block;position:relative;vertical-align:middle;border-radius:4px;border:1px solid #ccc;cursor:pointer;overflow:hidden;font-family:helvetica,arial;text-align:center;margin:3px 10px;background:#428bca}.check:after{opacity:0;content:"";position:absolute;width:7px;height:4px;background:rgba(0,0,0,0);top:2px;left:2px;border:3px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.check:hover::after{opacity:.3}.check.selected:after{opacity:1}.toggle-single{cursor:pointer;padding:0 5px}.toggle-single input[type=checkbox]{display:none}.toggle-single input[type=checkbox]:checked+.toggle-label{opacity:1}.toggle-single .toggle-label{opacity:.4}.toggle-single:hover .toggle-label{opacity:1}.toggle-single:hover input[type=checkbox]:checked+.toggle-label{opacity:1}input[type=search]{border:1px solid #e1e1e1;border-radius:3px;font-size:13px;padding:7px 8px;margin:0}input[type=search]:focus{outline:0;border-color:#ababab}input::-webkit-search-cancel-button{-webkit-appearance:none}.slider-container input{width:0;height:0;opacity:0;margin:0;display:inline-block;vertical-align:top;font-size:0;line-height:0;position:absolute}.slider-container input:focus-visible+.slider:after{border:1px solid #777}.slider-container input:checked:focus-visible+.slider:after{border:1px solid #032a3c}.slider-container .slider{position:relative;cursor:pointer;display:inline-block;width:33px;height:30px;background:rgba(0,0,0,0);padding-left:0;padding-top:0}.slider-container .slider:hover:after{border-color:#bbb}.slider-container .slider:before{position:absolute;content:"";height:12px;width:33px;top:9px;left:0;border-radius:6px;background-color:#ddd;-webkit-transition:200ms;transition:200ms}.slider-container .slider:after{position:absolute;content:"";height:24px;width:24px;left:0;bottom:3px;border-radius:50%;background-color:#fff;border:1px solid #ddd;box-sizing:border-box;-webkit-transition:200ms;transition:200ms}.slider-container input:checked+.slider:before{background:#ccdee6}.slider-container input:checked+.slider:after{left:9px;background:#1864e2;border-color:#1864e2}.slider-container input:checked+.slider:hover:after{background-color:#1864e2;border-color:#1864e2}.slider-container.small input:checked+.slider:after{left:9px}.slider-container.small .slider{height:24px}.slider-container.small .slider:before{height:9px;width:27px;top:7px;left:0}.slider-container.small .slider:after{height:18px;width:18px;left:0;bottom:3px}input[type=url]{padding-right:30px}button.upload{width:30px;height:30px;background:#eee;position:absolute;bottom:0;left:100%;appearance:none;-webkit-appearance:none;border:none;outline:none;border-radius:0 3px 3px 0;font-size:18px;color:#999;margin-left:-35px;cursor:pointer}button.upload:hover{color:#777}.circle-icon{width:1.2em;height:1.2em;font-size:.8em;border-radius:50%;background:#000;color:#fff;display:inline-block;text-align:center;line-height:1.1em}.circle-icon i{font-size:.75em}.circle-icon:last-child{margin-right:0}.flourish-popup{pointer-events:none;z-index:111;font-size:13px;max-width:280px;line-height:1.2em}.flourish-popup-svg{pointer-events:none}.flourish-popup .popup-content-header,.popup .popup-content-header{display:block !important;font-size:1em;font-weight:bold}.flourish-popup .popup-content-body,.popup .popup-content-body{display:block !important;font-size:.9em}.popup .popup-content-wrapper{position:absolute;background:rgba(0,0,0,0);width:280px;height:auto;left:0;display:none;pointer-events:none;text-align:left}.popup .popup-content-outer{display:inline-block;padding-bottom:14px;background:rgba(0,0,0,0);pointer-events:auto;position:relative}.popup .popup-content-inner{pointer-events:auto;display:inline-block;width:auto;max-width:280px;background:#fff;color:#333;font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif;font-weight:normal;line-height:1.2em;font-size:13px;padding:10px;border-radius:3px;box-shadow:rgba(0,0,0,.2) 0 0 10px;text-align:left;user-select:text}.popup .popup-content-inner a{color:#1864e2;font-weight:bold}.popup .popup-content-inner pre{font-size:10px;background:#eee;border-radius:2px;user-select:all;padding:3px 0;white-space:pre-line}.popup .popup-content-arrow{position:absolute;width:10px;height:10px;display:block;bottom:4px}.popup .popup-content-arrow:before{content:"";display:block;width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #fff}.popup[data-popup-position=bottom] .popup-content-outer{padding-bottom:0;padding-top:8px}.popup[data-popup-position=bottom] .popup-content-arrow{top:4px}.popup[data-popup-position=bottom] .popup-content-arrow:before{bottom:auto;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-bottom:5px solid #fff;border-top:none}.dialog{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center}.dialog .dialog-inner{background:#fff;padding:36px 30px 30px;box-shadow:0 1px 4px rgba(0,0,0,.2);border-radius:3px;margin:20px;max-width:calc(100% - 40px);max-height:80vh;overflow:auto;position:relative}.dialog .dialog-inner:focus-visible{outline:2px solid #1864e2;outline-offset:2px}.dialog .dialog-inner.loading-data{display:flex;flex-direction:column;align-items:center}.dialog .dialog-inner textarea{resize:vertical}.dialog .dialog-inner .loading-spinner{display:flex;justify-content:center}.dialog .dialog-inner .btns.loading{display:flex;justify-content:center}.dialog .dialog-inner img{width:100%;margin-top:12px}.dialog .dialog-inner .dialog-footer{margin-top:12px}.dialog .dialog-inner .dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:none;font-size:24px;font-weight:bold;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;min-width:44px;min-height:44px}.dialog .dialog-inner .dialog-close:hover{background:rgba(0,0,0,.1);color:#333}.dialog .dialog-inner .dialog-close:focus-visible{outline:2px solid #1864e2;outline-offset:2px;background:rgba(0,102,204,.1);color:#333}.dialog:focus{outline:none}.dialog button:focus-visible,.dialog a:focus-visible,.dialog [role=button]:focus-visible{outline:2px solid #1864e2;outline-offset:2px}.dialog .btn.convert:focus-visible,.dialog a[href]:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,102,204,.3)}.dialog,.detailed-settings .settings-block{z-index:113}.dialog .btn,.detailed-settings .settings-block .btn{margin-bottom:5px}.dialog .btn:focus-visible,.detailed-settings .settings-block .btn:focus-visible{outline:2px solid #1864e2;outline-offset:2px}.dialog .btn.secondary,.detailed-settings .settings-block .btn.secondary{background:none;text-decoration:underline;font-weight:normal;color:#06c}.dialog .btn.secondary:hover,.detailed-settings .settings-block .btn.secondary:hover{color:#049}.dialog .dialog-inner .text,.detailed-settings .settings-block .dialog-inner .text{margin-bottom:30px;font-size:14px}.dialog .dialog-inner .text.loading,.detailed-settings .settings-block .dialog-inner .text.loading{display:flex;flex-direction:column;align-items:center}.dialog .dialog-inner .text h1,.detailed-settings .settings-block .dialog-inner .text h1{font-weight:bold;font-size:18px;margin-bottom:1rem;color:#000}.dialog .dialog-inner .text h1 .import-ready,.detailed-settings .settings-block .dialog-inner .text h1 .import-ready{margin-right:10px}.dialog .dialog-inner .text h1 .file-name,.detailed-settings .settings-block .dialog-inner .text h1 .file-name{display:inline-block;font-weight:normal;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dialog .dialog-inner .text h2,.detailed-settings .settings-block .dialog-inner .text h2{font-weight:600;font-size:16px;color:#333;margin:10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog .dialog-inner .text hr,.detailed-settings .settings-block .dialog-inner .text hr{margin:15px 0;opacity:.3}.dialog .dialog-inner .text p,.dialog .dialog-inner .text label,.dialog .dialog-inner .text details,.dialog .dialog-inner .text summary,.detailed-settings .settings-block .dialog-inner .text p,.detailed-settings .settings-block .dialog-inner .text label,.detailed-settings .settings-block .dialog-inner .text details,.detailed-settings .settings-block .dialog-inner .text summary{font-size:13px;line-height:1.25em;color:#666;margin-bottom:6px;position:relative}.dialog .dialog-inner .text p.alert,.dialog .dialog-inner .text label.alert,.dialog .dialog-inner .text details.alert,.dialog .dialog-inner .text summary.alert,.detailed-settings .settings-block .dialog-inner .text p.alert,.detailed-settings .settings-block .dialog-inner .text label.alert,.detailed-settings .settings-block .dialog-inner .text details.alert,.detailed-settings .settings-block .dialog-inner .text summary.alert{color:#c64c61;margin-top:.5em}.dialog .dialog-inner .text p.small,.dialog .dialog-inner .text label.small,.dialog .dialog-inner .text details.small,.dialog .dialog-inner .text summary.small,.detailed-settings .settings-block .dialog-inner .text p.small,.detailed-settings .settings-block .dialog-inner .text label.small,.detailed-settings .settings-block .dialog-inner .text details.small,.detailed-settings .settings-block .dialog-inner .text summary.small{font-size:13px}.dialog .dialog-inner .text p.big,.dialog .dialog-inner .text label.big,.dialog .dialog-inner .text details.big,.dialog .dialog-inner .text summary.big,.detailed-settings .settings-block .dialog-inner .text p.big,.detailed-settings .settings-block .dialog-inner .text label.big,.detailed-settings .settings-block .dialog-inner .text details.big,.detailed-settings .settings-block .dialog-inner .text summary.big{color:#333}.dialog .dialog-inner .text p i.alert,.dialog .dialog-inner .text label i.alert,.dialog .dialog-inner .text details i.alert,.dialog .dialog-inner .text summary i.alert,.detailed-settings .settings-block .dialog-inner .text p i.alert,.detailed-settings .settings-block .dialog-inner .text label i.alert,.detailed-settings .settings-block .dialog-inner .text details i.alert,.detailed-settings .settings-block .dialog-inner .text summary i.alert{color:#c64c61;margin-right:5px}.dialog .dialog-inner .text p span.alert,.dialog .dialog-inner .text label span.alert,.dialog .dialog-inner .text details span.alert,.dialog .dialog-inner .text summary span.alert,.detailed-settings .settings-block .dialog-inner .text p span.alert,.detailed-settings .settings-block .dialog-inner .text label span.alert,.detailed-settings .settings-block .dialog-inner .text details span.alert,.detailed-settings .settings-block .dialog-inner .text summary span.alert{color:#c64c61}.dialog .dialog-inner .text p span.bold,.dialog .dialog-inner .text label span.bold,.dialog .dialog-inner .text details span.bold,.dialog .dialog-inner .text summary span.bold,.detailed-settings .settings-block .dialog-inner .text p span.bold,.detailed-settings .settings-block .dialog-inner .text label span.bold,.detailed-settings .settings-block .dialog-inner .text details span.bold,.detailed-settings .settings-block .dialog-inner .text summary span.bold{font-weight:bold}.dialog .dialog-inner .text .import-settings,.detailed-settings .settings-block .dialog-inner .text .import-settings{cursor:pointer;margin-top:1rem;margin-bottom:1rem}.dialog .dialog-inner .text .import-settings label,.detailed-settings .settings-block .dialog-inner .text .import-settings label{display:flex;font-size:.85em;font-weight:400}.dialog .dialog-inner .text details summary+p,.detailed-settings .settings-block .dialog-inner .text details summary+p{margin-top:.5em}.dialog .dialog-inner .text a,.detailed-settings .settings-block .dialog-inner .text a{text-decoration:underline;color:#06c}.dialog .dialog-inner .text a:hover,.detailed-settings .settings-block .dialog-inner .text a:hover{color:#049}.dialog .dialog-inner .text a.canva-link,.detailed-settings .settings-block .dialog-inner .text a.canva-link{text-decoration:none}.dialog .dialog-inner .text textarea,.dialog .dialog-inner .text input,.dialog .dialog-inner .text select,.detailed-settings .settings-block .dialog-inner .text textarea,.detailed-settings .settings-block .dialog-inner .text input,.detailed-settings .settings-block .dialog-inner .text select{border-radius:3px;border:1px solid #ddd;width:100%;padding:.2em .1em .2em .3em;min-height:30px;font-size:13px;transition:200ms linear border}.dialog .dialog-inner .text textarea:focus,.dialog .dialog-inner .text input:focus,.dialog .dialog-inner .text select:focus,.detailed-settings .settings-block .dialog-inner .text textarea:focus,.detailed-settings .settings-block .dialog-inner .text input:focus,.detailed-settings .settings-block .dialog-inner .text select:focus{border:1px solid #777;outline:2px solid #1864e2;outline-offset:1px}.dialog .dialog-inner .text textarea.narrow,.dialog .dialog-inner .text input.narrow,.dialog .dialog-inner .text select.narrow,.detailed-settings .settings-block .dialog-inner .text textarea.narrow,.detailed-settings .settings-block .dialog-inner .text input.narrow,.detailed-settings .settings-block .dialog-inner .text select.narrow{width:50px;margin-right:1em}.dialog .dialog-inner .text textarea.medium,.dialog .dialog-inner .text input.medium,.dialog .dialog-inner .text select.medium,.detailed-settings .settings-block .dialog-inner .text textarea.medium,.detailed-settings .settings-block .dialog-inner .text input.medium,.detailed-settings .settings-block .dialog-inner .text select.medium{width:200px}.dialog .dialog-inner .text progress,.detailed-settings .settings-block .dialog-inner .text progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;border:none;overflow:hidden;border-radius:10px;background:#eee}.dialog .dialog-inner .text progress::-webkit-progress-bar,.detailed-settings .settings-block .dialog-inner .text progress::-webkit-progress-bar{border:none;border-radius:10px;background:#eee;overflow:hidden}.dialog .dialog-inner .text progress::-webkit-progress-value,.detailed-settings .settings-block .dialog-inner .text progress::-webkit-progress-value{border:none;background-color:#1864e2}.dialog .dialog-inner .text progress::-moz-progress-bar,.detailed-settings .settings-block .dialog-inner .text progress::-moz-progress-bar{border:none;background-color:#1864e2}.dialog .dialog-inner .text table,.detailed-settings .settings-block .dialog-inner .text table{border:1px solid #ddd;width:100%;border-collapse:collapse}.dialog .dialog-inner .text table td,.detailed-settings .settings-block .dialog-inner .text table td{border:1px solid #ddd;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:26px;max-width:170px}.dialog .dialog-inner .text select,.detailed-settings .settings-block .dialog-inner .text select{outline:none}.dialog .dialog-inner .text ul.plain,.detailed-settings .settings-block .dialog-inner .text ul.plain{list-style:none;padding:0}.dialog .dialog-inner .text ul.plain li,.detailed-settings .settings-block .dialog-inner .text ul.plain li{padding:0}.dialog .dialog-inner .text label:first-child,.detailed-settings .settings-block .dialog-inner .text label:first-child{display:inline-block}.dialog .dialog-inner .text label:first-child:last-child,.detailed-settings .settings-block .dialog-inner .text label:first-child:last-child{width:100%}.dialog .dialog-inner .text input[type=number],.detailed-settings .settings-block .dialog-inner .text input[type=number]{width:90px}.dialog .dialog-inner .text input[type=checkbox],.dialog .dialog-inner .text input[type=radio],.detailed-settings .settings-block .dialog-inner .text input[type=checkbox],.detailed-settings .settings-block .dialog-inner .text input[type=radio]{width:auto;margin-right:.4em;min-height:auto}.dialog .dialog-inner .text textarea,.detailed-settings .settings-block .dialog-inner .text textarea{padding:.1em;height:5em}.dialog .dialog-inner .text textarea.code,.detailed-settings .settings-block .dialog-inner .text textarea.code{font-family:monospace;font-size:.8em;height:7em}.dialog .dialog-inner .text input[type=text][disabled],.detailed-settings .settings-block .dialog-inner .text input[type=text][disabled]{opacity:.5}.dialog .dialog-inner .text label,.detailed-settings .settings-block .dialog-inner .text label{display:inline-block;font-weight:600;color:#333;margin:.5em .5em .25em 0}.dialog .dialog-inner .text label.narrow,.detailed-settings .settings-block .dialog-inner .text label.narrow{width:50px}.dialog .dialog-inner .text label span,.detailed-settings .settings-block .dialog-inner .text label span{display:inline-block;color:#999;font-size:.85em;font-weight:500;line-height:1.2;padding-left:22px}.dialog .dialog-inner .text label select,.detailed-settings .settings-block .dialog-inner .text label select{width:auto}.dialog .dialog-inner .text label.indented,.detailed-settings .settings-block .dialog-inner .text label.indented{display:block;padding-left:22px;width:100%;position:relative}.dialog .dialog-inner .text label.indented input:first-child,.detailed-settings .settings-block .dialog-inner .text label.indented input:first-child{position:absolute;top:0;left:0}.dialog .dialog-inner .text figure,.detailed-settings .settings-block .dialog-inner .text figure{max-width:100%;max-height:120px;overflow:hidden}.dialog .dialog-inner .text figure img,.detailed-settings .settings-block .dialog-inner .text figure img{width:100%;height:100%;object-fit:contain}.dialog .dialog-inner .text .collapsed,.detailed-settings .settings-block .dialog-inner .text .collapsed{display:none}.dialog .dialog-inner .text button[name=toggle-collapse],.detailed-settings .settings-block .dialog-inner .text button[name=toggle-collapse]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);outline:none;font:inherit;padding:.5em 0}.dialog .dialog-inner .text .columns,.detailed-settings .settings-block .dialog-inner .text .columns{display:flex;align-items:flex-start;justify-content:flex-start;padding-bottom:16px}.dialog .dialog-inner .text .columns>div,.detailed-settings .settings-block .dialog-inner .text .columns>div{width:50%;padding-right:10px;overflow:hidden}.dialog .dialog-inner .text .columns>div>*,.detailed-settings .settings-block .dialog-inner .text .columns>div>*{max-width:100%}.dialog .dialog-inner .text button.upload,.detailed-settings .settings-block .dialog-inner .text button.upload{margin-left:-30px;height:25px;bottom:6px}.dialog .dialog-inner .upgrade,.detailed-settings .settings-block .dialog-inner .upgrade{margin:0 -30px -30px;padding:30px 30px 30px;background:#edba02;color:#fff}.dialog .dialog-inner .upgrade p,.detailed-settings .settings-block .dialog-inner .upgrade p{color:#fff}.dialog .dialog-inner .upgrade ul,.detailed-settings .settings-block .dialog-inner .upgrade ul{padding:0}.dialog .dialog-inner .upgrade ul li,.detailed-settings .settings-block .dialog-inner .upgrade ul li{margin-bottom:9px;list-style:none;padding-left:20px;position:relative}.dialog .dialog-inner .upgrade ul li i,.detailed-settings .settings-block .dialog-inner .upgrade ul li i{position:absolute;left:0;top:3px}.dialog .dialog-inner .upgrade .btn.convert:focus-visible,.detailed-settings .settings-block .dialog-inner .upgrade .btn.convert:focus-visible{outline:1px solid #fff;outline-offset:2px;border:2px solid #1864e2}.dialog .dialog-inner .upgrade .btn.convert:hover,.detailed-settings .settings-block .dialog-inner .upgrade .btn.convert:hover{outline:solid 2px #fff;opacity:.8}.dialog .dialog-inner .upgrade .btn.convert,.detailed-settings .settings-block .dialog-inner .upgrade .btn.convert{background:#fff;color:#edba02}.dialog .dialog-inner .upgrade .btn.secondary,.detailed-settings .settings-block .dialog-inner .upgrade .btn.secondary{color:#fff;text-decoration:underline}.dialog .dialog-inner .upgrade .btn.secondary:focus-visible,.detailed-settings .settings-block .dialog-inner .upgrade .btn.secondary:focus-visible{outline:2px solid #fff;outline-offset:2px}.dialog .dialog-inner .upgrade .btn.secondary:hover,.detailed-settings .settings-block .dialog-inner .upgrade .btn.secondary:hover{background:rgba(255,255,255,.2);color:#f0f0f0}.dialog .dialog-inner .upgrade.business,.detailed-settings .settings-block .dialog-inner .upgrade.business{background-color:#93366e}.dialog .dialog-inner .upgrade.business .btn.convert,.detailed-settings .settings-block .dialog-inner .upgrade.business .btn.convert{color:#93366e}.dialog .dialog-inner .upgrade.business .btn.secondary,.detailed-settings .settings-block .dialog-inner .upgrade.business .btn.secondary{color:#fff}.dialog .dialog-inner .upgrade.business .btn.secondary:hover,.detailed-settings .settings-block .dialog-inner .upgrade.business .btn.secondary:hover{color:#f0f0f0}.dialog .dialog-inner .upgrade.business .btn.secondary:focus-visible,.detailed-settings .settings-block .dialog-inner .upgrade.business .btn.secondary:focus-visible{outline:2px solid #fff;outline-offset:2px}.dialog .dialog-inner .publish-modal-intro,.detailed-settings .settings-block .dialog-inner .publish-modal-intro{font-size:14px;margin-bottom:16px}.dialog .dialog-inner .publish-modal-intro .btn-link,.detailed-settings .settings-block .dialog-inner .publish-modal-intro .btn-link{text-decoration:underline;font-weight:bold}.dialog .dialog-inner .publish-modal-intro ul,.detailed-settings .settings-block .dialog-inner .publish-modal-intro ul{padding-left:16px;margin:4px 4px 8px 8px}.dialog .dialog-inner .publish-modal-intro .bold,.detailed-settings .settings-block .dialog-inner .publish-modal-intro .bold{font-weight:bold}.dialog .mini-spreadsheet,.detailed-settings .settings-block .mini-spreadsheet{margin-top:10px}.hide-unpublished{display:none}body.published .hide-published{display:none}body.published .hide-unpublished{display:initial}.svg-defs{display:none}.empty-label{font-size:16px;font-weight:bold;color:#aaa;z-index:1;position:relative;width:80%;margin:0 auto}.empty-details{margin-top:.5em;color:#888}.empty-details:empty{margin:0}@media(min-width: 420px){.empty-label{font-size:18px}}.button-radio-group input,.hidden-radio-group input{opacity:0;position:absolute;pointer-events:none}.button-radio-group label,.hidden-radio-group label{cursor:pointer}.button-radio-group{display:flex;flex-wrap:wrap;gap:8px}@media(min-width: 820px){.button-radio-group{gap:4px}}.button-radio-group label{background:#fff;border:1px solid #e1e1e1;border-radius:43px;display:inline-block;padding:4px 6px;min-width:40px;text-align:center;transition:border-color 100ms;white-space:nowrap}.button-radio-group label:hover{border-color:#c8c8c8}@media(min-width: 820px)and (max-width: 1219px){.button-radio-group label{font-size:13px}}.button-radio-group input:checked+label{background:#1864e2;border-color:#1864e2;color:#fff}input[type=search],input[type=text],input[type=email],input[type=password],textarea{border:1px solid #e1e1e1;border-radius:3px;font-size:13px;padding:7px 8px;margin:0}input[type=search]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{outline:0;border-color:#ababab}input[type=search]::-webkit-search-cancel-button,input[type=text]::-webkit-search-cancel-button,input[type=email]::-webkit-search-cancel-button,input[type=password]::-webkit-search-cancel-button,textarea::-webkit-search-cancel-button{-webkit-appearance:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mobile-only{display:auto}@media(min-width: 820px){.mobile-only{display:none !important}}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}#sdk-tag{font-size:14px;margin-top:23px;display:inline-block;opacity:.2;font-weight:bold;position:absolute}@media(min-width: 420px){#sdk-tag{margin-top:33px}}.row.header{position:relative;top:0;background:#000;height:49px}.row.header #back-to-projects{width:48px;height:100%;border-right:1px solid #444;display:block;text-align:center;padding-top:9px}.row.header #back-to-projects img{transform:rotate(0);transition:transform 500ms ease-out}.row.header #back-to-projects.bosh img{width:20px}.row.header #back-to-projects:hover{opacity:1}.row.header #back-to-projects:hover img{transform:rotate(-45deg)}@media(min-width: 420px){.row.header #back-to-projects{padding-top:16px;width:60px}}.row.header .row-inner{height:100%;padding-top:1px;padding-left:20px}.row.header .row-inner:after{clear:both;content:""}.row.header .menu-holder{width:auto;height:100%;display:inline-block;text-align:left;vertical-align:bottom;float:right}.row.header .hamburger{margin-top:6px}.row.header .logo{margin:14px 0 0;display:block;float:left;height:20px}.row.header .logo img{height:100%}.row.header .dropdown{margin-right:0;max-width:300px;position:absolute;right:20px}.row.header .mobile-nav{display:none}.row.header .mobile-nav .fa-bars{font-size:1.5em}.row.header .desktop-nav{padding-top:0}.row.header .user-settings{margin-top:18px;padding:0 0 5px 40px;position:relative;cursor:pointer}.row.header .unsubscribed .user-settings{padding:0 0 0 40px}@media screen and (max-width: 819px){.row.header .desktop-nav{display:none}.row.header .mobile-nav{display:block;font-size:14px}.row.header .mobile-nav .dropdown-head{font-size:14px}.row.header .menu-holder:hover{text-align:right}.row.header .menu-holder:hover .menu{display:block;position:fixed;padding:10px;background:#fff;top:40px;right:0;box-shadow:3px 3px 5px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1)}.row.header .menu-holder:hover .menu .menu-item{display:block;padding:6px 0;color:#333;margin-right:0;font-size:14px;text-align:left}.row.header .menu-holder:hover .menu #sign-in .btn{background:#eee;font-size:14px;margin-top:12px}}@media(min-width: 420px){.row.header{height:61px}.row.header .logo{margin-top:18px;height:24px}.row.header .hamburger{margin-top:14px}}@media(min-width: 820px){.row.header .menu-holder{width:430px}.row.header.not-logged-in .menu-holder{width:580px}.row.header #sign-in{position:absolute;right:20px;top:0}.row.header #sign-in .btn{margin-top:12px;background-color:#eee}.row.header #sign-in a{display:block}}@media(min-width: 1020px){.row.header.not-logged-in .row-inner{max-width:1220px}}.row.header.app-showcase .sign-in{position:absolute;top:8px;right:20px;height:32px;font-size:14px;padding-top:.3em;line-height:1.4em}@media(min-width: 420px){.row.header.app-showcase .sign-in{top:12px;height:40px;font-size:16px;padding-top:.45em}}.is-static .row.header,.not-logged-in .row.header{z-index:3}.is-static .row.header .row-inner,.not-logged-in .row.header .row-inner{display:block;position:relative}.is-static .row.header .row-inner:after,.not-logged-in .row.header .row-inner:after{border-bottom:1px solid rgba(255,255,255,.1);content:"";display:block;position:absolute;bottom:0;left:20px;right:20px}.is-static .row.header .menu-holder,.is-static .row.header .menu-holder:hover,.not-logged-in .row.header .menu-holder,.not-logged-in .row.header .menu-holder:hover{display:inline-block;width:calc(100% - 150px);text-align:right}.is-static .row.header .menu-holder .menu,.is-static .row.header .menu-holder:hover .menu,.not-logged-in .row.header .menu-holder .menu,.not-logged-in .row.header .menu-holder:hover .menu{min-width:150px;position:absolute;right:20px;top:36px;padding:10px 20px}.is-static .row.header .menu-holder .menu h1,.is-static .row.header .menu-holder:hover .menu h1,.not-logged-in .row.header .menu-holder .menu h1,.not-logged-in .row.header .menu-holder:hover .menu h1{font-weight:600}.is-static .row.header .menu-holder .menu .menu-item,.is-static .row.header .menu-holder:hover .menu .menu-item,.not-logged-in .row.header .menu-holder .menu .menu-item,.not-logged-in .row.header .menu-holder:hover .menu .menu-item{font-size:16px;vertical-align:middle;border-color:rgba(0,0,0,0);margin-top:.5em}@media(min-width: 820px){.is-static .row.header .menu-holder .menu .menu-item,.is-static .row.header .menu-holder:hover .menu .menu-item,.not-logged-in .row.header .menu-holder .menu .menu-item,.not-logged-in .row.header .menu-holder:hover .menu .menu-item{color:#fff;margin:1em .4em}}@media(min-width: 1020px){.is-static .row.header .menu-holder .menu .menu-item,.is-static .row.header .menu-holder:hover .menu .menu-item,.not-logged-in .row.header .menu-holder .menu .menu-item,.not-logged-in .row.header .menu-holder:hover .menu .menu-item{margin:1em .75em}}@media(min-width: 420px){.is-static .row.header .menu-holder .menu,.is-static .row.header .menu-holder:hover .menu,.not-logged-in .row.header .menu-holder .menu,.not-logged-in .row.header .menu-holder:hover .menu{top:42px}}@media(min-width: 820px){.is-static .row.header .menu-holder .menu,.is-static .row.header .menu-holder:hover .menu,.not-logged-in .row.header .menu-holder .menu,.not-logged-in .row.header .menu-holder:hover .menu{top:0;padding:0;width:calc(100% - 140px)}.is-static .row.header .menu-holder .menu .sub-menu,.is-static .row.header .menu-holder:hover .menu .sub-menu,.not-logged-in .row.header .menu-holder .menu .sub-menu,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu{display:inline-block;vertical-align:middle;padding-top:6px}.is-static .row.header .menu-holder .menu .sub-menu#main-menu,.is-static .row.header .menu-holder:hover .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu#main-menu{width:calc(100% - 340px);text-align:left}}@media(min-width: 820px)and (min-width: 1020px){.is-static .row.header .menu-holder .menu .sub-menu#main-menu,.is-static .row.header .menu-holder:hover .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu#main-menu{text-align:center}}@media(min-width: 820px){.is-static .row.header .menu-holder .menu .sub-menu h1,.is-static .row.header .menu-holder:hover .menu .sub-menu h1,.not-logged-in .row.header .menu-holder .menu .sub-menu h1,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu h1{font-size:18px;padding-top:4px;font-weight:bold}}@media(min-width: 820px){.is-static .row.header .menu-holder .menu .sub-menu h2,.is-static .row.header .menu-holder:hover .menu .sub-menu h2,.not-logged-in .row.header .menu-holder .menu .sub-menu h2,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu h2{font-size:11px;padding-top:9px;text-transform:uppercase;letter-spacing:1px}}@media(min-width: 1020px){.is-static .row.header .menu-holder .menu .sub-menu#main-menu,.is-static .row.header .menu-holder:hover .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder .menu .sub-menu#main-menu,.not-logged-in .row.header .menu-holder:hover .menu .sub-menu#main-menu{width:calc(100% - 450px)}}.is-static .row.header .mobile-nav .fa-bars,.not-logged-in .row.header .mobile-nav .fa-bars{color:#fff;font-size:1em}#current-picture{display:inline-block;width:24px;height:24px;background:#eee;border-radius:16px;background-size:cover;background-position:center center;flex-shrink:0}.show-username{display:flex;align-items:center}.show-username div{display:flex;flex-direction:column;justify-content:center;padding-left:8px;max-width:200px}.badge{text-align:center;border-radius:12px;font-weight:600;font-size:12px;line-height:1;padding:4px 5px;min-width:20px;margin-left:8px;color:#666;background:#ddd;display:inline-block;position:relative}.badge.reviewer{color:#fff;background:#1864e2}#user-menu{z-index:99;font-size:13px}#user-menu+.badge{position:absolute;top:24px}#current-name{margin:0;font-weight:bold;font-size:15px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff}#upgrade-link{font-size:12px;opacity:.7;text-align:left;line-height:1em}#create-menu i{background:#fff;color:#ff465d;height:18px;width:18px;border-radius:9999px;font-size:12px;vertical-align:middle;padding-top:4px;margin-right:5px}#create-menu .btn{position:relative}#create-menu .btn-bg{position:absolute;right:0;top:6px;opacity:.2;font-size:24px}@media(min-width: 820px){#create-menu{margin-top:10px}#create-menu .menu-item{background:#ff465d;transition:background 200ms;color:#fff;padding:7px 18px 7px 12px;font-size:16px;font-weight:bold;height:36px;margin-right:10px}#create-menu .menu-item:hover{background:#9a2d44}}#mobile-menu{min-width:180px}#mobile-menu .dropdown-label{padding:.4em 1.3em;font-weight:normal}.dropdown-modal-container{position:relative;display:inline-block;z-index:2;color:rgba(0,0,0,.6)}.dropdown-modal-container.open .dropdown-modal{display:block}.dropdown-modal-container.open .export-clickarea{display:block}.dropdown-modal-container button{font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif}.dropdown-modal-container .export-clickarea{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;display:none}.dropdown-modal-container .dropdown-modal{position:absolute;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);right:0;top:calc(100% + 5px);width:300px;border-radius:3px;display:none}.dropdown-modal-container .dropdown-modal h3{font-size:15px;color:#333;font-weight:bold;margin-bottom:10px;display:inline-block}.dropdown-modal-container .dropdown-modal h3 .try-again{font-weight:normal;font-size:13px;display:block}@media(min-width: 820px){.dropdown-modal-container{width:auto}.dropdown-modal-container .dropdown-modal{width:360px;top:calc(100% + 5px)}}.company-sharing-autocomplete{position:relative;margin-bottom:10px}.sharing-permissions-container{display:flex;align-items:center}#sharing-permissions{background:none;border:none}#sharing-permissions i{cursor:pointer}.icon-inverted{filter:brightness(0) invert(1)}.sharing-dropdown{padding:10px}@media(min-width: 820px){.sharing-dropdown{padding:20px 25px}}.sharing-dropdown input[type=text]{width:100%;border:1px solid #dee8da;border-radius:3px;padding:12px 30px 12px 12px;cursor:pointer;font-size:14px}.sharing-dropdown input[type=text]+.fa{position:absolute;right:10px;top:17px;font-size:14px;pointer-events:none}.sharing-dropdown .dropdown-list{font-size:14px}header{display:block;position:absolute;top:0;left:0;width:100%}main{display:block;position:absolute;top:91px;left:0;width:100%;height:calc(100vh - 80px);overflow-y:auto}@media(min-width: 420px){main{top:103px;height:calc(100vh - 103px)}}.user-nav{padding-top:0;display:none}@media(min-width: 820px){.user-nav{display:block;height:36px}.user-nav .dropdown-head #current-picture{height:36px;width:36px;border-radius:9999px;margin-left:10px}.user-nav .dropdown-list{left:auto;right:-5px;margin-top:-5px}}.visualisation-editor{overflow-x:hidden}.visualisation-editor .template-chooser.visible+.tab-panes{display:none}.visualisation-editor .tab-panes{height:100%;width:100%}.visualisation-editor .tab-panes .tab-pane,.visualisation-editor .tab-panes .row.editor,.visualisation-editor .tab-panes .row-inner,.visualisation-editor .tab-panes #visualisation{height:100%}.visualisation-editor .tab-panes .tab-pane .editor-core,.visualisation-editor .tab-panes .row.editor .editor-core,.visualisation-editor .tab-panes .row-inner .editor-core,.visualisation-editor .tab-panes #visualisation .editor-core{position:relative}@media(min-width: 820px){.visualisation-editor .tab-panes .tab-pane .editor-core,.visualisation-editor .tab-panes .row.editor .editor-core,.visualisation-editor .tab-panes .row-inner .editor-core,.visualisation-editor .tab-panes #visualisation .editor-core{min-height:100%;padding-bottom:40px}}@media(max-width: 619px){.visualisation-editor .tab-panes .row.data .row-inner{height:auto;min-height:100%;padding-bottom:87px}}.visualisation-editor .tab-panes .tab-pane .side-panel{display:none}.visualisation-editor .tab-panes .tab-pane.active .side-panel{display:block}.visualisation-editor .tab-panes .tab-pane:not(.active) #spreadsheet-container input{display:none}.story-editor,.visualisation-editor,.sdk{background:#efefef}.row.editor{padding:0;height:100%}.no-template .row.editor{display:none}.row.editor .row-inner{max-width:none;padding:0 10px;height:100%}.row.editor #visibility-status .label,.row.editor .blueprint-tag{display:inline-block;margin-left:2px}.row.editor #visualisation,.row.editor #story{height:100%;width:100%;transition:height .5s ease;position:relative}.row.editor #visualisation .editor-core,.row.editor #story .editor-core{width:100%;height:auto;overflow:visible;transition:width .5s ease;position:relative;text-align:center}.row.editor #visualisation .editor-core .preview-holder,.row.editor #story .editor-core .preview-holder{width:100%;height:100%;padding-right:4px;min-width:100px;max-width:800px;min-height:100px;transition:margin-left .5s ease,width .5s ease,opacity 1s;position:relative;background:#fff;display:inline-block;border:1px solid #eee}.row.editor #visualisation .editor-core .preview-holder #preview,.row.editor #story .editor-core .preview-holder #preview{height:100%;max-height:100%;overflow-y:auto;min-width:100px}.row.editor #visualisation .editor-core .preview-holder #preview,.row.editor #story .editor-core .preview-holder #preview{text-align:right;border:none;background:rgba(0,0,0,0);display:block;width:100%;height:100%}.row.editor #visualisation .editor-core .preview-holder #preview iframe,.row.editor #story .editor-core .preview-holder #preview iframe{width:100%;border:none;position:relative;display:block}.row.editor #visualisation .editor-core .preview-holder #preview #blank-slide,.row.editor #visualisation .editor-core .preview-holder #preview iframe,.row.editor #story .editor-core .preview-holder #preview #blank-slide,.row.editor #story .editor-core .preview-holder #preview iframe{height:100%;width:100%;min-width:100px;border:none;flex:1}.row.editor #visualisation .editor-core .preview-holder .loading-spinner,.row.editor #story .editor-core .preview-holder .loading-spinner{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);opacity:0;pointer-events:none;z-index:5}.row.editor #visualisation .editor-core .preview-holder .unsupported-notice,.row.editor #story .editor-core .preview-holder .unsupported-notice{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f9f9f9;padding:20px;z-index:10}.row.editor #visualisation .editor-core #resize-overlay,.row.editor #story .editor-core #resize-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.row.editor #visualisation .editor-core #resize-overlay.dragging,.row.editor #story .editor-core #resize-overlay.dragging{display:block}.row.editor #visualisation .editor-core #resize-handle-container,.row.editor #story .editor-core #resize-handle-container{position:absolute;width:4px;bottom:0;top:0;right:0;margin-bottom:0;display:none;z-index:100;transition:width 200ms}.row.editor #visualisation .editor-core #resize-handle-container #resize-handle,.row.editor #story .editor-core #resize-handle-container #resize-handle{cursor:ew-resize;position:absolute;width:4px;bottom:0;top:0;right:0;background:#ddd;transition:width 100ms,background 100ms}.row.editor #visualisation .editor-core #resize-handle-container #resize-handle:after,.row.editor #story .editor-core #resize-handle-container #resize-handle:after{display:block;content:"";position:absolute;top:0;bottom:0;left:-4px;background:rgba(0,0,0,0);right:0;width:auto}.row.editor #visualisation .editor-core #resize-handle-container .resize-handle-icon,.row.editor #story .editor-core #resize-handle-container .resize-handle-icon{position:absolute;right:3px;top:50%;margin-top:-15px;opacity:.8;pointer-events:none;transition:right 100ms;display:none}.row.editor #visualisation .editor-core #resize-handle-container>i,.row.editor #story .editor-core #resize-handle-container>i{position:absolute;top:5px;left:5px}.row.editor #visualisation .editor-core #resize-handle-container:hover,.row.editor #story .editor-core #resize-handle-container:hover{width:6px}.row.editor #visualisation .editor-core #resize-handle-container:hover #resize-handle,.row.editor #story .editor-core #resize-handle-container:hover #resize-handle{width:6px;background:#ccc}.row.editor #visualisation .editor-core #resize-handle-container:hover #resize-handle:after,.row.editor #story .editor-core #resize-handle-container:hover #resize-handle:after{left:-10px}.row.editor #visualisation .editor-core #resize-handle-container:hover .resize-handle-icon,.row.editor #story .editor-core #resize-handle-container:hover .resize-handle-icon{right:2px;display:block}.row.editor #visualisation .editor-core #resize-handle-container.dragging #resize-handle:after,.row.editor #story .editor-core #resize-handle-container.dragging #resize-handle:after{left:-200px;right:0}@media(min-width: 770px){.row.editor #visualisation .editor-core,.row.editor #story .editor-core{padding:0}.row.editor #visualisation .editor-core #resize-handle-container,.row.editor #story .editor-core #resize-handle-container{display:block}}@media(min-width: 820px){.row.editor #visualisation .editor-core,.row.editor #story .editor-core{padding:0 10px 0 0}}.row.editor #visualisation{padding:20px 0 0}.row.editor #visualisation .editor-core .preview-holder iframe#preview{transform-origin:left top}.row.editor #visualisation .editor-core .preview-holder iframe#preview.mini-preview{z-index:1000;box-shadow:none;overflow:hidden;pointer-events:none}@media(min-width: 820px){.row.editor #visualisation .editor-core .preview-holder iframe#preview{width:100%}}.row.editor #story .editor-core .preview-holder #preview iframe{height:calc(100% - 64px)}.row.editor #story .editor-core .preview-holder #preview.nav-style-none iframe{height:100%}@media(min-width: 820px){.row.editor #story .editor-core{max-width:calc(100% - 220px);margin-left:220px;min-height:calc(100vh - 103px)}}.row.editor.mobile #visualisation .editor-core .preview-holder,.row.editor.mobile #story .editor-core .preview-holder{width:375px}.row.editor.mobile #visualisation .editor-core .preview-holder iframe,.row.editor.mobile #story .editor-core .preview-holder iframe{width:375px}.row.editor.mobile.landscape #visualisation .editor-core .preview-holder,.row.editor.mobile.landscape #story .editor-core .preview-holder{width:812px}.row.editor.mobile.landscape #visualisation .editor-core .preview-holder iframe,.row.editor.mobile.landscape #story .editor-core .preview-holder iframe{width:812px}.row.editor.tablet #visualisation .editor-core .preview-holder,.row.editor.tablet #story .editor-core .preview-holder{width:768px}.row.editor.tablet #visualisation .editor-core .preview-holder iframe,.row.editor.tablet #story .editor-core .preview-holder iframe{width:768px}.row.editor.tablet.landscape #visualisation .editor-core .preview-holder,.row.editor.tablet.landscape #story .editor-core .preview-holder{width:1024px}.row.editor.tablet.landscape #visualisation .editor-core .preview-holder iframe,.row.editor.tablet.landscape #story .editor-core .preview-holder iframe{width:1024px}@media(min-width: 820px){.row.editor #visualisation .editor-core{max-width:calc(100% - 350px)}}.row.project-header{display:flex;gap:10px;z-index:110;border-bottom:none;background:#000;color:#fff}.row.project-header .editor-bosh{width:29px;height:29px}.row.project-header .user-settings{margin-top:0;padding:0}.row.project-header .dropdown{position:relative;right:unset}.row.project-header #visibility-status,.row.project-header .read-only,.row.project-header .blueprint-tag{text-align:left;height:auto;line-height:1em;display:inline-block;border-radius:3px;vertical-align:top}@media(min-width: 420px){.row.project-header #visibility-status,.row.project-header .read-only,.row.project-header .blueprint-tag{font-size:11px;padding:2px 3px 1px}}.row.project-header #visibility-status{cursor:pointer}.row.project-header #visibility-status:hover{color:#333}.row.project-header #visibility-status,.row.project-header .read-only{color:#aaa;font-weight:normal;padding:1px 3px 2px;background:#444}.row.project-header #visibility-status.public,.row.project-header .read-only.public{background:#ffdc98;color:#000}.row.project-header #visibility-status.public:hover,.row.project-header .read-only.public:hover{background:#eec26d;color:#000}.row.project-header .blueprint-tag{font-size:9px;font-weight:bold;background:#1864e2;color:#fff;text-transform:uppercase;padding:1px 5px 2px;cursor:default}.row.project-header .project-settings{margin-left:10px;font-size:13px;font-weight:normal;line-height:0;vertical-align:top;display:inline-block;z-index:110;height:auto;padding-top:0}.row.project-header .project-settings .dropdown-head{padding-right:5px;padding-left:5px;padding-bottom:0;padding-top:2px;font-size:13px}.row.project-header .project-settings .dropdown-list{color:#000;margin-right:0}.row.project-header .has-name+.project-settings{margin-left:0}.row.project-header .tags,.row.project-header .project-author>span{overflow-x:clip;text-overflow:ellipsis}.row.project-header .project-info,.row.project-header .tags{flex:1;min-width:0}.row.project-header .project-info{display:flex;flex-direction:column;justify-content:center;gap:.15rem}.row.project-header .tags{max-width:fit-content}.row.project-header #project-info-name{display:flex}.row.project-header .name{position:relative;margin-left:0;width:auto;z-index:110}.row.project-header .name input,.row.project-header .name .name-width-setter{font-size:14px;font-weight:normal;white-space:pre}.row.project-header .name input{border:none;border-bottom:1px solid #444;border-radius:0;background:#000;padding:0;display:inline-block;color:#fff;position:absolute;left:0;top:0;box-sizing:content-box;outline:none;height:15px}@media(min-width: 420px){.row.project-header .name input{height:18px}}.row.project-header .name .name-width-setter{padding:0;display:inline-block;opacity:0;pointer-events:none;max-width:100px;min-width:40px}@media(min-width: 420px){.row.project-header .name .name-width-setter{max-width:190px}}@media(min-width: 620px){.row.project-header .name .name-width-setter{max-width:340px}}@media(min-width: 820px){.row.project-header .name .name-width-setter{max-width:340px}}.row.project-header .name.has-name input,.row.project-header .name.has-name .name-width-setter{font-style:normal;background:none}.row.project-header .name.has-name input{color:#fff;top:0}.row.project-header .name.has-name .name-overlay{display:block;top:0}.row.project-header .name.not-editable input,.row.project-header .name.not-editable .name-width-setter{font-style:normal;background:rgba(0,0,0,0)}.row.project-header .name.not-editable input{border-color:rgba(0,0,0,0);color:#fff;top:0}.row.project-header .name .name-overlay{display:none;content:"";position:absolute;left:85px;top:0;width:20px;height:100%;background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 80%)}@media(min-width: 420px){.row.project-header .name .name-overlay{left:175px}}@media(min-width: 620px){.row.project-header .name .name-overlay{left:325px}}@media(min-width: 820px){.row.project-header .name .name-overlay{left:325px}}.row.project-header .project-author{color:#aaa;font-weight:normal;font-size:11px;line-height:1em;display:flex;align-items:center;gap:.5em;white-space:nowrap}.row.project-header .project-author+.dropdown .dropdown-head{display:inline-block}.row.project-header .project-author+.dropdown .badge{top:-14px}.row.project-header .project-author+.dropdown .dropdown-list .badge{position:absolute;right:10px;top:12px;pointer-events:none}.row.project-header .export-user-group{display:flex;align-items:center;padding-right:10px}.row.project-header #export-btn-group{display:flex;margin-bottom:0;margin-right:0}.row.project-header #export-btn-group .export-btn,.row.project-header #export-btn-group #story-btn,.row.project-header #export-btn-group #sharing-permissions,.row.project-header #export-btn-group #story-preview-btn{width:30px;height:30px;padding:0 0;display:flex;gap:8px;align-items:center;font-weight:normal;justify-content:center}.row.project-header #export-btn-group .export-btn span,.row.project-header #export-btn-group #story-btn span,.row.project-header #export-btn-group #sharing-permissions span,.row.project-header #export-btn-group #story-preview-btn span{display:none}.row.project-header #export-btn-group .export-btn img,.row.project-header #export-btn-group #story-btn img,.row.project-header #export-btn-group #sharing-permissions img,.row.project-header #export-btn-group #story-preview-btn img{margin-right:0;height:18px;width:18px}@media(min-width: 420px){.row.project-header #export-btn-group .export-btn,.row.project-header #export-btn-group #story-btn,.row.project-header #export-btn-group #sharing-permissions,.row.project-header #export-btn-group #story-preview-btn{width:30px;height:30px}}@media(min-width: 820px){.row.project-header #export-btn-group .export-btn,.row.project-header #export-btn-group #story-btn,.row.project-header #export-btn-group #sharing-permissions,.row.project-header #export-btn-group #story-preview-btn{padding:0 10px;height:36px;width:auto}.row.project-header #export-btn-group .export-btn span,.row.project-header #export-btn-group #story-btn span,.row.project-header #export-btn-group #sharing-permissions span,.row.project-header #export-btn-group #story-preview-btn span{display:inline}.row.project-header #export-btn-group .export-btn img,.row.project-header #export-btn-group #story-btn img,.row.project-header #export-btn-group #sharing-permissions img,.row.project-header #export-btn-group #story-preview-btn img{width:21px;height:21px}}.row.project-header #export-btn-group #create-btn{height:36px;line-height:34px}.visualisation-editor.no-template .row.project-header #export-btn-group{display:none}.row.project-header #export-btn-group #story-btn-form{display:inline-block}.row.project-header #export-btn-group #story-btn-form.disabled{cursor:not-allowed}.row.project-header #export-btn-group #story-btn,.row.project-header #export-btn-group #sharing-permissions,.row.project-header #export-btn-group #story-preview-btn{background-color:#444;color:#fff;margin-right:8px;overflow:visible}.row.project-header #export-btn-group #story-btn.disabled,.row.project-header #export-btn-group #sharing-permissions.disabled,.row.project-header #export-btn-group #story-preview-btn.disabled{cursor:not-allowed}.row.project-header #export-btn-group #story-btn:not(.disabled):hover,.row.project-header #export-btn-group #sharing-permissions:not(.disabled):hover,.row.project-header #export-btn-group #story-preview-btn:not(.disabled):hover{background:#6a6a6a}.dialog .tag-input{position:relative}.dialog .tag-input .fa-chevron-down{position:absolute;right:8px;top:6px;pointer-events:none}.row.editor-bar{background:#fff;border-bottom:1px solid #ddd;height:42px;font-size:12px;padding:0 10px}.row.editor-bar #editor-previews{margin-top:3px}.row.editor-bar #visualisation-tabs{display:inline-flex;z-index:1;width:calc(100% - 40px);justify-content:center}.row.editor-bar #visualisation-tabs button{font-size:13px;padding:2px 15px 0;margin:0 5px;line-height:1em;font-weight:bold;font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif;height:42px;opacity:.6;border:none;color:#000;background:#fff;cursor:pointer;border-bottom:2px solid rgba(0,0,0,0);display:flex;align-items:center;column-gap:5px;transition:opacity 100ms}.row.editor-bar #visualisation-tabs button svg{height:21px;width:21px}.row.editor-bar #visualisation-tabs button .fa-exclamation-triangle{color:#ff5b5b}.row.editor-bar #visualisation-tabs button:not(.active){background:rgba(0,0,0,0)}.row.editor-bar #visualisation-tabs button:not(.active):hover{opacity:1}.row.editor-bar #visualisation-tabs button.active{opacity:1;border-bottom:2px solid #000}.row.editor-bar #visibility-status,.row.editor-bar .read-only{display:inline-block;float:left;font-weight:bold;color:#aaa;margin-top:7px}.row.editor-bar .tab-buttons .fa-exclamation-triangle{display:none}.row.editor-bar .confirm-saved{float:right;margin-top:15px;margin-left:0;width:60px}.row.editor-bar .flourish-warn-container{display:none;float:right;margin-left:4px;position:relative}.row.editor-bar .flourish-warn-container.visible{display:block}.row.editor-bar .flourish-warn-container .flourish-warn-btn{background:#333;height:16px;width:16px;border-radius:50%;font-size:9px;color:#e3e3e3;margin-top:7px;text-align:center;padding-top:2px}.row.editor-bar .flourish-warn-container .flourish-warn-list{display:none;position:absolute;right:0;top:25px;width:250px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:3px;padding:10px;z-index:1}.row.editor-bar .flourish-warn-container .flourish-warn-list.visible{display:block}.row.editor-bar .flourish-warn-container .flourish-warn-list ul{margin:0;padding:0;list-style:none}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li{position:relative;border-top:1px solid rgba(0,0,0,.1);padding:8px 0 0 20px;margin:8px 0 0 0}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li:first-child{border-top:none;padding-top:0;margin-top:0}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li:first-child i{top:4px}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li i{position:absolute;top:11px;left:4px;color:#333;font-size:11px}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li p.message{font-weight:bold}.row.editor-bar .flourish-warn-container .flourish-warn-list ul li p.explanation{color:#888}@media(min-width: 820px){.row.editor-bar #visualisation-tabs{width:calc(100% - 460px);margin-left:0}}.impossible .row.editor-bar .tab-buttons .fa-exclamation-triangle{display:inline}@media(min-width: 620px){.tab-data{overflow:hidden}}.tab-data .tab-preview{position:fixed;z-index:2}.tab-data #preview-menu{opacity:0;pointer-events:none}.side-panel{text-align:left;position:relative;background:#f9f9f9;line-height:1.1;margin-left:0;padding:0 0 1px 0;width:100%}.side-panel.closed{margin-left:-300px}.side-panel .side-panel-inner{margin-bottom:87px;border:1px solid #ddd;background:#fff}@media(min-width: 820px){.side-panel .side-panel-inner{border:none;background:rgba(0,0,0,0)}}.side-panel .side-panel-close{position:absolute;top:15px;right:10px;font-size:1.25em;width:1.5em;height:1.5em;padding:.1em;text-align:center;border:solid 1px rgba(0,0,0,.4);border-radius:3px;background:#eaeaea;transition:right .5s ease;z-index:1}.side-panel .side-panel-close.opener{right:calc(-1.5em + 1px);border-bottom-left-radius:0;border-top-left-radius:0}.side-panel .side-panel-close:hover{opacity:1}.side-panel .side-panel-close:hover i{opacity:.7}.side-panel .side-panel-scrollbox{width:100%;height:100%;padding:10px 10px 20px;overflow-y:scroll}.side-panel .side-panel-scrollbox .side-panel-inner{width:100%}@media(min-width: 1220px){.side-panel .side-panel-scrollbox{padding:20px}}.side-panel h1{margin:1em 0 .5em;font-size:.9em;opacity:.5;cursor:default}.side-panel h2{font-size:13px;letter-spacing:0;font-weight:500;margin:0 0 .6em;position:relative;color:#333;word-wrap:break-word}.side-panel .toplevel-settings-block{padding:0 5px 20px}.side-panel .toplevel-settings-block.hidden{display:none}.side-panel .toplevel-settings-block .settings-option{display:inline-block}.side-panel .toplevel-settings-block .settings-option:first-child{margin-top:9px}.side-panel .toplevel-settings-block .settings-option.hidden{display:none}.side-panel .settings-divider{margin:1rem -10px 0;clear:both;width:calc(100% + 20px);height:1px;background:#eee}.side-panel .settings-subhead{text-transform:uppercase;font-size:11px;font-weight:bold;color:#757575;padding:.5rem 5px .25rem;margin:0}.side-panel .settings-block{margin:0;display:inline-block;width:100%;background-color:#fff;padding:0 10px 0;min-height:24px}.side-panel .settings-block h2{margin:0 -10px;font-size:13px;padding:15px 15px;font-weight:bold;background-color:#fff;border-top:1px solid #ddd;cursor:pointer;color:#535e65}.side-panel .settings-block h2:hover,.side-panel .settings-block h2:focus{background:#fff}.side-panel .settings-block h2::after{font-family:"Canva Sans Variable",Helvetica,Arial,sans-serif;content:"→";position:absolute;right:15px}.side-panel .settings-block.open h2{position:sticky;top:0;z-index:1;box-shadow:0 1px 0 #fff;border-top-color:#efeef0;background-color:#efeef0;color:#2a2a2a}.side-panel .settings-block.open h2::after{transform:rotate(90deg)}.side-panel .settings-block .settings-option,.side-panel .settings-block .settings-divider,.side-panel .settings-block .settings-subhead{display:none}.side-panel .settings-block input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}.side-panel .settings-block.open{padding-bottom:1rem}.side-panel .settings-block.open .settings-option{display:inline-block}.side-panel .settings-block.open .settings-divider,.side-panel .settings-block.open .settings-subhead{display:block}.side-panel .settings-block.open h2+.settings-divider{background:rgba(0,0,0,0);margin-top:.25rem}.side-panel .settings-block.open .hidden{display:none}.side-panel .settings-block.hidden{display:none}.side-panel .settings-block.hidden h2:focus{outline:none}.side-panel h3{font-size:12px;line-height:1.2em;font-weight:normal;margin-top:0;margin-bottom:3px;color:#333;display:inline-block;cursor:default;vertical-align:top;background:#fff}.side-panel p{font-size:12px;margin-top:0}.side-panel .upgrade-setting{cursor:pointer}.side-panel .upgrade-setting .buttons-container label{opacity:.2;pointer-events:none}.side-panel .upgrade-setting h3{color:#999}.side-panel .upgrade-setting input,.side-panel .upgrade-setting label.slider{pointer-events:none;opacity:.2}.side-panel .upgrade-setting h3,.side-panel .upgrade-setting input,.side-panel .upgrade-setting label.slider{cursor:pointer}.side-panel .settings-option{position:relative;margin-top:.75rem;display:none;vertical-align:bottom;width:100%;padding:0 5px}.side-panel .settings-option label{font-size:12px;display:inline-block;vertical-align:top;width:100%}.side-panel .settings-option label.slider{width:auto}.side-panel .settings-option label:hover,.side-panel .settings-option label:focus,.side-panel .settings-option label:focus-within{z-index:2;position:relative}.side-panel .settings-option label:hover h3,.side-panel .settings-option label:focus h3,.side-panel .settings-option label:focus-within h3{padding-right:1px}.side-panel .settings-option input,.side-panel .settings-option textarea,.side-panel .settings-option select,.side-panel .settings-option button{border-radius:3px;border:1px solid #ddd;padding:.2em .1em .2em .3em;min-height:30px;font-size:12px;display:block;outline:none;transition:200ms linear border}.side-panel .settings-option input:focus,.side-panel .settings-option textarea:focus,.side-panel .settings-option select:focus,.side-panel .settings-option button:focus{border:1px solid #777}.side-panel .settings-option textarea{resize:vertical;height:60px;padding-top:5px}.side-panel .settings-option ::-webkit-input-placeholder{color:#ddd}.side-panel .settings-option :-ms-input-placeholder{color:#ddd}.side-panel .settings-option ::-ms-input-placeholder{color:#ddd}.side-panel .settings-option .dropdown-list .dropdown-item{font-size:12px;padding:10px 10px 10px 6px}.side-panel .settings-option .color-picker{vertical-align:top;line-height:0;position:relative;z-index:0}.side-panel .settings-option .color-picker:hover:not(.is-null) .cancel-setting{transform:translateX(27px)}.side-panel .settings-option .color-picker:not(.is-null) .cancel-setting:focus-visible{transform:translateX(27px);border-color:#777}.side-panel .settings-option .color-picker.is-null .cancel-setting{display:none}.side-panel .settings-option .color-picker.is-null .color-wrapper input{opacity:0}.side-panel .settings-option .color-wrapper{width:30px;height:30px;overflow:hidden;border-radius:3px;position:relative;display:inline-block;background:#fff;z-index:1}.side-panel .settings-option .color-wrapper input{transform:scale(10);position:absolute}.side-panel .settings-option .color-wrapper:before{display:block;position:absolute;content:"";top:0;bottom:-10px;left:0;width:1px;pointer-events:none;background:rgba(0,0,0,.1);transform-origin:top;transform:rotate(-45deg)}.side-panel .settings-option .color-wrapper:after{display:block;position:absolute;content:"";border:1px solid rgba(0,0,0,.1);left:0;right:0;top:0;bottom:0;pointer-events:none}.side-panel .settings-option .color-wrapper:invalid{box-shadow:none}.side-panel .settings-option .cancel-setting{width:30px;border-radius:3px;border:1px solid #ddd;background:#fff;position:absolute;padding:0;height:30px;display:flex;justify-content:center;align-items:center;left:0;top:0;cursor:pointer;transition:200ms transform}.side-panel .settings-option .cancel-setting svg{margin-left:2px;width:8px;height:8px;pointer-events:none;transition:200ms opacity}.side-panel .settings-option .cancel-setting:focus{border:1px solid #ddd}.side-panel .settings-option .cancel-setting:hover svg{opacity:.4}.side-panel .settings-option .single-button{background:#eee;color:#333;width:100%;border:none;padding:0;cursor:pointer;transition:200ms linear background-color}.side-panel .settings-option .single-button:hover{background-color:#e0e0e0}.side-panel .settings-option .single-button:hover:disabled{background-color:#eee;cursor:default}.side-panel .settings-option .single-button:focus{background-color:#e0e0e0}.side-panel .settings-option .single-button:focus:disabled{background-color:#eee;cursor:default}.side-panel .settings-option .buttons-container input[type=radio]{width:0;height:0;opacity:0;margin:0;display:inline-block;vertical-align:top;font-size:0;line-height:0;position:absolute}.side-panel .settings-option .buttons-container input[type=radio]+label{font-size:12px;background:#eee;color:#333;display:inline-flex;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;height:30px;cursor:pointer;text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;background-size:cover;background-position:50% 50%;transition:200ms linear background-color}.side-panel .settings-option .buttons-container input[type=radio]+label i{color:#555;margin-right:5px}.side-panel .settings-option .buttons-container input[type=radio]+label img{margin-right:5px;height:13px}.side-panel .settings-option .buttons-container.large input[type=radio]+label{height:60px}.side-panel .settings-option .buttons-container input[type=radio]:not([disabled])+label:hover{background-color:#e0e0e0}.side-panel .settings-option .buttons-container input[type=radio]:not([disabled]):focus-visible+label:after{height:4px}.side-panel .settings-option .buttons-container input[type=radio]:disabled+label{cursor:default}.side-panel .settings-option .buttons-container input[type=radio]:checked+label{background-color:#dfebff;cursor:default;position:relative}.side-panel .settings-option .buttons-container input[type=radio]:checked+label:hover{background-color:#dfebff}.side-panel .settings-option .buttons-container input[type=radio]:checked+label:after{width:100%;height:2px;background:#1864e2;bottom:0;position:absolute;content:"";left:0}.side-panel .settings-option input[data-autocomplete]+.fa{position:absolute;right:10px;margin-top:-21px;font-size:12px;pointer-events:none}.side-panel .settings-option select{width:100%;height:32px}.side-panel .settings-option.option-type-color input{padding:0;background:#fff}.side-panel .settings-option.option-type-number,.side-panel .settings-option.option-type-rows,.side-panel .settings-option.option-type-color{width:50%}.side-panel .settings-option.option-type-number.width-quarter input,.side-panel .settings-option.option-type-rows.width-quarter input,.side-panel .settings-option.option-type-color.width-quarter input{width:100%}.side-panel .settings-option.option-type-number input,.side-panel .settings-option.option-type-rows input,.side-panel .settings-option.option-type-color input{width:calc((100% - 10px)/2);min-width:40px}.side-panel .settings-option.option-type-boolean:not(.settings-buttons).settings-buttons>label{height:auto}.side-panel .settings-option.option-type-boolean:not(.settings-buttons)>label:first-child{position:absolute;padding-left:37px;padding-top:7px;width:auto;right:5px;left:5px}.side-panel .settings-option.option-type-string input,.side-panel .settings-option.option-type-url input{width:100%}.side-panel .settings-option.option-type-text textarea,.side-panel .settings-option.option-type-code textarea,.side-panel .settings-option.option-type-html textarea{width:100%}.side-panel .settings-option.option-type-text textarea.size-large,.side-panel .settings-option.option-type-code textarea.size-large,.side-panel .settings-option.option-type-html textarea.size-large{height:50vh}.side-panel .settings-option.option-type-text textarea.size-small,.side-panel .settings-option.option-type-code textarea.size-small,.side-panel .settings-option.option-type-html textarea.size-small{height:30px}.side-panel .settings-option.option-type-code label{width:calc(100% - 18px)}.side-panel .settings-option.option-type-code .wrap-control{font-size:.7em;color:#999;transform:scale(1, -1);margin-bottom:.3em;display:inline-block;vertical-align:bottom;transition:transform .2s ease}.side-panel .settings-option.option-type-code .wrap-control.selected{transform:scale(-1, -1);cursor:pointer}.side-panel .settings-option.option-type-code textarea{font-family:monospace;font-size:13px}.side-panel .settings-option.option-type-font input.font-menu{width:100%;outline:none}.side-panel .settings-option.option-type-colors input{width:100%;margin:0;z-index:1;cursor:pointer}.side-panel .settings-option.option-type-colors .color-swatches,.side-panel .settings-option.option-type-colors .dropdown-item{display:flex;align-items:stretch;min-height:26px;overflow:hidden;border-radius:3px}.side-panel .settings-option.option-type-colors .color-swatches em,.side-panel .settings-option.option-type-colors .dropdown-item em{font-style:normal;color:#777;display:block;padding:8px;pointer-events:none}.side-panel .settings-option.option-type-colors .color-swatches span,.side-panel .settings-option.option-type-colors .dropdown-item span{display:inline-block;height:26px;flex:1}.side-panel .settings-option.option-type-colors .color-swatches span:nth-child(n+13):nth-child(-n+99),.side-panel .settings-option.option-type-colors .dropdown-item span:nth-child(n+13):nth-child(-n+99){display:none}.side-panel .settings-option.option-type-colors .color-swatches{padding:0;position:absolute;left:7px;margin-top:2px;right:26px;z-index:0;pointer-events:none}.side-panel .settings-option.option-type-colors .dropdown-item{padding:0 !important;margin:2px}.side-panel .settings-option.option-type-colors .dropdown-item label{position:absolute;top:6px;left:8px;color:#fff;pointer-events:none;opacity:.4;width:auto}.side-panel .settings-option.option-type-colors .dropdown-item span{pointer-events:none}.side-panel .settings-option.option-type-colors .dropdown-item:hover label,.side-panel .settings-option.option-type-colors .dropdown-item.selected label{opacity:1;background:rgba(0,0,0,.55)}.side-panel .settings-option.option-type-colors .dropdown-item.current label{opacity:1;background:rgba(0,0,0,.8)}.side-panel .settings-option.option-type-colors .dropdown-item.current:before{top:7px;right:5px;color:#fff}.side-panel .settings-option.option-type-colors.custom input{opacity:0}.side-panel .settings-option.option-type-colors.custom .color-swatches{align-items:flex-start}.side-panel .settings-option.option-type-colors.custom .color-swatches span{max-width:28px;pointer-events:auto;transition:transform 200ms;transform-origin:center center}.side-panel .settings-option.option-type-colors.custom .color-swatches span:hover{transform:scale(1.2)}.side-panel .settings-option.option-type-colors.custom .color-swatches span.fa{font-size:24px;color:#ccc;margin-left:4px}.side-panel .settings-option.option-type-colors.custom .color-swatches span.fa::before{position:relative;top:2px}.side-panel .settings-option .text-editor-setting{position:relative}.side-panel .settings-option .text-editor-setting .text-editor-btn{position:absolute;top:5px;right:5px;width:20px;height:20px;min-height:0;font-size:10px;padding:0;line-height:0;border:none;border-radius:999px;cursor:pointer;transition:200ms background-color;color:#aaa;background-color:#ddd;box-shadow:0 0 0 2px #fff;display:flex;align-items:center;justify-content:center}.side-panel .settings-option .text-editor-setting .text-editor-btn:hover,.side-panel .settings-option .text-editor-setting .text-editor-btn:focus{color:#333}.side-panel .settings-option .text-editor-setting *:focus+.text-editor-btn{color:#777}.side-panel .settings-option .text-editor-setting *:focus+.text-editor-btn:hover{color:#333}.side-panel .settings-option.width-full{width:100% !important}.side-panel .settings-option.width-half{width:50% !important}.side-panel .settings-option.width-quarter{width:25% !important}.side-panel .settings-option.width-three-quarters{width:75% !important}.side-panel .settings-option .description-link{cursor:pointer;color:#dd4141}.side-panel .settings-option.search-filtered-out,.side-panel .settings-block h2.search-filtered-out,.side-panel .settings-subhead.search-filtered-out,.side-panel .settings-divider.search-filtered-out{opacity:.2;transition:opacity 200ms;-webkit-filter:blur(1px);filter:blur(1px)}.side-panel .detailed-settings h2{margin-bottom:.75rem;padding-left:30px}.side-panel .detailed-settings h2:after{content:"←";left:15px}.side-panel .detailed-settings .settings-block .settings-option{display:block}.side-panel .palette{max-height:calc(100vh - 210px);overflow-y:auto;padding:1px}.side-panel .palette input[type=color],.side-panel .palette button,.side-panel .palette .swatch-color{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;display:inline-block;width:28px;height:28px;padding:0;margin:1px;border:none;outline:none;background:rgba(0,0,0,0)}.side-panel .palette input[type=color].fa-plus-square::before,.side-panel .palette button.fa-plus-square::before,.side-panel .palette .swatch-color.fa-plus-square::before{font-size:32px;color:#ddd;margin-left:1px}.side-panel .palette input[type=color].fa-times,.side-panel .palette button.fa-times,.side-panel .palette .swatch-color.fa-times{position:absolute;right:0;opacity:0;color:#aaa}.side-panel .palette input[type=color].fa-times:hover,.side-panel .palette button.fa-times:hover,.side-panel .palette .swatch-color.fa-times:hover{color:#888}.side-panel .palette input[type=color]::-webkit-color-swatch-wrapper,.side-panel .palette button::-webkit-color-swatch-wrapper,.side-panel .palette .swatch-color::-webkit-color-swatch-wrapper{padding:0}.side-panel .palette input[type=color]::-webkit-color-swatch,.side-panel .palette button::-webkit-color-swatch,.side-panel .palette .swatch-color::-webkit-color-swatch{border:none}.side-panel .palette [draggable]{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.side-panel .palette [draggable]:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.side-panel .palette .swatch-handle{display:block;width:15px;height:28px;color:#ddd;position:absolute;left:1px;top:7px;text-align:center;font-size:18px;font-weight:bold;line-height:5.5px;pointer-events:none}.side-panel .palette input[type=text]{width:120px;width:calc(100% - 52px);background:rgba(0,0,0,0);padding:5px 8px;border-width:0;margin:0}.side-panel .palette p{position:relative;display:flex;align-items:center;margin:0;padding:5px 5px 5px 20px;border-bottom:1px solid #eee}.side-panel .palette p:first-child{border-top:1px solid #eee}.side-panel .palette p:hover button.fa-times{opacity:.5}.side-panel .palette p:hover [draggable]::before{opacity:1}.side-panel .text-editor-container .editor-section{display:inline-block}.side-panel .text-editor-container .editor-section+.editor-section{margin-left:10px;padding-left:6px;border-left:1px solid #ddd}.side-panel .text-editor-container .text-settings{margin-bottom:10px}.side-panel .text-editor-container .editor-button{display:inline-block;margin-left:4px;cursor:pointer}.side-panel .text-editor-container .editor-button:hover{opacity:.8}.side-panel .text-editor-container .editor-button+.editor-button{margin-left:14px}.side-panel .text-editor-container .editor-button svg{height:10px;width:auto}.side-panel .text-editor-container .text-bindings{border:1px solid #ddd;border-top:none;margin-top:-1px;padding:4px}.side-panel .text-editor-container .text-bindings p{display:block;margin:4px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#999}.side-panel .text-editor-container .text-bindings button{display:inline-block;margin:2.5px;border-radius:20px;border:none;min-height:0;padding:2px 10px;cursor:pointer;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.side-panel .text-editor-container .text-bindings button:hover{background:#ddd}.side-panel .text-editor-container .text-bindings button[data-type=dynamic]{background:#ccdee6}.side-panel .text-editor-container .text-bindings button[data-type=dynamic]:hover{background:#bbcdd5}.side-panel .text-editor-container textarea{width:100%;min-height:150px}.side-panel .text-editor-container input.text-input{width:100%}.side-panel .side-panel-top{border-top:none;border-bottom:1px solid rgba(0,0,0,.1);margin-top:0;padding:17px 10px 20px;font-size:1em}.side-panel .side-panel-top.shadow{box-shadow:3px 3px 5px rgba(0,0,0,.1)}.side-panel .side-panel-top .side-panel-top-menu .side-panel-icon-btn{color:#fff;background:#9a9a9a;padding:7px 0 0 0;border-radius:9999px;width:30px;height:30px;text-align:center;margin:0}.side-panel .side-panel-top .side-panel-top-menu .separator{margin:0 .4em;height:1em;border-left:1px solid rgba(0,0,0,.25);display:inline-block;vertical-align:middle}#story .side-panel .side-panel-top .side-panel-top-menu .separator{margin:0 .25em}.side-panel .current-template{margin:0;opacity:0;transition:200ms opacity;position:relative;border-bottom:1px solid #ddd}.side-panel .current-template h1{opacity:1;font-size:11px;font-weight:normal;margin:0;padding:15px 80px 15px 15px}.side-panel .current-template h1>span{display:block;font-weight:bold;font-size:14px}.side-panel .current-template h3{margin-top:.7em}.side-panel .current-template h3 i{margin-left:.2em;color:rgba(0,0,0,.5)}.side-panel .current-template .current-template-title{position:relative}.side-panel .current-template .current-template-title .current-template-version{font-size:11px;font-weight:normal;margin-top:4px}.side-panel .current-template .current-template-title .current-template-version form{display:inline-block;margin-left:4px}.side-panel .current-template .current-template-title .current-template-version form button{all:unset;cursor:pointer}.side-panel .current-template .current-template-title .current-template-version form button img{height:14px;vertical-align:bottom}.side-panel .current-template .current-template-thumbnail{position:absolute;right:0;top:0;width:76px;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.side-panel .current-template .current-template-thumbnail:after{width:20px;height:100%;position:absolute;left:0;right:0;background:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));content:"";display:block}.side-panel .template-theme button#reset-to-theme:disabled{color:#d3d3d3}.side-panel .template-theme .dropdown-item.upgrade-btn::after{top:6px}.side-panel .template-settings-search{background:#fff;padding:5px 15px;border-top:1px solid #eee;position:sticky;bottom:0;width:100%;z-index:2}.side-panel .template-settings-search input{width:200px;border-radius:3px;height:30px;border:1px solid #eee;margin-left:6px}@media(min-width: 820px){.side-panel .template-settings-search{position:fixed;width:329px}}@media(min-width: 620px)and (max-width: 819px){.side-panel .side-panel-inner{max-width:500px;margin-top:20px;margin-left:auto;margin-right:auto}}@media(min-width: 820px){.side-panel{max-width:330px;position:fixed;right:0;top:103px;background:#fff;overflow-y:auto;height:calc(100vh - 103px);border-left:1px solid #ddd}.side-panel .current-template{min-height:56px}}.tab-preview #visualisation .editor-core{overflow:visible !important}.sdk #visualisation .editor-core,.tab-preview.active #visualisation .editor-core{overflow:auto !important;padding-top:10px}body.full-screen .row.editor #visualisation,body.full-screen .row.editor #story{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}body.full-screen .row.editor #visualisation .editor-core #preview,body.full-screen .row.editor #story .editor-core #preview{width:100% !important}body.full-screen .row.editor #visualisation #exit-full-screen,body.full-screen .row.editor #story #exit-full-screen{display:block}body.loading .loading-spinner{opacity:1 !important}body.loading .content{min-height:100vh}body.loading .preview-holder{pointer-events:none;background-color:#f3f3f3}body.loading .preview-holder #preview{background:rgba(0,0,0,0) !important}body.loading .preview-holder iframe{opacity:.1}body.loading .row.data,body.loading #blank-slide{opacity:0;pointer-events:none}#spreadsheet-container.loading .loading-spinner{opacity:1 !important;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);pointer-events:none;z-index:5;transition:opacity 100ms;transition-delay:200ms}#spreadsheet-container.loading #spreadsheet-main{opacity:.1;transition:opacity 100ms;transition-delay:200ms}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body.impossible .preview-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;background:#fff;width:100%;height:100%}body.impossible #preview{opacity:0;pointer-events:none}body.impossible .empty-label .fa{color:#ff5b5b}body.impossible .empty-details .data-tab-icon{padding:0 3px;font-weight:bold}.setting-tooltip{margin-left:3px;color:#fff;background-color:#757575;border-radius:10px;width:12px;height:12px;font-size:8px;padding:2px 0 0 0;text-align:center;vertical-align:bottom;margin-bottom:1px;position:relative}.setting-tooltip.tooltip-upgrade{background-color:#eaa22d}.setting-tooltip:hover,.setting-tooltip:focus{background-color:#aaa;outline:none}.setting-tooltip:hover.tooltip-upgrade,.setting-tooltip:focus.tooltip-upgrade{background-color:#df911c}#private-publishing,#anyone-can-duplicate{padding-right:15px;margin-top:10px;width:100%;display:flex;align-items:center}#private-publishing+input,#anyone-can-duplicate+input{width:100%;padding:5px}#private-publishing+input.hidden,#anyone-can-duplicate+input.hidden{display:none}#private-publishing+input.error,#anyone-can-duplicate+input.error{border-color:#dd4141}#private-publishing.upgrade-btn,#anyone-can-duplicate.upgrade-btn{width:auto;color:#999}#private-publishing.upgrade-btn::after,#anyone-can-duplicate.upgrade-btn::after{top:4px}.is-touch .side-panel .settings-option .color-picker:not(.is-null) .cancel-setting{transform:translateX(27px)}#snapshot-preview-wrapper{padding:8px;border:1px solid #a9a9a9;border-radius:4px;background-color:#fcfcfc;height:300px;align-self:center;justify-self:center;pointer-events:none}#snapshot-grid{display:grid;grid-gap:12px}@media(min-width: 820px){#snapshot-grid{grid-template-columns:auto 200px;min-height:240px;justify-items:center}}#snapshot-grid input.transparency:disabled{pointer-events:none}#snapshot-grid input.transparency:disabled+label.transparency{opacity:.75}#snapshot-grid input[type=checkbox]:not(:disabled),#snapshot-grid input[type=checkbox]:not(:disabled)+label{cursor:pointer}.download-snapshot-btn{align-items:center;display:inline-flex}body.sdk{overflow-x:hidden}body.sdk .error{position:absolute;top:0;left:50%;margin-left:-115px;width:230px;max-width:80%;background:#dd4141;color:#fff;padding:70px 10px 10px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;text-align:center;z-index:101;display:none}body.sdk .error h1{font-size:1em;font-weight:500}body.sdk .error h2{font-size:1em;font-weight:300}body.sdk .error.shown{display:block;animation-name:enter;animation-duration:.3s}@keyframes enter{0%{top:-100px}100%{top:0}}body.sdk .side-panel .side-panel-scrollbox{height:100%}body.sdk .sdk-status-label{border-radius:3px;padding:.16em .8em;font-size:12px;color:#333;opacity:0;transition:opacity 300ms ease 0s,transform 600ms ease 0s;display:inline-block;margin:6px 0 0 28%;background:#efefef}body.sdk .sdk-session-reset-button{font-size:12px;margin-top:11px;margin-left:14px;border:0;border-radius:3px;padding:.12em .5em;float:right;background-color:#eee;cursor:pointer}body.sdk .sdk-session-reset-button:hover{background-color:#fafafa}body.sdk .sdk-session-reset-button:active{background-color:#d5d5d5}.row.text-editor{margin-top:1em;background:none}.row.text-editor .row-inner #code-mirror{width:100%}.row.text-editor .row-inner .CodeMirror{border:1px solid rgba(0,0,0,.3);width:100%}.confirm-saved{color:#aaa;font-weight:bold;margin:-5px 0 0 3px;font-size:12px;line-height:1em;transition:opacity 250ms;opacity:0;text-align:right}.confirm-saved i{display:none}@keyframes anim{0%{color:#aaa}50%{color:#333}100%{color:#aaa}}.confirm-saved.saved{opacity:1;animation:anim 500ms}.confirm-saved.saved .label::before{content:"Saved"}.confirm-saved.saved i{display:inline}.confirm-saved.saving{opacity:1}.confirm-saved.saving .label::before{content:"Saving"}.confirm-saved.saving i{transform:scale(1, 0)}.confirm-saved.error{opacity:1;color:#dd4141}.confirm-saved.error .label::before{content:"Not saved"}.confirm-saved.error i{transform:scale(1, -1);top:.1em}@media(min-width: 820px){.confirm-saved{font-size:12px;margin:0}}/*# sourceMappingURL=sdk.css.map */
|