@charset "UTF-8"; /* Artifakt Element definitions. */ @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Hair.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Hair.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Hair.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Hair.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Hair.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 100; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Thin.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Thin.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Thin.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Thin.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Thin.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 200; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Light.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Light.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Light.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Light.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Light.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 300; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Regular.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Regular.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Regular.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Regular.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Regular.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Bold.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Bold.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Bold.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Bold.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Bold.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 500; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Book.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Book.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Book.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Book.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Book.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 600; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Medium.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Medium.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Medium.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Medium.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Medium.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 700; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Black.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Black.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Black.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Black.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Black.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 800; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Heavy.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/EOT/Artifakt%20Element%20Heavy.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF2/Artifakt%20Element%20Heavy.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/WOFF/Artifakt%20Element%20Heavy.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktElement/TTF/Artifakt%20Element%20Heavy.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 900; font-style: normal; } /* Artifakt Legend definitions. */ @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Hair.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Hair.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Hair.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Hair.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Hair.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 100; font-style: normal; } @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Thin.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Thin.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Thin.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Thin.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Thin.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 200; font-style: normal; } @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Light.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Light.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Light.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Light.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Light.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 300; font-style: normal; } @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Regular.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Regular.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Regular.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Regular.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Regular.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Bold.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Bold.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Bold.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Bold.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Bold.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 500; font-style: normal; } @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Book.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Book.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Book.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Book.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Book.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 600; font-style: normal; } @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Medium.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Medium.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Medium.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Medium.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Medium.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 700; font-style: normal; } @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Black.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Black.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Black.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Black.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Black.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 800; font-style: normal; } @font-face { font-family: 'ArtifaktLegend'; src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Heavy.eot"); /* IE9 Compat Modes */ src: url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/EOT/Artifakt%20Legend%20Heavy.eot?#iefix") format("embedded-opentype"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Heavy.woff2") format("woff2"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/WOFF/Artifakt%20Legend%20Heavy.woff") format("woff"), url("//123d-circuits-assets.s3.amazonaws.com/fonts/ArtifaktLegend/TTF/Artifakt%20Legend%20Heavy.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 900; font-style: normal; } /* ----------- BASE VARS ----------- */ /* ----------- LAYOUT ----------- */ /* ----------- HORIZONTAL GRID ----------- */ /* ----------- RESPONSIVE ----------- */ /* ----------- VERTICAL GRID ----------- */ /* ----------- COLORS GENERAL ----------- */ /* ----------- FONT & SIZES ----------- */ /* ----------- ADDITIONAL TITLE PROPERTIES ----------- */ /* ----------- BODY ----------- */ /* ----------- TEXT ----------- */ /* ----------- LINK ----------- */ /* ----------- BUTTON ----------- */ /* ----------- LISTS ----------- */ /* ----------- CONTENT STYLING THEMES ----------- */ /* ----------- FORMS ----------- */ /* ----------- WIDTHS ----------- */ /* ----------- PARTNERS ----------- */ /* ----------- HIG ----------- */ /* ----------------- BUTTON COLORS ----------------- */ /* ----------------- PARTNER COLORING ----------------- */ /* ----------------- RESPONSIVE GRID ----------------- */ /* ----------------- RESPONSIVE HIDE ----------------- */ @media only screen and (max-width: 991px) { .mobile--hide { display: none; } } @media only screen and (min-width: 480px) and (max-width: 991px) { .tablet--hide { display: none; } } @media only screen and (min-width: 600px) { .tablet--large--hide { display: none; } } @media only screen and (max-width: 599px) { .tablet--large--down--hide { display: none; } } @media only screen and (min-width: 800px) { .width--800--hide { display: none; } } @media only screen and (max-width: 799px) { .width--800--down--hide { display: none; } } @media only screen and (min-width: 1000px) { .width--1000--hide { display: none; } } @media only screen and (max-width: 999px) { .width--1000--down--hide { display: none; } } @media only screen and (min-width: 992px) { .desktop--hide { display: none; } } @media only screen and (max-width: 1199px) { .desktop--small--hide { display: none; } } @media only screen and (min-width: 1200px) { .desktop--large--hide { display: none; } } @media only screen and (min-width: 1800px) { .desktop--huge--hide { display: none; } } /* ----------------- VENDOR PREFIXER ----------------- */ /* ----------------- VENDOR KEYFRAME ----------------- */ /* ----------------- Placehoolder mixin https://gist.github.com/antsa/2170024 ----------------- */ /* ----------------- Hover buttons style ----------------- */ /* ----------------- Ease Transitions ----------------- */ /* ----------------- No Highlighting ----------------- */ /* ----------------- Flexbox ----------------- */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { height: 100%; } body { font-family: "ArtifaktElement", "Roboto", "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", "MS PGothic", Osaka, 宋体, SimSun, 华文细黑, STXihei, 新細明體, PMingLiU, 蘋果儷細宋, Apple LiSung Light, sans-serif; background-color: #f4f5f6; color: #34495e; font-size: 15px; min-height: 100%; } /*------------------------------------*\ $VARIABLES \*------------------------------------*/ /** * Set the spacing between your grid items. */ /** * Would you like push and pull classes enabled? */ /** * Using `inline-block` means that the grid items need their whitespace removing * in order for them to work correctly. Set the following to true if you are * going to achieve this by manually removing/commenting out any whitespace in * your HTML yourself. * * Setting this to false invokes a hack which cannot always be guaranteed, * please see the following for more detail: * * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371 */ /** * Define your breakpoints. The first value is the prefix that shall be used for * your classes (e.g. `.palm--one-half`), the second value is the media query * that the breakpoint fires at. */ /** * Define which namespaced breakpoints you would like to generate for each of * widths, push and pull. This is handy if you only need pull on, say, desk, or * you only need a new width breakpoint at mobile sizes. It allows you to only * compile as much CSS as you need. All are turned on by default, but you can * add and remove breakpoints at will. * * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive` * have been set to ‘true’. */ /*------------------------------------*\ $GRID SETUP \*------------------------------------*/ /** * 1. Allow the grid system to be used on lists. * 2. Remove any margins and paddings that might affect the grid system. * 3. Apply a negative `margin-left` to negate the columns’ gutters. */ .grid { list-style: none; /* [1] */ margin: 0; /* [2] */ padding: 0; /* [2] */ margin-left: -20px; /* [3] */ letter-spacing: -0.31em; } /* Opera hack */ .opera:-o-prefocus, .grid { word-spacing: -0.43em; } /** * 1. Cause columns to stack side-by-side. * 2. Space columns apart. * 3. Align columns to the tops of each other. * 4. Full-width unless told to behave otherwise. * 5. Required to combine fluid widths and fixed gutters. */ .grid__item { display: inline-block; /* [1] */ padding-left: 20px; /* [2] */ vertical-align: top; /* [3] */ width: 100%; /* [4] */ -webkit-box-sizing: border-box; /* [5] */ -moz-box-sizing: border-box; /* [5] */ box-sizing: border-box; /* [5] */ letter-spacing: normal; word-spacing: normal; } /** * Reversed grids allow you to structure your source in the opposite order to * how your rendered layout will appear. Extends `.grid`. */ .grid--rev { direction: rtl; text-align: left; } .grid--rev > .grid__item { direction: ltr; text-align: left; } /** * Gutterless grids have all the properties of regular grids, minus any spacing. * Extends `.grid`. */ .grid--full { margin-left: 0; } .grid--full > .grid__item { padding-left: 0; } /** * Align the entire grid to the right. Extends `.grid`. */ .grid--right { text-align: right; } .grid--right > .grid__item { text-align: left; } /** * Centered grids align grid items centrally without needing to use push or pull * classes. Extends `.grid`. */ .grid--center { text-align: center; } .grid--center > .grid__item { text-align: left; } /** * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends * `.grid`. */ .grid--middle > .grid__item { vertical-align: middle; } .grid--bottom > .grid__item { vertical-align: bottom; } /** * Create grids with narrower gutters. Extends `.grid`. */ .grid--narrow { margin-left: -10px; } .grid--narrow > .grid__item { padding-left: 10px; } /** * Create grids with wider gutters. Extends `.grid`. */ .grid--wide { margin-left: -40px; } .grid--wide > .grid__item { padding-left: 40px; } /*------------------------------------*\ $WIDTHS \*------------------------------------*/ /** * Create our width classes, prefixed by the specified namespace. */ /** * Our regular, non-responsive width classes. */ /** * Whole */ .one-whole { width: 100%; } /** * Halves */ .one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths { width: 50%; } /** * Thirds */ .one-third, .two-sixths, .four-twelfths { width: 33.333%; } .two-thirds, .four-sixths, .eight-twelfths { width: 66.666%; } /** * Quarters */ .one-quarter, .two-eighths, .three-twelfths { width: 25%; } .three-quarters, .six-eighths, .nine-twelfths { width: 75%; } /** * Fifths */ .one-fifth, .two-tenths { width: 20%; } .two-fifths, .four-tenths { width: 40%; } .three-fifths, .six-tenths { width: 60%; } .four-fifths, .eight-tenths { width: 80%; } /** * Sixths */ .one-sixth, .two-twelfths { width: 16.666%; } .five-sixths, .ten-twelfths { width: 83.333%; } /** * Eighths */ .one-eighth { width: 12.5%; } .three-eighths { width: 37.5%; } .five-eighths { width: 62.5%; } .seven-eighths { width: 87.5%; } /** * Tenths */ .one-tenth { width: 10%; } .three-tenths { width: 30%; } .seven-tenths { width: 70%; } .nine-tenths { width: 90%; } /** * Twelfths */ .one-twelfth { width: 8.333%; } .five-twelfths { width: 41.666%; } .seven-twelfths { width: 58.333%; } .eleven-twelfths { width: 91.666%; } /** * Our responsive classes, if we have enabled them. */ @media only screen and (max-width: 991px) { /** * Whole */ .mobile--one-whole { width: 100%; } /** * Halves */ .mobile--one-half, .mobile--two-quarters, .mobile--three-sixths, .mobile--four-eighths, .mobile--five-tenths, .mobile--six-twelfths { width: 50%; } /** * Thirds */ .mobile--one-third, .mobile--two-sixths, .mobile--four-twelfths { width: 33.333%; } .mobile--two-thirds, .mobile--four-sixths, .mobile--eight-twelfths { width: 66.666%; } /** * Quarters */ .mobile--one-quarter, .mobile--two-eighths, .mobile--three-twelfths { width: 25%; } .mobile--three-quarters, .mobile--six-eighths, .mobile--nine-twelfths { width: 75%; } /** * Fifths */ .mobile--one-fifth, .mobile--two-tenths { width: 20%; } .mobile--two-fifths, .mobile--four-tenths { width: 40%; } .mobile--three-fifths, .mobile--six-tenths { width: 60%; } .mobile--four-fifths, .mobile--eight-tenths { width: 80%; } /** * Sixths */ .mobile--one-sixth, .mobile--two-twelfths { width: 16.666%; } .mobile--five-sixths, .mobile--ten-twelfths { width: 83.333%; } /** * Eighths */ .mobile--one-eighth { width: 12.5%; } .mobile--three-eighths { width: 37.5%; } .mobile--five-eighths { width: 62.5%; } .mobile--seven-eighths { width: 87.5%; } /** * Tenths */ .mobile--one-tenth { width: 10%; } .mobile--three-tenths { width: 30%; } .mobile--seven-tenths { width: 70%; } .mobile--nine-tenths { width: 90%; } /** * Twelfths */ .mobile--one-twelfth { width: 8.333%; } .mobile--five-twelfths { width: 41.666%; } .mobile--seven-twelfths { width: 58.333%; } .mobile--eleven-twelfths { width: 91.666%; } } @media only screen and (min-width: 480px) and (max-width: 991px) { /** * Whole */ .tablet--one-whole { width: 100%; } /** * Halves */ .tablet--one-half, .tablet--two-quarters, .tablet--three-sixths, .tablet--four-eighths, .tablet--five-tenths, .tablet--six-twelfths { width: 50%; } /** * Thirds */ .tablet--one-third, .tablet--two-sixths, .tablet--four-twelfths { width: 33.333%; } .tablet--two-thirds, .tablet--four-sixths, .tablet--eight-twelfths { width: 66.666%; } /** * Quarters */ .tablet--one-quarter, .tablet--two-eighths, .tablet--three-twelfths { width: 25%; } .tablet--three-quarters, .tablet--six-eighths, .tablet--nine-twelfths { width: 75%; } /** * Fifths */ .tablet--one-fifth, .tablet--two-tenths { width: 20%; } .tablet--two-fifths, .tablet--four-tenths { width: 40%; } .tablet--three-fifths, .tablet--six-tenths { width: 60%; } .tablet--four-fifths, .tablet--eight-tenths { width: 80%; } /** * Sixths */ .tablet--one-sixth, .tablet--two-twelfths { width: 16.666%; } .tablet--five-sixths, .tablet--ten-twelfths { width: 83.333%; } /** * Eighths */ .tablet--one-eighth { width: 12.5%; } .tablet--three-eighths { width: 37.5%; } .tablet--five-eighths { width: 62.5%; } .tablet--seven-eighths { width: 87.5%; } /** * Tenths */ .tablet--one-tenth { width: 10%; } .tablet--three-tenths { width: 30%; } .tablet--seven-tenths { width: 70%; } .tablet--nine-tenths { width: 90%; } /** * Twelfths */ .tablet--one-twelfth { width: 8.333%; } .tablet--five-twelfths { width: 41.666%; } .tablet--seven-twelfths { width: 58.333%; } .tablet--eleven-twelfths { width: 91.666%; } } @media only screen and (min-width: 600px) { /** * Whole */ .tablet--large--one-whole { width: 100%; } /** * Halves */ .tablet--large--one-half, .tablet--large--two-quarters, .tablet--large--three-sixths, .tablet--large--four-eighths, .tablet--large--five-tenths, .tablet--large--six-twelfths { width: 50%; } /** * Thirds */ .tablet--large--one-third, .tablet--large--two-sixths, .tablet--large--four-twelfths { width: 33.333%; } .tablet--large--two-thirds, .tablet--large--four-sixths, .tablet--large--eight-twelfths { width: 66.666%; } /** * Quarters */ .tablet--large--one-quarter, .tablet--large--two-eighths, .tablet--large--three-twelfths { width: 25%; } .tablet--large--three-quarters, .tablet--large--six-eighths, .tablet--large--nine-twelfths { width: 75%; } /** * Fifths */ .tablet--large--one-fifth, .tablet--large--two-tenths { width: 20%; } .tablet--large--two-fifths, .tablet--large--four-tenths { width: 40%; } .tablet--large--three-fifths, .tablet--large--six-tenths { width: 60%; } .tablet--large--four-fifths, .tablet--large--eight-tenths { width: 80%; } /** * Sixths */ .tablet--large--one-sixth, .tablet--large--two-twelfths { width: 16.666%; } .tablet--large--five-sixths, .tablet--large--ten-twelfths { width: 83.333%; } /** * Eighths */ .tablet--large--one-eighth { width: 12.5%; } .tablet--large--three-eighths { width: 37.5%; } .tablet--large--five-eighths { width: 62.5%; } .tablet--large--seven-eighths { width: 87.5%; } /** * Tenths */ .tablet--large--one-tenth { width: 10%; } .tablet--large--three-tenths { width: 30%; } .tablet--large--seven-tenths { width: 70%; } .tablet--large--nine-tenths { width: 90%; } /** * Twelfths */ .tablet--large--one-twelfth { width: 8.333%; } .tablet--large--five-twelfths { width: 41.666%; } .tablet--large--seven-twelfths { width: 58.333%; } .tablet--large--eleven-twelfths { width: 91.666%; } } @media only screen and (min-width: 800px) { /** * Whole */ .width--800--one-whole { width: 100%; } /** * Halves */ .width--800--one-half, .width--800--two-quarters, .width--800--three-sixths, .width--800--four-eighths, .width--800--five-tenths, .width--800--six-twelfths { width: 50%; } /** * Thirds */ .width--800--one-third, .width--800--two-sixths, .width--800--four-twelfths { width: 33.333%; } .width--800--two-thirds, .width--800--four-sixths, .width--800--eight-twelfths { width: 66.666%; } /** * Quarters */ .width--800--one-quarter, .width--800--two-eighths, .width--800--three-twelfths { width: 25%; } .width--800--three-quarters, .width--800--six-eighths, .width--800--nine-twelfths { width: 75%; } /** * Fifths */ .width--800--one-fifth, .width--800--two-tenths { width: 20%; } .width--800--two-fifths, .width--800--four-tenths { width: 40%; } .width--800--three-fifths, .width--800--six-tenths { width: 60%; } .width--800--four-fifths, .width--800--eight-tenths { width: 80%; } /** * Sixths */ .width--800--one-sixth, .width--800--two-twelfths { width: 16.666%; } .width--800--five-sixths, .width--800--ten-twelfths { width: 83.333%; } /** * Eighths */ .width--800--one-eighth { width: 12.5%; } .width--800--three-eighths { width: 37.5%; } .width--800--five-eighths { width: 62.5%; } .width--800--seven-eighths { width: 87.5%; } /** * Tenths */ .width--800--one-tenth { width: 10%; } .width--800--three-tenths { width: 30%; } .width--800--seven-tenths { width: 70%; } .width--800--nine-tenths { width: 90%; } /** * Twelfths */ .width--800--one-twelfth { width: 8.333%; } .width--800--five-twelfths { width: 41.666%; } .width--800--seven-twelfths { width: 58.333%; } .width--800--eleven-twelfths { width: 91.666%; } } @media only screen and (min-width: 1000px) { /** * Whole */ .width--1000--one-whole { width: 100%; } /** * Halves */ .width--1000--one-half, .width--1000--two-quarters, .width--1000--three-sixths, .width--1000--four-eighths, .width--1000--five-tenths, .width--1000--six-twelfths { width: 50%; } /** * Thirds */ .width--1000--one-third, .width--1000--two-sixths, .width--1000--four-twelfths { width: 33.333%; } .width--1000--two-thirds, .width--1000--four-sixths, .width--1000--eight-twelfths { width: 66.666%; } /** * Quarters */ .width--1000--one-quarter, .width--1000--two-eighths, .width--1000--three-twelfths { width: 25%; } .width--1000--three-quarters, .width--1000--six-eighths, .width--1000--nine-twelfths { width: 75%; } /** * Fifths */ .width--1000--one-fifth, .width--1000--two-tenths { width: 20%; } .width--1000--two-fifths, .width--1000--four-tenths { width: 40%; } .width--1000--three-fifths, .width--1000--six-tenths { width: 60%; } .width--1000--four-fifths, .width--1000--eight-tenths { width: 80%; } /** * Sixths */ .width--1000--one-sixth, .width--1000--two-twelfths { width: 16.666%; } .width--1000--five-sixths, .width--1000--ten-twelfths { width: 83.333%; } /** * Eighths */ .width--1000--one-eighth { width: 12.5%; } .width--1000--three-eighths { width: 37.5%; } .width--1000--five-eighths { width: 62.5%; } .width--1000--seven-eighths { width: 87.5%; } /** * Tenths */ .width--1000--one-tenth { width: 10%; } .width--1000--three-tenths { width: 30%; } .width--1000--seven-tenths { width: 70%; } .width--1000--nine-tenths { width: 90%; } /** * Twelfths */ .width--1000--one-twelfth { width: 8.333%; } .width--1000--five-twelfths { width: 41.666%; } .width--1000--seven-twelfths { width: 58.333%; } .width--1000--eleven-twelfths { width: 91.666%; } } @media only screen and (min-width: 992px) { /** * Whole */ .desktop--one-whole { width: 100%; } /** * Halves */ .desktop--one-half, .desktop--two-quarters, .desktop--three-sixths, .desktop--four-eighths, .desktop--five-tenths, .desktop--six-twelfths { width: 50%; } /** * Thirds */ .desktop--one-third, .desktop--two-sixths, .desktop--four-twelfths { width: 33.333%; } .desktop--two-thirds, .desktop--four-sixths, .desktop--eight-twelfths { width: 66.666%; } /** * Quarters */ .desktop--one-quarter, .desktop--two-eighths, .desktop--three-twelfths { width: 25%; } .desktop--three-quarters, .desktop--six-eighths, .desktop--nine-twelfths { width: 75%; } /** * Fifths */ .desktop--one-fifth, .desktop--two-tenths { width: 20%; } .desktop--two-fifths, .desktop--four-tenths { width: 40%; } .desktop--three-fifths, .desktop--six-tenths { width: 60%; } .desktop--four-fifths, .desktop--eight-tenths { width: 80%; } /** * Sixths */ .desktop--one-sixth, .desktop--two-twelfths { width: 16.666%; } .desktop--five-sixths, .desktop--ten-twelfths { width: 83.333%; } /** * Eighths */ .desktop--one-eighth { width: 12.5%; } .desktop--three-eighths { width: 37.5%; } .desktop--five-eighths { width: 62.5%; } .desktop--seven-eighths { width: 87.5%; } /** * Tenths */ .desktop--one-tenth { width: 10%; } .desktop--three-tenths { width: 30%; } .desktop--seven-tenths { width: 70%; } .desktop--nine-tenths { width: 90%; } /** * Twelfths */ .desktop--one-twelfth { width: 8.333%; } .desktop--five-twelfths { width: 41.666%; } .desktop--seven-twelfths { width: 58.333%; } .desktop--eleven-twelfths { width: 91.666%; } } @media only screen and (min-width: 1200px) { /** * Whole */ .desktop--large--one-whole { width: 100%; } /** * Halves */ .desktop--large--one-half, .desktop--large--two-quarters, .desktop--large--three-sixths, .desktop--large--four-eighths, .desktop--large--five-tenths, .desktop--large--six-twelfths { width: 50%; } /** * Thirds */ .desktop--large--one-third, .desktop--large--two-sixths, .desktop--large--four-twelfths { width: 33.333%; } .desktop--large--two-thirds, .desktop--large--four-sixths, .desktop--large--eight-twelfths { width: 66.666%; } /** * Quarters */ .desktop--large--one-quarter, .desktop--large--two-eighths, .desktop--large--three-twelfths { width: 25%; } .desktop--large--three-quarters, .desktop--large--six-eighths, .desktop--large--nine-twelfths { width: 75%; } /** * Fifths */ .desktop--large--one-fifth, .desktop--large--two-tenths { width: 20%; } .desktop--large--two-fifths, .desktop--large--four-tenths { width: 40%; } .desktop--large--three-fifths, .desktop--large--six-tenths { width: 60%; } .desktop--large--four-fifths, .desktop--large--eight-tenths { width: 80%; } /** * Sixths */ .desktop--large--one-sixth, .desktop--large--two-twelfths { width: 16.666%; } .desktop--large--five-sixths, .desktop--large--ten-twelfths { width: 83.333%; } /** * Eighths */ .desktop--large--one-eighth { width: 12.5%; } .desktop--large--three-eighths { width: 37.5%; } .desktop--large--five-eighths { width: 62.5%; } .desktop--large--seven-eighths { width: 87.5%; } /** * Tenths */ .desktop--large--one-tenth { width: 10%; } .desktop--large--three-tenths { width: 30%; } .desktop--large--seven-tenths { width: 70%; } .desktop--large--nine-tenths { width: 90%; } /** * Twelfths */ .desktop--large--one-twelfth { width: 8.333%; } .desktop--large--five-twelfths { width: 41.666%; } .desktop--large--seven-twelfths { width: 58.333%; } .desktop--large--eleven-twelfths { width: 91.666%; } } /*------------------------------------*\ $PUSH \*------------------------------------*/ /** * Push classes, to move grid items over to the right by certain amounts. */ /** * Not a particularly great selector, but the DRYest way to do things. */ [class*="push--"] { position: relative; } /** * Whole */ .push--one-whole { left: 100%; } /** * Halves */ .push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths { left: 50%; } /** * Thirds */ .push--one-third, .push--two-sixths, .push--four-twelfths { left: 33.333%; } .push--two-thirds, .push--four-sixths, .push--eight-twelfths { left: 66.666%; } /** * Quarters */ .push--one-quarter, .push--two-eighths, .push--three-twelfths { left: 25%; } .push--three-quarters, .push--six-eighths, .push--nine-twelfths { left: 75%; } /** * Fifths */ .push--one-fifth, .push--two-tenths { left: 20%; } .push--two-fifths, .push--four-tenths { left: 40%; } .push--three-fifths, .push--six-tenths { left: 60%; } .push--four-fifths, .push--eight-tenths { left: 80%; } /** * Sixths */ .push--one-sixth, .push--two-twelfths { left: 16.666%; } .push--five-sixths, .push--ten-twelfths { left: 83.333%; } /** * Eighths */ .push--one-eighth { left: 12.5%; } .push--three-eighths { left: 37.5%; } .push--five-eighths { left: 62.5%; } .push--seven-eighths { left: 87.5%; } /** * Tenths */ .push--one-tenth { left: 10%; } .push--three-tenths { left: 30%; } .push--seven-tenths { left: 70%; } .push--nine-tenths { left: 90%; } /** * Twelfths */ .push--one-twelfth { left: 8.333%; } .push--five-twelfths { left: 41.666%; } .push--seven-twelfths { left: 58.333%; } .push--eleven-twelfths { left: 91.666%; } @media only screen and (max-width: 991px) { /** * Whole */ .push--mobile--one-whole { left: 100%; } /** * Halves */ .push--mobile--one-half, .push--mobile--two-quarters, .push--mobile--three-sixths, .push--mobile--four-eighths, .push--mobile--five-tenths, .push--mobile--six-twelfths { left: 50%; } /** * Thirds */ .push--mobile--one-third, .push--mobile--two-sixths, .push--mobile--four-twelfths { left: 33.333%; } .push--mobile--two-thirds, .push--mobile--four-sixths, .push--mobile--eight-twelfths { left: 66.666%; } /** * Quarters */ .push--mobile--one-quarter, .push--mobile--two-eighths, .push--mobile--three-twelfths { left: 25%; } .push--mobile--three-quarters, .push--mobile--six-eighths, .push--mobile--nine-twelfths { left: 75%; } /** * Fifths */ .push--mobile--one-fifth, .push--mobile--two-tenths { left: 20%; } .push--mobile--two-fifths, .push--mobile--four-tenths { left: 40%; } .push--mobile--three-fifths, .push--mobile--six-tenths { left: 60%; } .push--mobile--four-fifths, .push--mobile--eight-tenths { left: 80%; } /** * Sixths */ .push--mobile--one-sixth, .push--mobile--two-twelfths { left: 16.666%; } .push--mobile--five-sixths, .push--mobile--ten-twelfths { left: 83.333%; } /** * Eighths */ .push--mobile--one-eighth { left: 12.5%; } .push--mobile--three-eighths { left: 37.5%; } .push--mobile--five-eighths { left: 62.5%; } .push--mobile--seven-eighths { left: 87.5%; } /** * Tenths */ .push--mobile--one-tenth { left: 10%; } .push--mobile--three-tenths { left: 30%; } .push--mobile--seven-tenths { left: 70%; } .push--mobile--nine-tenths { left: 90%; } /** * Twelfths */ .push--mobile--one-twelfth { left: 8.333%; } .push--mobile--five-twelfths { left: 41.666%; } .push--mobile--seven-twelfths { left: 58.333%; } .push--mobile--eleven-twelfths { left: 91.666%; } } @media only screen and (min-width: 992px) { /** * Whole */ .push--desktop--one-whole { left: 100%; } /** * Halves */ .push--desktop--one-half, .push--desktop--two-quarters, .push--desktop--three-sixths, .push--desktop--four-eighths, .push--desktop--five-tenths, .push--desktop--six-twelfths { left: 50%; } /** * Thirds */ .push--desktop--one-third, .push--desktop--two-sixths, .push--desktop--four-twelfths { left: 33.333%; } .push--desktop--two-thirds, .push--desktop--four-sixths, .push--desktop--eight-twelfths { left: 66.666%; } /** * Quarters */ .push--desktop--one-quarter, .push--desktop--two-eighths, .push--desktop--three-twelfths { left: 25%; } .push--desktop--three-quarters, .push--desktop--six-eighths, .push--desktop--nine-twelfths { left: 75%; } /** * Fifths */ .push--desktop--one-fifth, .push--desktop--two-tenths { left: 20%; } .push--desktop--two-fifths, .push--desktop--four-tenths { left: 40%; } .push--desktop--three-fifths, .push--desktop--six-tenths { left: 60%; } .push--desktop--four-fifths, .push--desktop--eight-tenths { left: 80%; } /** * Sixths */ .push--desktop--one-sixth, .push--desktop--two-twelfths { left: 16.666%; } .push--desktop--five-sixths, .push--desktop--ten-twelfths { left: 83.333%; } /** * Eighths */ .push--desktop--one-eighth { left: 12.5%; } .push--desktop--three-eighths { left: 37.5%; } .push--desktop--five-eighths { left: 62.5%; } .push--desktop--seven-eighths { left: 87.5%; } /** * Tenths */ .push--desktop--one-tenth { left: 10%; } .push--desktop--three-tenths { left: 30%; } .push--desktop--seven-tenths { left: 70%; } .push--desktop--nine-tenths { left: 90%; } /** * Twelfths */ .push--desktop--one-twelfth { left: 8.333%; } .push--desktop--five-twelfths { left: 41.666%; } .push--desktop--seven-twelfths { left: 58.333%; } .push--desktop--eleven-twelfths { left: 91.666%; } } @media only screen and (min-width: 600px) { /** * Whole */ .push--tablet--large--one-whole { left: 100%; } /** * Halves */ .push--tablet--large--one-half, .push--tablet--large--two-quarters, .push--tablet--large--three-sixths, .push--tablet--large--four-eighths, .push--tablet--large--five-tenths, .push--tablet--large--six-twelfths { left: 50%; } /** * Thirds */ .push--tablet--large--one-third, .push--tablet--large--two-sixths, .push--tablet--large--four-twelfths { left: 33.333%; } .push--tablet--large--two-thirds, .push--tablet--large--four-sixths, .push--tablet--large--eight-twelfths { left: 66.666%; } /** * Quarters */ .push--tablet--large--one-quarter, .push--tablet--large--two-eighths, .push--tablet--large--three-twelfths { left: 25%; } .push--tablet--large--three-quarters, .push--tablet--large--six-eighths, .push--tablet--large--nine-twelfths { left: 75%; } /** * Fifths */ .push--tablet--large--one-fifth, .push--tablet--large--two-tenths { left: 20%; } .push--tablet--large--two-fifths, .push--tablet--large--four-tenths { left: 40%; } .push--tablet--large--three-fifths, .push--tablet--large--six-tenths { left: 60%; } .push--tablet--large--four-fifths, .push--tablet--large--eight-tenths { left: 80%; } /** * Sixths */ .push--tablet--large--one-sixth, .push--tablet--large--two-twelfths { left: 16.666%; } .push--tablet--large--five-sixths, .push--tablet--large--ten-twelfths { left: 83.333%; } /** * Eighths */ .push--tablet--large--one-eighth { left: 12.5%; } .push--tablet--large--three-eighths { left: 37.5%; } .push--tablet--large--five-eighths { left: 62.5%; } .push--tablet--large--seven-eighths { left: 87.5%; } /** * Tenths */ .push--tablet--large--one-tenth { left: 10%; } .push--tablet--large--three-tenths { left: 30%; } .push--tablet--large--seven-tenths { left: 70%; } .push--tablet--large--nine-tenths { left: 90%; } /** * Twelfths */ .push--tablet--large--one-twelfth { left: 8.333%; } .push--tablet--large--five-twelfths { left: 41.666%; } .push--tablet--large--seven-twelfths { left: 58.333%; } .push--tablet--large--eleven-twelfths { left: 91.666%; } } @media only screen and (min-width: 1000px) { /** * Whole */ .push--width--1000--one-whole { left: 100%; } /** * Halves */ .push--width--1000--one-half, .push--width--1000--two-quarters, .push--width--1000--three-sixths, .push--width--1000--four-eighths, .push--width--1000--five-tenths, .push--width--1000--six-twelfths { left: 50%; } /** * Thirds */ .push--width--1000--one-third, .push--width--1000--two-sixths, .push--width--1000--four-twelfths { left: 33.333%; } .push--width--1000--two-thirds, .push--width--1000--four-sixths, .push--width--1000--eight-twelfths { left: 66.666%; } /** * Quarters */ .push--width--1000--one-quarter, .push--width--1000--two-eighths, .push--width--1000--three-twelfths { left: 25%; } .push--width--1000--three-quarters, .push--width--1000--six-eighths, .push--width--1000--nine-twelfths { left: 75%; } /** * Fifths */ .push--width--1000--one-fifth, .push--width--1000--two-tenths { left: 20%; } .push--width--1000--two-fifths, .push--width--1000--four-tenths { left: 40%; } .push--width--1000--three-fifths, .push--width--1000--six-tenths { left: 60%; } .push--width--1000--four-fifths, .push--width--1000--eight-tenths { left: 80%; } /** * Sixths */ .push--width--1000--one-sixth, .push--width--1000--two-twelfths { left: 16.666%; } .push--width--1000--five-sixths, .push--width--1000--ten-twelfths { left: 83.333%; } /** * Eighths */ .push--width--1000--one-eighth { left: 12.5%; } .push--width--1000--three-eighths { left: 37.5%; } .push--width--1000--five-eighths { left: 62.5%; } .push--width--1000--seven-eighths { left: 87.5%; } /** * Tenths */ .push--width--1000--one-tenth { left: 10%; } .push--width--1000--three-tenths { left: 30%; } .push--width--1000--seven-tenths { left: 70%; } .push--width--1000--nine-tenths { left: 90%; } /** * Twelfths */ .push--width--1000--one-twelfth { left: 8.333%; } .push--width--1000--five-twelfths { left: 41.666%; } .push--width--1000--seven-twelfths { left: 58.333%; } .push--width--1000--eleven-twelfths { left: 91.666%; } } /*------------------------------------*\ $PULL \*------------------------------------*/ /** * Pull classes, to move grid items back to the left by certain amounts. */ /** * Not a particularly great selector, but the DRYest way to do things. */ [class*="pull--"] { position: relative; } /** * Whole */ .pull--one-whole { right: 100%; } /** * Halves */ .pull--one-half, .pull--two-quarters, .pull--three-sixths, .pull--four-eighths, .pull--five-tenths, .pull--six-twelfths { right: 50%; } /** * Thirds */ .pull--one-third, .pull--two-sixths, .pull--four-twelfths { right: 33.333%; } .pull--two-thirds, .pull--four-sixths, .pull--eight-twelfths { right: 66.666%; } /** * Quarters */ .pull--one-quarter, .pull--two-eighths, .pull--three-twelfths { right: 25%; } .pull--three-quarters, .pull--six-eighths, .pull--nine-twelfths { right: 75%; } /** * Fifths */ .pull--one-fifth, .pull--two-tenths { right: 20%; } .pull--two-fifths, .pull--four-tenths { right: 40%; } .pull--three-fifths, .pull--six-tenths { right: 60%; } .pull--four-fifths, .pull--eight-tenths { right: 80%; } /** * Sixths */ .pull--one-sixth, .pull--two-twelfths { right: 16.666%; } .pull--five-sixths, .pull--ten-twelfths { right: 83.333%; } /** * Eighths */ .pull--one-eighth { right: 12.5%; } .pull--three-eighths { right: 37.5%; } .pull--five-eighths { right: 62.5%; } .pull--seven-eighths { right: 87.5%; } /** * Tenths */ .pull--one-tenth { right: 10%; } .pull--three-tenths { right: 30%; } .pull--seven-tenths { right: 70%; } .pull--nine-tenths { right: 90%; } /** * Twelfths */ .pull--one-twelfth { right: 8.333%; } .pull--five-twelfths { right: 41.666%; } .pull--seven-twelfths { right: 58.333%; } .pull--eleven-twelfths { right: 91.666%; } @media only screen and (max-width: 991px) { /** * Whole */ .pull--mobile--one-whole { right: 100%; } /** * Halves */ .pull--mobile--one-half, .pull--mobile--two-quarters, .pull--mobile--three-sixths, .pull--mobile--four-eighths, .pull--mobile--five-tenths, .pull--mobile--six-twelfths { right: 50%; } /** * Thirds */ .pull--mobile--one-third, .pull--mobile--two-sixths, .pull--mobile--four-twelfths { right: 33.333%; } .pull--mobile--two-thirds, .pull--mobile--four-sixths, .pull--mobile--eight-twelfths { right: 66.666%; } /** * Quarters */ .pull--mobile--one-quarter, .pull--mobile--two-eighths, .pull--mobile--three-twelfths { right: 25%; } .pull--mobile--three-quarters, .pull--mobile--six-eighths, .pull--mobile--nine-twelfths { right: 75%; } /** * Fifths */ .pull--mobile--one-fifth, .pull--mobile--two-tenths { right: 20%; } .pull--mobile--two-fifths, .pull--mobile--four-tenths { right: 40%; } .pull--mobile--three-fifths, .pull--mobile--six-tenths { right: 60%; } .pull--mobile--four-fifths, .pull--mobile--eight-tenths { right: 80%; } /** * Sixths */ .pull--mobile--one-sixth, .pull--mobile--two-twelfths { right: 16.666%; } .pull--mobile--five-sixths, .pull--mobile--ten-twelfths { right: 83.333%; } /** * Eighths */ .pull--mobile--one-eighth { right: 12.5%; } .pull--mobile--three-eighths { right: 37.5%; } .pull--mobile--five-eighths { right: 62.5%; } .pull--mobile--seven-eighths { right: 87.5%; } /** * Tenths */ .pull--mobile--one-tenth { right: 10%; } .pull--mobile--three-tenths { right: 30%; } .pull--mobile--seven-tenths { right: 70%; } .pull--mobile--nine-tenths { right: 90%; } /** * Twelfths */ .pull--mobile--one-twelfth { right: 8.333%; } .pull--mobile--five-twelfths { right: 41.666%; } .pull--mobile--seven-twelfths { right: 58.333%; } .pull--mobile--eleven-twelfths { right: 91.666%; } } @media only screen and (min-width: 992px) { /** * Whole */ .pull--desktop--one-whole { right: 100%; } /** * Halves */ .pull--desktop--one-half, .pull--desktop--two-quarters, .pull--desktop--three-sixths, .pull--desktop--four-eighths, .pull--desktop--five-tenths, .pull--desktop--six-twelfths { right: 50%; } /** * Thirds */ .pull--desktop--one-third, .pull--desktop--two-sixths, .pull--desktop--four-twelfths { right: 33.333%; } .pull--desktop--two-thirds, .pull--desktop--four-sixths, .pull--desktop--eight-twelfths { right: 66.666%; } /** * Quarters */ .pull--desktop--one-quarter, .pull--desktop--two-eighths, .pull--desktop--three-twelfths { right: 25%; } .pull--desktop--three-quarters, .pull--desktop--six-eighths, .pull--desktop--nine-twelfths { right: 75%; } /** * Fifths */ .pull--desktop--one-fifth, .pull--desktop--two-tenths { right: 20%; } .pull--desktop--two-fifths, .pull--desktop--four-tenths { right: 40%; } .pull--desktop--three-fifths, .pull--desktop--six-tenths { right: 60%; } .pull--desktop--four-fifths, .pull--desktop--eight-tenths { right: 80%; } /** * Sixths */ .pull--desktop--one-sixth, .pull--desktop--two-twelfths { right: 16.666%; } .pull--desktop--five-sixths, .pull--desktop--ten-twelfths { right: 83.333%; } /** * Eighths */ .pull--desktop--one-eighth { right: 12.5%; } .pull--desktop--three-eighths { right: 37.5%; } .pull--desktop--five-eighths { right: 62.5%; } .pull--desktop--seven-eighths { right: 87.5%; } /** * Tenths */ .pull--desktop--one-tenth { right: 10%; } .pull--desktop--three-tenths { right: 30%; } .pull--desktop--seven-tenths { right: 70%; } .pull--desktop--nine-tenths { right: 90%; } /** * Twelfths */ .pull--desktop--one-twelfth { right: 8.333%; } .pull--desktop--five-twelfths { right: 41.666%; } .pull--desktop--seven-twelfths { right: 58.333%; } .pull--desktop--eleven-twelfths { right: 91.666%; } } @media only screen and (min-width: 600px) { /** * Whole */ .pull--tablet--large--one-whole { right: 100%; } /** * Halves */ .pull--tablet--large--one-half, .pull--tablet--large--two-quarters, .pull--tablet--large--three-sixths, .pull--tablet--large--four-eighths, .pull--tablet--large--five-tenths, .pull--tablet--large--six-twelfths { right: 50%; } /** * Thirds */ .pull--tablet--large--one-third, .pull--tablet--large--two-sixths, .pull--tablet--large--four-twelfths { right: 33.333%; } .pull--tablet--large--two-thirds, .pull--tablet--large--four-sixths, .pull--tablet--large--eight-twelfths { right: 66.666%; } /** * Quarters */ .pull--tablet--large--one-quarter, .pull--tablet--large--two-eighths, .pull--tablet--large--three-twelfths { right: 25%; } .pull--tablet--large--three-quarters, .pull--tablet--large--six-eighths, .pull--tablet--large--nine-twelfths { right: 75%; } /** * Fifths */ .pull--tablet--large--one-fifth, .pull--tablet--large--two-tenths { right: 20%; } .pull--tablet--large--two-fifths, .pull--tablet--large--four-tenths { right: 40%; } .pull--tablet--large--three-fifths, .pull--tablet--large--six-tenths { right: 60%; } .pull--tablet--large--four-fifths, .pull--tablet--large--eight-tenths { right: 80%; } /** * Sixths */ .pull--tablet--large--one-sixth, .pull--tablet--large--two-twelfths { right: 16.666%; } .pull--tablet--large--five-sixths, .pull--tablet--large--ten-twelfths { right: 83.333%; } /** * Eighths */ .pull--tablet--large--one-eighth { right: 12.5%; } .pull--tablet--large--three-eighths { right: 37.5%; } .pull--tablet--large--five-eighths { right: 62.5%; } .pull--tablet--large--seven-eighths { right: 87.5%; } /** * Tenths */ .pull--tablet--large--one-tenth { right: 10%; } .pull--tablet--large--three-tenths { right: 30%; } .pull--tablet--large--seven-tenths { right: 70%; } .pull--tablet--large--nine-tenths { right: 90%; } /** * Twelfths */ .pull--tablet--large--one-twelfth { right: 8.333%; } .pull--tablet--large--five-twelfths { right: 41.666%; } .pull--tablet--large--seven-twelfths { right: 58.333%; } .pull--tablet--large--eleven-twelfths { right: 91.666%; } } @media only screen and (min-width: 1000px) { /** * Whole */ .pull--width--1000--one-whole { right: 100%; } /** * Halves */ .pull--width--1000--one-half, .pull--width--1000--two-quarters, .pull--width--1000--three-sixths, .pull--width--1000--four-eighths, .pull--width--1000--five-tenths, .pull--width--1000--six-twelfths { right: 50%; } /** * Thirds */ .pull--width--1000--one-third, .pull--width--1000--two-sixths, .pull--width--1000--four-twelfths { right: 33.333%; } .pull--width--1000--two-thirds, .pull--width--1000--four-sixths, .pull--width--1000--eight-twelfths { right: 66.666%; } /** * Quarters */ .pull--width--1000--one-quarter, .pull--width--1000--two-eighths, .pull--width--1000--three-twelfths { right: 25%; } .pull--width--1000--three-quarters, .pull--width--1000--six-eighths, .pull--width--1000--nine-twelfths { right: 75%; } /** * Fifths */ .pull--width--1000--one-fifth, .pull--width--1000--two-tenths { right: 20%; } .pull--width--1000--two-fifths, .pull--width--1000--four-tenths { right: 40%; } .pull--width--1000--three-fifths, .pull--width--1000--six-tenths { right: 60%; } .pull--width--1000--four-fifths, .pull--width--1000--eight-tenths { right: 80%; } /** * Sixths */ .pull--width--1000--one-sixth, .pull--width--1000--two-twelfths { right: 16.666%; } .pull--width--1000--five-sixths, .pull--width--1000--ten-twelfths { right: 83.333%; } /** * Eighths */ .pull--width--1000--one-eighth { right: 12.5%; } .pull--width--1000--three-eighths { right: 37.5%; } .pull--width--1000--five-eighths { right: 62.5%; } .pull--width--1000--seven-eighths { right: 87.5%; } /** * Tenths */ .pull--width--1000--one-tenth { right: 10%; } .pull--width--1000--three-tenths { right: 30%; } .pull--width--1000--seven-tenths { right: 70%; } .pull--width--1000--nine-tenths { right: 90%; } /** * Twelfths */ .pull--width--1000--one-twelfth { right: 8.333%; } .pull--width--1000--five-twelfths { right: 41.666%; } .pull--width--1000--seven-twelfths { right: 58.333%; } .pull--width--1000--eleven-twelfths { right: 91.666%; } } .vertical-spacing { margin-top: 20px; margin-bottom: 20px; } .vertical-spacing--half { margin-top: 10px; margin-bottom: 10px; } .vertical-spacing--double { margin-top: 40px; margin-bottom: 40px; } .vertical-spacing--bottom { margin-bottom: 20px; } .vertical-spacing--bottom--half { margin-bottom: 10px; } .vertical-spacing--bottom--double { margin-bottom: 40px; } .vertical-spacing--top { margin-top: 20px; } .vertical-spacing--top--half { margin-top: 10px; } .vertical-spacing--top--double { margin-top: 40px; } .vertical-spacing--title { margin-bottom: 16px; } .vertical-spacing--content-block { margin-top: 48px; margin-bottom: 48px; } .editor__btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; display: inline-block; cursor: pointer; font-style: normal; font-weight: 500; border: 1px solid #5C95DA; vertical-align: middle; } @media not all and (any-pointer: coarse) { .editor__btn:hover { outline: none; } } .editor__btn.disabled { cursor: not-allowed; color: #34495e; opacity: 0.5; } .btn__icon { float: left; } .btn__icon svg { float: left; line-height: 0; } .btn__txt { float: left; } @media only screen and (max-width: 991px) { .btn--collapsable > :nth-child(2) { display: none; } } .btn--justify { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .btn--align-left { width: 100%; } .btn--xxxl { font-size: 18px; line-height: 48px; padding-right: 30px; padding-left: 20px; } .btn--xxxl .btn__txt { margin-left: 10px; } .btn--xxxl .btn__icon svg { margin: 9px 0; } @media only screen and (max-width: 991px) { .btn--xxxl.btn--collapsable svg { margin: 9px -20px 9px -10px; } } .btn--xxl { font-size: 16px; line-height: 43px; padding-right: 11px; padding-left: 6px; } .btn--xxl .btn__txt { margin-left: 6px; } .btn--xxl .btn__icon svg { margin: 4px 0; } @media only screen and (max-width: 991px) { .btn--xxl.btn--collapsable svg { margin: 4px -4px 4px 0; } } .btn--xl { font-size: 16px; line-height: 38px; padding-right: 11px; padding-left: 6px; } .btn--xl .btn__txt { margin-left: 6px; } .btn--xl .btn__icon svg { margin: 4px 0; } @media only screen and (max-width: 991px) { .btn--xl.btn--collapsable svg { margin: 4px -4px 4px 0; } } input.btn--xl { padding-left: 12px; } .btn--m { font-size: 14px; line-height: 30px; padding-right: 10px; padding-left: 5px; } .btn--m .btn__txt { margin-left: 5px; } .btn--m .btn__icon svg { margin: 0; } .btn--m .btn__icon--single { margin-right: -8px; margin-left: -2px; } @media only screen and (max-width: 991px) { .btn--m.btn--collapsable svg { margin: 0 -8px 0 -3px; } } input.btn--m { padding-left: 10px; } .btn--s { font-size: 14px; line-height: 26px; padding: 0 9px; } .btn--s .btn__txt { padding: 0; } .btn--accent_white_accent, .btn--accent_none_accent, .editor__tab__subnav__togglebutton__btn--active { background: #5C95DA; color: #ffffff; border-color: #5C95DA; } .btn--accent_white_accent:focus, .btn--accent_none_accent:focus, .editor__tab__subnav__togglebutton__btn--active:focus { color: #ffffff; } .btn--accent_white_accent svg *, .btn--accent_none_accent svg *, .editor__tab__subnav__togglebutton__btn--active svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--accent_white_accent:hover, .btn--accent_none_accent:hover, .editor__tab__subnav__togglebutton__btn--active:hover { background: #327ad1; border-color: #327ad1; color: #ffffff; } .btn--accent_white_accent:hover svg *, .btn--accent_none_accent:hover svg *, .editor__tab__subnav__togglebutton__btn--active:hover svg * { fill: #ffffff; } } .btn--none_accent_accent, .editor__tab__subnav__togglebutton__btn { background: none; color: #5C95DA; border-color: #5C95DA; } .btn--none_accent_accent:focus, .editor__tab__subnav__togglebutton__btn:focus { color: #5C95DA; } .btn--none_accent_accent svg *, .editor__tab__subnav__togglebutton__btn svg * { fill: #5C95DA; } @media not all and (any-pointer: coarse) { .btn--none_accent_accent:hover, .editor__tab__subnav__togglebutton__btn:hover { background: none; border-color: #327ad1; color: #5C95DA; } .btn--none_accent_accent:hover svg *, .editor__tab__subnav__togglebutton__btn:hover svg * { fill: #5C95DA; } } .btn--none_accent_none { background: none; color: #5C95DA; border: none; } .btn--none_accent_none:focus { color: #5C95DA; } .btn--none_accent_none svg * { fill: #5C95DA; } @media not all and (any-pointer: coarse) { .btn--none_accent_none:hover { background: none; border-color: none; color: #5C95DA; } .btn--none_accent_none:hover svg * { fill: #5C95DA; } } .btn--none_base_borders { background: none; color: #34495e; border-color: #dfe3e8; } .btn--none_base_borders:focus { color: #34495e; } .btn--none_base_borders svg * { fill: #34495e; } @media not all and (any-pointer: coarse) { .btn--none_base_borders:hover { background: none; border-color: #c1c9d3; color: #34495e; } .btn--none_base_borders:hover svg * { fill: #34495e; } } .btn--none_base_borders.active { background: #5C95DA; color: #ffffff; border-color: #5C95DA; } .btn--none_base_borders.active:focus { color: #ffffff; } .btn--none_base_borders.active svg * { fill: #ffffff; } .btn--background_base_borders { background: #f4f5f6; color: #34495e; border-color: #dfe3e8; } .btn--background_base_borders:focus { color: #34495e; } .btn--background_base_borders svg * { fill: #34495e; } @media not all and (any-pointer: coarse) { .btn--background_base_borders:hover { background: #dfe3e8; border-color: #dfe3e8; color: #34495e; } .btn--background_base_borders:hover svg * { fill: #34495e; } } .btn--background_base_borders.active { background: #5C95DA; color: #ffffff; border-color: #5C95DA; } .btn--background_base_borders.active:focus { color: #ffffff; } .btn--background_base_borders.active svg * { fill: #ffffff; } .btn--none_level2_borders { background: none; color: #8d9eb0; border-color: #dfe3e8; } .btn--none_level2_borders:focus { color: #8d9eb0; } .btn--none_level2_borders svg * { fill: #8d9eb0; } @media not all and (any-pointer: coarse) { .btn--none_level2_borders:hover { background: none; border-color: #c5cfd9; color: #34495e; } .btn--none_level2_borders:hover svg * { fill: #34495e; } } .btn--white_level2_level3 { background: #ffffff; color: #8d9eb0; border-color: #c5cfd9; } .btn--white_level2_level3:focus { color: #8d9eb0; } .btn--white_level2_level3 svg * { fill: #8d9eb0; } @media not all and (any-pointer: coarse) { .btn--white_level2_level3:hover { background: #ffffff; border-color: #b6c2cf; color: #34495e; } .btn--white_level2_level3:hover svg * { fill: #34495e; } } .btn--level2_dark_level2 { background: #8d9eb0; color: #11181f; border-color: #8d9eb0; } .btn--level2_dark_level2:focus { color: #11181f; } .btn--level2_dark_level2 svg * { fill: #11181f; } @media not all and (any-pointer: coarse) { .btn--level2_dark_level2:hover { background: #6f849b; border-color: #6f849b; color: #11181f; } .btn--level2_dark_level2:hover svg * { fill: #11181f; } } .btn--level2_white_level2 { background: #8d9eb0; color: #ffffff; border-color: #8d9eb0; } .btn--level2_white_level2:focus { color: #ffffff; } .btn--level2_white_level2 svg * { fill: #ffffff; } .btn--none_white_white { background: none; color: #ffffff; border-color: #ffffff; } .btn--none_white_white:focus { color: #ffffff; } .btn--none_white_white svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--none_white_white:hover { background: none; border-color: #e6e6e6; color: #ffffff; } .btn--none_white_white:hover svg * { fill: #ffffff; } } .btn--dark_level2_borders-on-black { background: #11181f; color: #8d9eb0; border-color: #2f3943; } .btn--dark_level2_borders-on-black:focus { color: #8d9eb0; } .btn--dark_level2_borders-on-black svg * { fill: #8d9eb0; } @media not all and (any-pointer: coarse) { .btn--dark_level2_borders-on-black:hover { background: #2f3943; border-color: #2f3943; color: #ffffff; } .btn--dark_level2_borders-on-black:hover svg * { fill: #ffffff; } } .btn--dark_level2_borders-on-black.active { background: #8d9eb0; color: #11181f; border-color: #8d9eb0; } .btn--dark_level2_borders-on-black.active:focus { color: #11181f; } .btn--dark_level2_borders-on-black.active svg * { fill: #11181f; } .btn--error_white_error { background: #ff5f48; color: #ffffff; border-color: #ff5f48; } .btn--error_white_error:focus { color: #ffffff; } .btn--error_white_error svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--error_white_error:hover { background: #ff3215; border-color: #ff3215; color: #ffffff; } .btn--error_white_error:hover svg * { fill: #ffffff; } } .btn--projectignite_none_projectignite { background: #f28558; color: #ffffff; border-color: #f28558; } .btn--projectignite_none_projectignite:focus { color: #ffffff; } .btn--projectignite_none_projectignite svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--projectignite_none_projectignite:hover { background: #ee6229; border-color: #ee6229; color: #ffffff; } .btn--projectignite_none_projectignite:hover svg * { fill: #ffffff; } } .btn--level3_white_level3 { background: #c5cfd9; color: #ffffff; border-color: #c5cfd9; } .btn--level3_white_level3:focus { color: #ffffff; } .btn--level3_white_level3 svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--level3_white_level3:hover { background: #a6b6c5; border-color: #a6b6c5; color: #ffffff; } .btn--level3_white_level3:hover svg * { fill: #ffffff; } } .btn--none_base_none { background: none; color: #34495e; border: none; } .btn--none_base_none:focus { color: #34495e; } .btn--none_base_none svg * { fill: #34495e; } @media not all and (any-pointer: coarse) { .btn--none_base_none:hover { background: none; border-color: none; color: #34495e; } .btn--none_base_none:hover svg * { fill: #34495e; } } .btn--none_empty_none { background: none; color: #ffffff; border: none; } .btn--none_empty_none:focus { color: #ffffff; } .btn--none_empty_none svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--none_base_none_hover:hover { background: none; border-color: none; color: #5C95DA; } .btn--none_base_none_hover:hover svg * { fill: #5C95DA; } } .btn--starred_empty_empty { background: #FFA200; color: #ffffff; border-color: #ffffff; } .btn--starred_empty_empty:focus { color: #ffffff; } .btn--starred_empty_empty svg * { fill: #ffffff; } .btn--hub_lab { background: #6E9E56; color: #ffffff; border-color: #6E9E56; } .btn--hub_lab:focus { color: #ffffff; } .btn--hub_lab svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--hub_lab:hover { background: #577d44; border-color: #577d44; color: #ffffff; } .btn--hub_lab:hover svg * { fill: #ffffff; } } .btn--hub_lab--empty { background: none; color: #6E9E56; border-color: #6E9E56; } .btn--hub_lab--empty:focus { color: #6E9E56; } .btn--hub_lab--empty svg * { fill: #6E9E56; } @media not all and (any-pointer: coarse) { .btn--hub_lab--empty:hover { background: none; border-color: #577d44; color: #6E9E56; } .btn--hub_lab--empty:hover svg * { fill: #6E9E56; } } .btn--hub_pcb { background: #5C95DA; color: #ffffff; border-color: #5C95DA; } .btn--hub_pcb:focus { color: #ffffff; } .btn--hub_pcb svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--hub_pcb:hover { background: #327ad1; border-color: #327ad1; color: #ffffff; } .btn--hub_pcb:hover svg * { fill: #ffffff; } } .btn--hub_pcb--empty { background: none; color: #5C95DA; border-color: #5C95DA; } .btn--hub_pcb--empty:focus { color: #5C95DA; } .btn--hub_pcb--empty svg * { fill: #5C95DA; } @media not all and (any-pointer: coarse) { .btn--hub_pcb--empty:hover { background: none; border-color: #327ad1; color: #5C95DA; } .btn--hub_pcb--empty:hover svg * { fill: #5C95DA; } } .btn--hub_circuitscribe { background: #00adef; color: #ffffff; border-color: #00adef; } .btn--hub_circuitscribe:focus { color: #ffffff; } .btn--hub_circuitscribe svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--hub_circuitscribe:hover { background: #0088bc; border-color: #0088bc; color: #ffffff; } .btn--hub_circuitscribe:hover svg * { fill: #ffffff; } } .btn--hub_circuitscribe--empty { background: none; color: #00adef; border-color: #00adef; } .btn--hub_circuitscribe--empty:focus { color: #00adef; } .btn--hub_circuitscribe--empty svg * { fill: #00adef; } @media not all and (any-pointer: coarse) { .btn--hub_circuitscribe--empty:hover { background: none; border-color: #0088bc; color: #00adef; } .btn--hub_circuitscribe--empty:hover svg * { fill: #00adef; } } .btn--hub_mesh { background: #7FBF34; color: #ffffff; border-color: #7FBF34; } .btn--hub_mesh:focus { color: #ffffff; } .btn--hub_mesh svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--hub_mesh:hover { background: #649729; border-color: #649729; color: #ffffff; } .btn--hub_mesh:hover svg * { fill: #ffffff; } } .btn--hub_mesh--empty { background: none; color: #7FBF34; border-color: #7FBF34; } .btn--hub_mesh--empty:focus { color: #7FBF34; } .btn--hub_mesh--empty svg * { fill: #7FBF34; } @media not all and (any-pointer: coarse) { .btn--hub_mesh--empty:hover { background: none; border-color: #649729; color: #7FBF34; } .btn--hub_mesh--empty:hover svg * { fill: #7FBF34; } } .btn--social_facebook { background: #3b5997; color: #ffffff; border-color: #3b5997; } .btn--social_facebook:focus { color: #ffffff; } .btn--social_facebook svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--social_facebook:hover { background: #2d4372; border-color: #2d4372; color: #ffffff; } .btn--social_facebook:hover svg * { fill: #ffffff; } } .btn--social_twitter { background: #54abee; color: #ffffff; border-color: #54abee; } .btn--social_twitter:focus { color: #ffffff; } .btn--social_twitter svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .btn--social_twitter:hover { background: #2694e9; border-color: #2694e9; color: #ffffff; } .btn--social_twitter:hover svg * { fill: #ffffff; } } .btn--social_reddit { background: #cee3f8; color: #34495e; border-color: #cee3f8; } .btn--social_reddit:focus { color: #34495e; } .btn--social_reddit svg * { fill: #34495e; } @media not all and (any-pointer: coarse) { .btn--social_reddit:hover { background: #a1caf2; border-color: #a1caf2; color: #34495e; } .btn--social_reddit:hover svg * { fill: #34495e; } } @media not all and (any-pointer: coarse) { .btn--hover--none_accent_accent:hover { background: none; border-color: #327ad1; color: #5C95DA; } .btn--hover--none_accent_accent:hover svg * { fill: #5C95DA; } } @media not all and (any-pointer: coarse) { .btn--hover--none_red_red:hover { background: none; border-color: #ff3215; color: #ff5f48; } .btn--hover--none_red_red:hover svg * { fill: #ff5f48; } } @media not all and (any-pointer: coarse) { .btn--hover--empty_level2_cancel:hover { background: #e6e6e6; border-color: #6f849b; color: #34495e; } .btn--hover--empty_level2_cancel:hover svg * { fill: #34495e; } } .editor__input__text { border-radius: 3px; border: 1px solid #dfe3e8; padding: 5px; -webkit-transition: border 0.2s ease-in; -moz-transition: border 0.2s ease-in; -o-transition: border 0.2s ease-in; transition: border 0.2s ease-in; } .editor__input__text:focus { outline: none; border: 1px solid #5C95DA; } .link-blue { color: #5C95DA; } @media not all and (any-pointer: coarse) { .link-blue:hover { color: #4787d5; outline: none; } } .link-blue:focus { color: #4787d5; outline: none; } .cio-ui-icon, .btn__icon { position: relative; width: 30px; height: 30px; } .cio-ui-icon svg, .btn__icon svg { -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; } .cio-ui-icon-link svg * { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; fill: #8d9eb0; } @media not all and (any-pointer: coarse) { .cio-ui-icon-link:hover svg * { fill: #5C95DA; } } .loading__gif__container { display: flex; position: absolute; width: 100%; height: 100%; justify-content: center; align-items: center; } .hide { display: none !important; } .invisible { visibility: hidden; } .no-opacity { opacity: 0; } .hide-scrollbars { overflow: hidden; } .visuallyhidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px none; } .non-selectable, .cio-ui-icon, .btn__icon { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .left, .float { float: left; } .right { float: right; } .flexbox { display: flex; } .flexbox.aligncenter { align-items: center; } .flexbox.justifycenter { justify-content: center; } .mouse--action { cursor: pointer; } .mouse--draggable { cursor: move; } .mouse--disabled { pointer-events: none; cursor: not-allowed; } .mouse--sortable { cursor: move; } .mouse--not-allowed { cursor: not-allowed !important; } @media not all and (any-pointer: coarse) { .mouse--not-allowed:hover { cursor: not-allowed !important; } } .disabled { cursor: not-allowed; pointer-events: none; opacity: 0.3; } .center { text-align: center; } .bold { font-weight: 500; } small { font-size: 85%; } strong { font-weight: 500; } em { font-style: italic; } .fs__30 { font-size: 30px !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .errortext { color: #ff5f48; } .fullWidth { width: 100%; } .mv__0 { margin-top: 0; margin-bottom: 0 !important; } .mv__10 { margin-top: 10px !important; margin-bottom: 10px !important; } .mv__15 { margin-top: 15px !important; margin-bottom: 15px !important; } .mt__20 { margin-top: 20px !important; } .mb__5 { margin-bottom: 5px !important; } .mb__10 { margin-bottom: 10px !important; } .mb__15 { margin-bottom: 15px !important; } .mr__5 { margin-right: 5px !important; } .mr__10 { margin-right: 10px !important; } .ml__30 { margin-left: 30px !important; } .ml__60 { margin-left: 60px !important; } .ml__80 { margin-left: 80px !important; } .p__5 { padding: 5px !important; } .p__10 { padding: 10px !important; } .p__20 { padding: 20px !important; } .pb__10 { padding-bottom: 10px !important; } .pv__5 { padding-top: 5px !important; padding-bottom: 5px !important; } .pv__10 { padding-top: 10px !important; padding-bottom: 10px !important; } .no-transition { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .editor { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .editor * { box-sizing: content-box; } .editor__holder, .editor__holder__yield { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .editor__topnav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; position: absolute; right: 0; left: 0; top: 0; min-width: 300px; color: #34495e; background: white; height: 48px; line-height: 48px; -webkit-box-shadow: 0px 1px 4px 0px rgba(196, 204, 215, 0.6); -moz-box-shadow: 0px 1px 4px 0px rgba(196, 204, 215, 0.6); -ms-box-shadow: 0px 1px 4px 0px rgba(196, 204, 215, 0.6); -o-box-shadow: 0px 1px 4px 0px rgba(196, 204, 215, 0.6); box-shadow: 0px 1px 4px 0px rgba(196, 204, 215, 0.6); } .editor__topnav--view { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-bottom: 1px solid #dfe3e8; } .editor__topnav__left { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .editor__topnav__logo { line-height: 0; height: 48px; width: 48px; } .editor__topnav__logo__tag { -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; } @media not all and (any-pointer: coarse) { .editor__topnav__logo__tag:hover { background-color: #5C95DA; } } .editor__topnav__logo__tag__text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #5C95DA; color: #ffffff; border-radius: 5px; padding: 2px 10px; margin: 0 10px; font-size: 10px; cursor: pointer; } .editor__topnav__title { font-size: 16px; font-weight: 500; text-decoration: none; color: #34495e; margin-left: 14px; overflow: hidden; max-width: 300px; min-width: 80px; text-align: left; } .editor__topnav__title__container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } @media not all and (any-pointer: coarse) { .editor__topnav__title__span:hover { border-bottom: 1px dashed #ffffff; } } .editor__topnav__title__input { display: none; width: 280px; min-width: 40px; border-radius: 5px; border-width: 1px; border-style: solid; } .editor__topnav__right { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .editor__topnav__right__group { display: flex; vertical-align: top; background-color: white; } .editor__topnav__connection-menu { margin: 0; padding: 0 10px 0 20px; line-height: 48px; font-size: 16px; font-weight: 500; background: #ffffff; } .editor__topnav__connection-menu__normal { color: #c5cfd9; } .editor__topnav__connection-menu__warning { color: #f48220; } .editor__topnav__connection-menu__error { color: #ff5f48; } .editor__topnav__version-menu { margin: 0; padding: 0 20px 0 10px; line-height: 48px; font-size: 16px; font-weight: 500; background: #ffffff; color: #c5cfd9; cursor: pointer; } .editor__topnav__version-menu__message { display: inline-block; float: left; } .editor__topnav__version-menu__icon { padding-top: 17px; display: inline-block; float: right; } .editor__topnav__info { font-size: 16px; font-weight: 500; color: #8d9eb0; padding-left: 18px; } .editor__topnav__info--pcb { color: #8d9eb0; } .editor__topnav__tabbutton { position: relative; } .editor__topnav__tabbutton__notification { position: absolute; top: 6px; right: 6px; width: 12px; height: 10px; border-radius: 50%; line-height: 11px; font-size: 11px; background: #ff5f48; color: #ffffff; z-index: 1; text-align: center; padding: 5px 4px; } .editor__topnav__tabbutton__link { position: relative; height: 48px; width: 49px; text-align: center; } .editor__topnav__tabbutton__link svg { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .editor__topnav__tabbutton__link svg * { fill: #34495e; } @media not all and (any-pointer: coarse) { .editor__topnav__tabbutton__link:hover svg * { fill: #5C95DA; } } .editor__topnav__tabbutton__link--active { background-color: #5C95DA; } .editor__topnav__tabbutton__link--active svg * { fill: #ffffff; } @media not all and (any-pointer: coarse) { .editor__topnav__tabbutton__link--active:hover svg * { fill: #ffffff; } } .editor__topnav__tabbutton__link--leftborder { border-left: 1px solid #dfe3e8; } .editor__topnav__tabbutton__link--rightborder { border-right: 1px solid #dfe3e8; } .editor__topnav__tabbutton__link > .editor__topnav__tabbutton__icondiv { min-width: 48px; min-height: 48px; background-size: contain; background-repeat: no-repeat; } .editor__topnav__avatar { position: relative; height: 48px; width: 49px; text-align: center; border-left: 1px solid #dfe3e8; } .editor__topnav__avatar img { margin: 8px 0 0 0; width: 32px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } .editor__topnav__menuBtn { width: 45px; height: 50px; cursor: pointer; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .editor__topnav__menuBtn svg * { -webkit-transition: fill 0.2s; -moz-transition: fill 0.2s; -ms-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } @media not all and (any-pointer: coarse) { .editor__topnav__menuBtn:hover svg * { fill: #5C95DA; } } .editor__topnav__menuBtn.activated { background-color: #5C95DA; } .editor__topnav__menuBtn.activated svg * { fill: #ffffff; } .editor__topnav__arButton { cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; padding-right: 15px; padding-left: 10px; border-left: 1px solid #dfe3e8; } @media (any-pointer: coarse) { .editor__topnav__arButton:active { color: #5C95DA; } } @media not all and (any-pointer: coarse) { .editor__topnav__arButton:hover { color: #5C95DA; } } .editor__topnav__arButton svg { display: inline-block; width: 40px; height: 40px; vertical-align: middle; } .editor__tab { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #f4f5f6; } .editor__tab__yield { position: absolute; top: 48px; left: 0; right: 0; bottom: 0; } .editor__tab__yield > #sidebarContainer { width: 276px; } .editor__tab__toolbar { position: absolute; top: 8px; pointer-events: none; } .editor__tab__toolbar--left { left: 8px; } .editor__tab__toolbar--right { right: 8px; } .editor__tab__toolbar__tool { margin: 6px 0px; } .editor__tab__toolbar__tool .btn { pointer-events: all; } .editor__tab__toolbar--expanded { background-color: #f4f5f6; border-radius: 4px; border: 1px solid #dfe3e8; width: 60px; } .editor__tab__toolbar--expanded .editor__tab__toolbar__tool { margin: 6px 0px; } .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .btn { border: none; background-color: transparent; width: 100%; padding: 0px 5px; border-radius: 0px; } @media not all and (any-pointer: coarse) { .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .btn:hover { background-color: #dfe3e8; } } .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .btn:active { background-color: #5C95DA; } .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .btn.active { background-color: #5C95DA; } .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .btn__txt { font-size: 10px; line-height: 15px; text-align: center; width: 100%; margin: 0px 0px 6px 0px; } .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .cio-ui-icon.btn__icon, .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .btn__icon { width: 100%; margin-bottom: 6px; } .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .cio-ui-icon svg, .editor__tab__toolbar--expanded .editor__tab__toolbar__tool .btn__icon svg { margin: 6px auto; } .editor__tab__subnav { position: absolute; right: 0; left: 0; top: 0; min-width: 300px; height: 48px; line-height: 48px; background-color: #f1f1f3; border-bottom: 1px solid #dfe3e8; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .editor__tab__subnav__checkbox { display: flex; align-items: center; font-size: 14px; font-weight: bold; height: 48px; padding: 0 10px; } .editor__tab__subnav__checkbox__container { line-height: 30px; border: 1px solid #dfe3e8; border-radius: 3px; min-width: 100px; text-align: center; -webkit-transition: border 0.15s; -moz-transition: border 0.15s; -ms-transition: border 0.15s; -o-transition: border 0.15s; transition: border 0.15s; -webkit-transition: color 0.15s; -moz-transition: color 0.15s; -ms-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; -webkit-transition: background 0.15s; -moz-transition: background 0.15s; -ms-transition: background 0.15s; -o-transition: background 0.15s; transition: background 0.15s; } .editor__tab__subnav__checkbox__container.on { background: #5C95DA; color: #ffffff; } @media not all and (any-pointer: coarse) { .editor__tab__subnav__checkbox__container.on:hover { background: #327ad1; } } .editor__tab__subnav__checkbox__container > label { display: initial; line-height: 30px; padding: 4px 10px; cursor: pointer; } @media not all and (any-pointer: coarse) { .editor__tab__subnav__checkbox__container:hover { border: 1px solid #5C95DA; background: #327ad1; color: #ffffff; } } .editor__tab__subnav__checkbox__container.disabled { opacity: 0.3; pointer-events: none; cursor: none; } .editor__tab__subnav__checkbox__cb { margin-right: 5px; display: none; } .editor__tab__subnav__buttongroup { display: flex; align-items: center; margin-right: 10px; font-weight: bold; font-size: 14px; } .editor__tab__subnav__buttongroup.disabled { opacity: 0.3; pointer-events: none; cursor: none; } .editor__tab__subnav__buttongroup__label { display: inline-block; padding: 0 10px; color: #8d9eb0; } .editor__tab__subnav__buttongroup__items { display: flex; border: 1px solid #c5cfd9; border-radius: 3px; line-height: 30px; position: relative; height: 30px; } .editor__tab__subnav__buttongroup__btn { cursor: pointer; width: 80px; text-align: center; -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; -ms-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; -webkit-transition: color 0.15s; -moz-transition: color 0.15s; -ms-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; } .editor__tab__subnav__buttongroup__btn:not(:first-child) { border-left: 1px solid #c5cfd9; } @media not all and (any-pointer: coarse) { .editor__tab__subnav__buttongroup__btn:hover { color: #5C95DA; } } .editor__tab__subnav__buttongroup__btn.active { background-color: #5C95DA; color: #ffffff; } .editor__tab__subnav__buttongroup__btn.active svg * { fill: #ffffff; } .editor__tab__subnav__buttongroup__btn__label { padding: 0 5px; } .editor__tab__subnav__buttongroup__btn__icon { height: 30px; -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; -ms-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } @media not all and (any-pointer: coarse) { .editor__tab__subnav__buttongroup__btn__icon:hover { background-color: #5C95DA; } .editor__tab__subnav__buttongroup__btn__icon:hover svg * { fill: #ffffff; } } .editor__tab__subnav__buttongroup__btn__icon > svg { height: 100%; } .editor__tab__subnav__title { padding-left: 14px; font-weight: 500; color: #8d9eb0; } .editor__tab__subnav__group { border-right: 1px solid #dfe3e8; } .editor__tab__subnav__message { padding-left: 14px; font-weight: 500; color: #8d9eb0; } .editor__tab__subnav__tool:first-child { margin-left: 6px; } .editor__tab__subnav__tool:last-child { margin-right: 6px; } .editor__tab__subnav__tool__svg { position: relative; text-align: center; width: 30px; height: 48px; margin: 0 4px; } .editor__tab__subnav__tool__svg svg { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .editor__tab__subnav__tool__svg svg * { fill: #233133; } .editor__tab__subnav__tool__svg__activated > svg * { fill: #5C95DA; } @media not all and (any-pointer: coarse) { .editor__tab__subnav__tool__svg:hover svg * { fill: #5C95DA; } } .editor__tab__subnav__tool--disabled { pointer-events: none; } .editor__tab__subnav__tool--disabled svg * { fill: #c5cfd9; } .editor__tab__subnav__togglebutton { margin: 8px 3px 0; line-height: 0; } .editor__tab__subnav__togglebutton:last-child { margin-right: 8px; } .editor__tab__subnav__togglebutton__btn .btn__alert { position: absolute; visibility: hidden; width: auto; background-color: #5C95DA; color: #fff; text-align: center; border-radius: 6px; padding-left: 6px; padding-right: 6px; margin-left: -8px; z-index: 1; top: 100%; } .editor__tab__subnav__togglebutton__btn .btn__alert::after { content: ""; position: absolute; text-align: center; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #5C95DA transparent; } .editor__tab__subnav__togglebutton__btn .btn__alert.enabled { visibility: visible; } .editor__sidebar { width: 250px; height: 100%; background: #f4f5f6; border-left: 1px solid #dfe3e8; } .editor__sidebar__group__item__inner { margin: 2px 4px; padding: 10px 8px 8px 8px; text-align: center; cursor: pointer; border: 1px solid transparent; position: relative; } .editor__sidebar__group__item__inner__favorite { position: absolute; top: 0; right: 0; padding: 7px; display: none; } .editor__sidebar__group__item__inner__favorite svg { width: 15px; height: 15px; } @media not all and (any-pointer: coarse) { .editor__sidebar__group__item__inner__favorite:hover svg * { fill: #5C95DA; } } .editor__sidebar__group__item__inner__favorite.isfavorite { display: block; } .editor__sidebar__group__item__inner__favorite.isfavorite svg * { fill: orange; } .editor__sidebar__group__item__inner__menu { position: absolute; top: 0; left: 0; padding: 7px; display: none; } .editor__sidebar__group__item__inner__menu svg { width: 15px; height: 15px; } @media not all and (any-pointer: coarse) { .editor__sidebar__group__item__inner__menu:hover > svg * { fill: #5C95DA; } } @media not all and (any-pointer: coarse) { .editor__sidebar__group__item__inner:hover .editor__sidebar__group__item__inner__favorite, .editor__sidebar__group__item__inner:hover .editor__sidebar__group__item__inner__menu { display: block; } } .editor__sidebar__group__item__menu { position: absolute; background: #ffffff; border-radius: 4px; padding: 5px; top: 25px; text-align: left; -webkit-box-shadow: 0px 2px 5px 1px #c5cfd9; -moz-box-shadow: 0px 2px 5px 1px #c5cfd9; -ms-box-shadow: 0px 2px 5px 1px #c5cfd9; -o-box-shadow: 0px 2px 5px 1px #c5cfd9; box-shadow: 0px 2px 5px 1px #c5cfd9; } .editor__sidebar__group__item__menu__btn { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 10px 5px; border-radius: 4px; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .editor__sidebar__group__item__menu__btn > div:first-child { height: 20px; width: 20px; margin-right: 10px; position: relative; } .editor__sidebar__group__item__menu__btn > div:first-child > svg { width: 100%; height: 100%; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .editor__sidebar__group__item__menu__btn.js-deletebtn svg { width: 150% !important; height: 150% !important; position: absolute; top: -25%; left: -25%; } @media not all and (any-pointer: coarse) { .editor__sidebar__group__item__menu__btn:hover { background-color: #5C95DA; color: #ffffff; } .editor__sidebar__group__item__menu__btn:hover svg * { fill: #ffffff; } } .editor__tutorialpanel { position: absolute; background-color: #ffffff; width: 250px; height: 100%; border: 1px solid #dfe3e8; box-sizing: border-box; left: 0; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .editor__tutorialpanel.hidden { left: -250px; } .editor__tutorialpanel__header { display: flex; } .editor__tutorialpanel__header__title { flex-grow: 1; line-height: 40px; } .editor__tutorialpanel__header__closebtn { position: absolute; z-index: 10; right: 0px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; opacity: 0.3; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -ms-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } @media not all and (any-pointer: coarse) { .editor__tutorialpanel__header__closebtn:hover { opacity: 0.8; } } .editor__tutorialpanel__header__closebtn > svg { height: 15px; } .editor__tutorialpanel__viewer * { box-sizing: border-box; } .editor__grid_tool { position: absolute; right: 285px; bottom: 1px; transition: right 180ms; } .editor__grid_tool.toggled { right: 15px; } .editor__grid_tool .editor__inspector__item { margin: 0px; border: none; text-align: right; } .editor__grid_tool .editor__inspector__item .editor__inspector__item__button { line-height: 20px; width: 72px; padding-right: 8px; padding-left: 8px; background-color: #ffffff; opacity: 0.7; } @media (any-pointer: coarse) { .editor__grid_tool .editor__inspector__item .editor__inspector__item__button { font-size: 16px !important; line-height: 30px !important; } } @media not all and (any-pointer: coarse) { .editor__grid_tool .editor__inspector__item .editor__inspector__item__button:hover { opacity: 1.0; } } .editor__grid_tool .editor__inspector__item .editor__inspector__item__button:active { opacity: 1.0; background-color: #5C95DA; color: #ffffff; } .editor__grid_tool .editor__inspector__item:last-child { margin-bottom: 10px; } .editor__grid_tool .js-inspector__select__list__container { bottom: 28px; z-index: 4000; } @media (any-pointer: coarse) { .editor__grid_tool .js-inspector__select__list__container { bottom: 35px; } } .editor__grid_tool .js-inspector__select__container { width: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } @media (any-pointer: coarse) { .editor__grid_tool .js-inspector__select__container { width: 95px; } } .editor__grid_tool .editor__inspector__select__advanced__button { opacity: 0.7; background: #ffffff; height: 20px; } @media (any-pointer: coarse) { .editor__grid_tool .editor__inspector__select__advanced__button { height: 28px; } } @media not all and (any-pointer: coarse) { .editor__grid_tool .editor__inspector__select__advanced__button:hover { opacity: 1; } } .editor__grid_tool .editor__inspector__select__advanced__button:active { opacity: 1; } .editor__grid_tool .active .editor__inspector__select__advanced__button { opacity: 1; } .editor__grid_tool .editor__inspector__select__advanced__text--item { font-size: 12px; padding-left: 8px; line-height: 20px; display: inline-block; } @media (any-pointer: coarse) { .editor__grid_tool .editor__inspector__select__advanced__text--item { font-size: 16px; line-height: 30px; } } .editor__grid_tool .editor__inspector__select__advanced__option__value__field { font-size: 12px; } @media (any-pointer: coarse) { .editor__grid_tool .editor__inspector__select__advanced__option__value__field { font-size: 16px; text-decoration: none; } } .editor__grid_tool .editor__inspector__item__label__singleline { line-height: 22px; height: 100%; margin-top: auto; margin-bottom: auto; } .editor__grid_tool .editor__inspector__select__advanced__arrow { width: 15px; height: 100%; } .editor__grid_tool .editor__inspector__select__advanced__arrow > svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin: auto; padding: auto; } .editor__inspector { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 8px; right: 8px; width: 288px; transition: left 180ms; background: rgba(249, 249, 250, 0.9); -webkit-box-shadow: 0px 0px 3px 0px #dfe3e8; -moz-box-shadow: 0px 0px 3px 0px #dfe3e8; -ms-box-shadow: 0px 0px 3px 0px #dfe3e8; -o-box-shadow: 0px 0px 3px 0px #dfe3e8; box-shadow: 0px 0px 3px 0px #dfe3e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow-y: hidden; overflow-x: hidden; } .editor__inspector__commoncontrols { background-color: rgba(249, 249, 250, 0.9); padding: 5px 8px; } @media (any-pointer: coarse) { .editor__inspector__commoncontrols { padding-bottom: 0px; padding-top: 10px; } .editor__inspector__commoncontrols .editor__inspector__item { margin-top: 0px !important; margin-bottom: 0px !important; } } .editor__inspector__footer { display: flex; background-color: #8d9eb0; padding: 0 12px; } .editor__inspector__footer__msg { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-grow: 1; color: #ffffff; line-height: 50px; } .editor__inspector__footer__help { display: flex; align-items: center; } .editor__inspector__footer__help > svg { height: 25px; width: 25px; } .editor__inspector__footer__help > svg * { fill: #ffffff; } .editor__inspector__feedback { display: inline-block; border-top: 1px solid; padding: 5px 0 0 0; width: 100%; } .editor__inspector__feedback--disabled { opacity: 0.4; pointer-events: none; } .editor__inspector__feedback--flex { display: flex; position: relative; } .editor__inspector__feedback__button { font-weight: normal; font-size: 12px; border: none; color: #848C95; position: relative; } @media not all and (any-pointer: coarse) { .editor__inspector__feedback__button:hover { color: #5C95DA; } } .editor__inspector__feedback__button--close { position: absolute; right: 5px; font-size: 15px; } .editor__inspector__feedback__button--open { left: 6px; color: #5C95DA; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .editor__inspector__feedback__button--open a { color: #5C95DA; text-decoration: none; cursor: pointer; } .editor__inspector__feedback__button--review { float: right; color: #5C95DA; position: relative; } .editor__inspector__feedback__input { display: none; border-top: 1px solid; border-bottom: 1px solid; margin-top: 4px; padding: 5px 0 0 0; } .editor__inspector__feedback__input--border { border-bottom: 1px solid; } .editor__inspector__feedback__textarea { resize: none; overflow: hidden; border-radius: 5px; padding: 0; width: calc(100% - 2px); border-color: #bbbaba; } .editor__inspector__feedback__label { line-height: 12px; padding: 5px 6px 5px 0px; max-height: 30px; flex-grow: 0; font-size: 12px; color: #848C95; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: flex; align-items: center; } .editor__inspector__feedback__label__normal { font-weight: normal; } .editor__inspector__feedback__label__heavy { font-weight: 500; } .editor__inspector__feedback__label--right { position: absolute; right: 0; } .editor__inspector__feedback__label--hint { text-transform: none; display: inline-block; left: 5px; top: 7px; position: relative; vertical-align: top; opacity: 0.7; } .editor__inspector__feedback__allstars { display: inline-block; height: 14px; position: relative; white-space: nowrap; left: 12px; vertical-align: bottom; } .editor__inspector__feedback__allstars--star { opacity: 1; position: relative; display: inline-block; margin: 0 1px 0 1px; } .editor__inspector__feedback__allstars--star svg { margin: auto; position: relative; height: 14px; width: 14px; } .editor__inspector__feedback__allstars--star svg * { fill: #c5cfd9; } .editor__inspector__feedback__allstars--star--selected svg * { fill: #5C95DA; } .editor__inspector__feedback__youstar { display: inline-block; position: relative; font-size: 0; white-space: nowrap; margin-top: 3px; margin-bottom: 5px; border: 1px solid #bbbaba; border-radius: 3px; padding: 5px; } .editor__inspector__feedback__youstar--star { opacity: 1; position: relative; display: inline-block; float: right; margin: 0 1px 0 1px; } .editor__inspector__feedback__youstar--star svg { margin: auto; position: relative; height: 14px; width: 14px; } .editor__inspector__feedback__youstar--star svg * { fill: #c5cfd9; } .editor__inspector__feedback__youstar label { left: 0; top: 0; height: 100%; z-index: 1; opacity: 1; position: absolute; width: 14px; } .editor__inspector__feedback__youstar input { -moz-appearance: none; -webkit-appearance: none; opacity: 0; display: inline-block; width: 14px; height: 14px; z-index: 2; position: relative; } .editor__inspector__feedback__youstar span:hover ~ span path, .editor__inspector__feedback__youstar span:hover path { fill: #20d101; } .editor__inspector__feedback__youstar span.checked path, .editor__inspector__feedback__youstar span.checked ~ span path { fill: #20d101; } .editor__inspector__colorpicker { width: 432px; } .editor__inspector__colorpicker__tabs { display: flex; margin-bottom: 10px; } .editor__inspector__colorpicker__tab { padding: 10px 20px; margin: 0 4px; font-size: 14px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media not all and (any-pointer: coarse) { .editor__inspector__colorpicker__tab:hover { color: rgba(92, 149, 218, 0.7); border-bottom: 2px solid rgba(92, 149, 218, 0.7); } } .editor__inspector__colorpicker__tab.active { color: #5C95DA; border-bottom: 2px solid #5C95DA; } .editor__inspector__colorpicker__options { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; margin-top: 1em; padding-top: 1em; border-top: 1px solid #efefef; } .editor__inspector__colorpicker__option { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-right: 10px; cursor: pointer; } .editor__inspector__colorpicker__option.disabled { opacity: 0.4; } .editor__inspector__colorpicker__option__btn { width: 28px; height: 28px; margin-right: 12px; } .editor__inspector__colorpicker__option__canvas { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; height: 100%; } .editor__inspector__colorpicker__option__checkbox { margin: 8px 5px 0 0 !important; } .editor__inspector__colorpicker__option__label { line-height: 28px; } .editor__inspector__colorpicker__multicolor { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 12px; border-top: 1px solid #ddd; padding-top: 12px; } .editor__inspector__colorpicker__multicolor__btn { width: 42px; height: 28px; margin-right: 12px; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media not all and (any-pointer: coarse) { .editor__inspector__colorpicker__multicolor__btn:hover { border: 2px solid #ffffff; -webkit-box-shadow: 0px 0px 0px 1px #86b5ee; -moz-box-shadow: 0px 0px 0px 1px #86b5ee; -ms-box-shadow: 0px 0px 0px 1px #86b5ee; -o-box-shadow: 0px 0px 0px 1px #86b5ee; box-shadow: 0px 0px 0px 1px #86b5ee; } } .editor__inspector__colorpicker__multicolor__btn--selected { border: 2px solid #ffffff; -webkit-box-shadow: 0px 0px 0px 1px #86b5ee; -moz-box-shadow: 0px 0px 0px 1px #86b5ee; -ms-box-shadow: 0px 0px 0px 1px #86b5ee; -o-box-shadow: 0px 0px 0px 1px #86b5ee; box-shadow: 0px 0px 0px 1px #86b5ee; } .editor__inspector__colorpicker__multicolor__btn:active { border: 2px solid #5C95DA; } .editor__inspector__colorpicker__multicolor__canvas { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; height: 100%; } .editor__inspector__colorpicker__multicolor__label { line-height: 28px; float: left; } .editor__inspector__colorpicker__multicolor__disclaimer { color: #86b5ee; font-style: italic; float: right; line-height: 28px; } .editor__inspector__colorpicker__custom__currentColor { background: #34495e; height: 50px; width: 50px; border-radius: 4px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .editor__inspector__colorpicker__custom__content { display: flex; } .editor__inspector__colorswatch { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 34px; height: 34px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin: 1px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .editor__inspector__colorswatch > .colorswatch__icon { width: 22px; height: 22px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .editor__inspector__colorswatch > .colorswatch__icon.white-border { border: 1px solid #dfe3e8; } .editor__inspector__colorswatch__row { width: 432px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media not all and (any-pointer: coarse) { .editor__inspector__colorswatch:hover { border: 2px solid rgba(134, 181, 238, 0.7); } } .editor__inspector__colorswatch--selected { border: 2px solid #86b5ee; } .editor__inspector__colorswatch:active { border: 2px solid #5C95DA; } .editor__inspector__header { background: #ffffff; color: #34495e; font-size: 15px; font-weight: 500; height: 40px; border-bottom: 1px solid #dfe3e8; width: 100%; padding: 0px; display: flex; align-items: center; justify-content: space-between; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } .editor__inspector__header > div:last-child { margin-right: 10px; } .editor__inspector__header.collapsed { height: 65px; } .editor__inspector__header__content { position: relative; display: block; width: 100%; height: 100%; } .editor__inspector__header__content__title { position: absolute; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 125px; margin-left: 10px; top: 10px; width: 100%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .editor__inspector__header__content__title.collapsed { top: 5px; max-width: 190px; } .editor__inspector__header__content__commonheadercontrols { position: absolute; bottom: 8px; line-height: 0; margin-left: 10px; } .editor__inspector__header__content__commonheadercontrols .editor__inspector__item { margin-top: 0px !important; margin-bottom: 0px !important; border-top: none !important; padding-top: 0px !important; } .editor__inspector__header__content__buttons { position: absolute; right: 0; bottom: 0; } .editor__inspector__header__content__buttons__item { display: inline-block; cursor: pointer; } .editor__inspector__header__content__buttons__item__svg { position: relative; text-align: center; width: 34px; height: 34px; margin: auto; opacity: 0.8; } .editor__inspector__header__content__buttons__item__svg svg { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .editor__inspector__header__content__buttons__item__svg svg * { fill: #34495e; } @media not all and (any-pointer: coarse) { .editor__inspector__header__content__buttons__item__svg:hover { opacity: 1; } .editor__inspector__header__content__buttons__item__svg:hover svg * { fill: #5C95DA; } } .editor__inspector__header__content__buttons__item--disabled { pointer-events: none; } .editor__inspector__header__content__buttons__item--disabled svg * { fill: #c5cfd9; } .editor__inspector__header__arrow { height: 100%; width: 40px; display: flex; align-items: flex-start; border-right: 1px solid #dfe3e8; flex-shrink: 0; } .editor__inspector__header__arrow__button { width: 100%; top: 0; } .editor__inspector__header__arrow__button > svg { transform: rotate(270deg); transition: transform 0.4s; fill: #34495e; width: 100%; height: 100%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .editor__inspector__header__arrow__button > svg.collapsed { transform: rotate(90deg); } .editor__inspector__group .editor__inspector__select__advanced__button { line-height: 32px; height: 32px; } .editor__inspector__group .editor__inspector__select__advanced__list-container { z-index: 4; position: fixed; } .editor__inspector__items { padding: 5px 16px; max-height: 475px; overflow-y: auto; } .editor__inspector__item { margin: 5px 0 10px 0; border-bottom: 1px solid #efefef; padding-bottom: 10px; } .editor__inspector__item:last-child { margin-bottom: 7px; padding-bottom: 0; border-bottom: none; } .editor__inspector__item--single { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .editor__inspector__item__label { text-transform: capitalize; font-size: 12px; color: #34495e; line-height: 32px; padding: 0 6px 0 0; flex-grow: 1; } @media (any-pointer: coarse) { .editor__inspector__item__label { font-size: 16px; padding: 0 14px 0 0; } } .editor__inspector__item__label__singleline { text-transform: capitalize; font-size: 12px; color: #34495e; line-height: 30px; padding: 0 6px 0 0; float: left; } @media (any-pointer: coarse) { .editor__inspector__item__label__singleline { font-size: 16px; padding: 0 14px 0 0; } } .editor__inspector__item__tool { margin: 5px 0 10px 0; display: inline-block; width: 100%; border: 1px solid transparent; cursor: pointer; border-radius: 5px; } .editor__inspector__item__tool:first-child { margin-left: 6px; } .editor__inspector__item__tool:last-child { margin-right: 6px; } .editor__inspector__item__tool__svg { position: relative; text-align: center; width: 34px; height: 34px; margin: auto; opacity: 0.8; } .editor__inspector__item__tool__svg svg { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .editor__inspector__item__tool__svg svg * { fill: #34495e; } @media not all and (any-pointer: coarse) { .editor__inspector__item__tool__svg:hover { opacity: 1; } .editor__inspector__item__tool__svg:hover svg * { fill: #5C95DA; } } .editor__inspector__item__tool__button { border: none; } @media not all and (any-pointer: coarse) { .editor__inspector__item__tool:hover { border: 1px solid #5C95DA; } .editor__inspector__item__tool:hover .editor__inspector__item__tool__button { color: #5C95DA; } .editor__inspector__item__tool:hover .editor__inspector__item__tool__svg { opacity: 1; } .editor__inspector__item__tool:hover .editor__inspector__item__tool__svg svg * { fill: #5C95DA; } } .editor__inspector__item__tool--disabled { pointer-events: none; } .editor__inspector__item__tool--disabled svg * { fill: #c5cfd9; } .editor__inspector__item__tool--disabled .editor__inspector__item__tool__button { color: #c5cfd9; } .editor__inspector__item__textinput { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; outline: 1px hidden #f4f5f6; border: 1px solid #dfe3e8; font-size: 14px; color: #34495e; padding: 6px; height: 34px; width: 100%; background-color: #F4F5F6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .editor__inspector__item__textinput--align-right { text-align: right; width: 30%; } .editor__inspector__item__textinput--slider { width: 30%; text-align: right; float: right; } .editor__inspector__item__textinput--readonly { background: #ffffff; color: #c5cfd9; } @media not all and (any-pointer: coarse) { .editor__inspector__item__textinput--readonly:hover { cursor: not-allowed; } } @media not all and (any-pointer: coarse) { .editor__inspector__item__textinput:hover { color: #5C95DA; background-color: #ffffff; } } .editor__inspector__item__textinput:focus { color: #34495e; outline: 1px solid #f4f5f6; border: 2px solid #5C95DA; } .editor__inspector__item__textinput::selection { background-color: #5C95DA; color: #f4f5f6; } .editor__inspector__item__select { margin-left: 6px; height: 34px; border: 1px solid #dfe3e8; font-size: 14px; font-family: sans-serif; display: none; } .editor__inspector__item__select--single { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; } .editor__inspector__item__fixedunit { font-size: 14px; line-height: 32px; margin-left: 6px; display: inline-block; } .editor__inspector__item__checkbox { line-height: 32px; } .editor__inspector__item__checkbox__container { line-height: 32px; margin-left: 5px; } .editor__inspector__item__buttongroup { display: table; width: 100%; table-layout: fixed; } .editor__inspector__item__buttongroup > .editor__inspector__item__tool { display: table-cell; width: 100%; } .editor__inspector__item__buttongroup .editor__inspector__item__button:active { background-color: inherit; color: #5C95DA; } .editor__inspector__item__button { width: 100%; font-weight: normal; text-align: center; font-size: 12px; } @media (any-pointer: coarse) { .editor__inspector__item__button { font-size: 16px; } } @media not all and (any-pointer: coarse) { .editor__inspector__item__button:hover { border-color: #5C95DA; color: #5C95DA; } } .editor__inspector__item__button:active { background-color: #5C95DA; color: #ffffff; } .editor__inspector__item__button:visited { background-color: #86b5ee; } .editor__inspector__item__ui-slider-background { background-color: #5C95DA; z-index: 1; } .editor__inspector__item__ui-slider-area { position: relative; display: inline-block; cursor: pointer; } .editor__inspector__item__ui-slider-icon { width: 0px; height: 0px; } .editor__inspector__item__ui-slider-step { position: absolute; z-index: 2; } .editor__inspector__item__ui-slider-handle { width: 10px; height: 10px; background: #ffffff; border: 1px solid #000000; border-radius: 50%; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; text-align: center; box-shadow: 0 0 0 2px #ffffff; z-index: 3; } .editor__inspector__item__ui-slider-handle:active { box-shadow: 0 0 0 8px rgba(6, 150, 216, 0.3); background-color: #5C95DA; border-color: #ffffff; } .editor__inspector__item__ui-slider-text { text-align: right; } .editor__inspector__item__ui-slider-text, .editor__inspector__item__ui-slider-input { display: inline-block; margin-left: 12px; width: 45px; font-size: 10px; line-height: 22px; vertical-align: top; white-space: nowrap; text-align: right; } @media (any-pointer: coarse) { .editor__inspector__item__ui-slider-text, .editor__inspector__item__ui-slider-input { font-size: 16px; } } .editor__inspector__item__ui-slider-horizontal { height: 20px; } @media (any-pointer: coarse) { .editor__inspector__item__ui-slider-horizontal { height: 23px; } } .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-area { height: 2px; margin-top: 10px; width: 100%; border: 0px; background-color: #efefef; border-radius: 4px; vertical-align: top; } @media (any-pointer: coarse) { .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-area { height: 4px; } } .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-area-has-text { width: calc(100% - 65px); } @media (any-pointer: coarse) { .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-area-has-text { width: calc(100% - 85px); } } .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-padding { width: 100%; height: 15px; top: -7.5px; position: absolute; } .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-background { width: 0px; height: 100%; border-radius: 10px 0px 0px 10px; } .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-handle { top: -5px; height: 10px; width: 10px; margin-left: -7.5px; left: 0px; } @media (any-pointer: coarse) { .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-handle { top: -10px; height: 20px; width: 20px; } } .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-step { height: 7px; top: 0px; border-right: 2px solid #efefef; } .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-text, .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-input { margin-left: 5px; } @media (any-pointer: coarse) { .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-text, .editor__inspector__item__ui-slider-horizontal .editor__inspector__item__ui-slider-input { margin-left: 15px; } } .editor__inspector__item__ui-slider-vertical { width: 20px; height: 100%; } .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-area { width: 2px; margin-left: 10px; height: 100%; border: 0px; background-color: #efefef; border-radius: 4px; } .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-area-has-text { height: calc(100% - 65px); min-height: 100px; } .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-padding { height: 100%; width: 15px; left: -7.5px; position: absolute; } .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-background { height: 0%; width: 2px; border-radius: 5px; position: absolute; bottom: 0; } .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-handle { left: -5px; height: 10px; width: 10px; margin-top: -7.5px; bottom: 0px; } @media (any-pointer: coarse) { .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-handle { left: -10px; height: 20px; width: 20px; } } .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-step { width: 2px; left: 0px; border-top: 2px solid #efefef; } .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-text, .editor__inspector__item__ui-slider-vertical .editor__inspector__item__ui-slider-input { margin-top: 12px; margin-left: -5px; text-align: center; width: 32px; } .editor__inspector__item__ui-slider-input { display: none; height: 22px !important; } @media (any-pointer: coarse) { .editor__inspector__item__ui-slider-input { font-size: 14px !important; height: 20px !important; width: 45px !important; margin-top: -4px !important; margin-left: 15px !important; } } .editor__inspector__item__slidershell { clear: both; border: 0 none; position: relative; left: 0px; top: 0px; overflow: visible; border-top: 10px solid transparent; margin-bottom: 5px; } .editor__inspector__item__slidershell__track { background-color: #efefef; border-radius: 4px; position: absolute; } .editor__inspector__item__slidershell__fill { border: 1px solid #fff; border-radius: 4px; position: absolute; pointer-events: none; background: #5C95DA; } .editor__inspector__item__slidershell__thumb { width: 10px; height: 10px; background: #ffffff; border: 1px solid #000000; border-radius: 50%; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; text-align: center; pointer-events: none; box-shadow: 0 0 0 2px #ffffff; -webkit-transition: box-shadow 0.1s ease-in; -moz-transition: box-shadow 0.1s ease-in; -o-transition: box-shadow 0.1s ease-in; transition: box-shadow 0.1s ease-in; } .editor__inspector__item__slidershell__thumb--active { box-shadow: 0 0 0 8px rgba(6, 150, 216, 0.3); background-color: #5C95DA; border-color: #ffffff; } .editor__inspector__item__slidershell__slider { position: absolute; left: 0px; top: 0px; overflow: visible; z-index: 100; width: 100%; height: 100%; -webkit-appearance: none; margin: 0px; padding: 0px; border: 0 none; background: transparent; color: transparent; } .editor__inspector__item__slidershell__slider::-webkit-slider-thumb { width: 15px; height: 15px; border-radius: 0px; border: 0 none; background: transparent; -webkit-appearance: none; } .editor__inspector__item__slidershell__slider:focus { outline: none; } .editor__inspector__item__slidershell__slider:focus::-webkit-slider-runnable-track { background: transparent; border: transparent; } .editor__inspector__item__slidershell__slider::-ms-track { width: 100%; height: 100%; -webkit-appearance: none; margin: 0px; padding: 0px; border: 0 none; background: transparent; color: transparent; overflow: visible; } .editor__inspector__item__slidershell__slider::-ms-thumb { width: 15px; height: 15px; border-radius: 0px; border: 0 none; background: transparent; } .editor__inspector__item__slidershell__slider::-moz-range-track { width: 100%; height: 100%; -moz-appearance: none; margin: 0px; padding: 0px; border: 0 none; background: transparent; color: transparent; overflow: visible; } .editor__inspector__item__slidershell__slider::-moz-range-thumb { width: 15px; height: 15px; border-radius: 0px; border: 0 none; background: transparent; } .editor__inspector__item__slidershell__slider::-ms-fill-lower { background: transparent; border: 0 none; } .editor__inspector__item__slidershell__slider::-ms-fill-upper { background: transparent; border: 0 none; } .editor__inspector__item__slidershell__slider::-ms-tooltip { display: none; } @media not all and (any-pointer: coarse) { .editor__inspector__item:hover .editor__inspector__item__label, .editor__inspector__item:hover .editor__inspector__item__label__singleline { color: #5C95DA; } .editor__inspector__item:hover .editor__inspector__item__slidershell__thumb { border: 1px solid #5C95DA; } .editor__inspector__item:hover .editor__inspector__item__slidershell__thumb--active { border-color: #ffffff; } .editor__inspector__item:hover .editor__inspector__item__ui-slider-handle { border: 1px solid #5C95DA; } .editor__inspector__item:hover .editor__inspector__item__ui-slider-handle:active { border-color: #ffffff; } } .editor__inspector__item:after { content: ""; display: block; clear: both; } .editor__inspector__item__cc { padding: 5px; white-space: nowrap; } .editor__inspector__item__cc__buttons { text-align: center; } .editor__inspector__item__cc__button { border: 1px solid transparent; display: inline-block; padding: 12px 18px; border-radius: 5px; margin: 0 4px; cursor: pointer; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .editor__inspector__item__cc__button__icon { height: 50px; width: 50px; border: 2px solid transparent; border-radius: 50%; margin-bottom: 0.5em; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.2s ease-in; -moz-transition: border 0.2s ease-in; -o-transition: border 0.2s ease-in; transition: border 0.2s ease-in; background-color: #ffffff; } .editor__inspector__item__cc__button__icon--selected { border: 2px solid #5C95DA; } .editor__inspector__item__cc__button__icon > .button__icon__container { position: relative; top: 50%; left: 50%; width: 40px; height: 40px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .editor__inspector__item__cc__button__icon__canvas { width: 100%; height: 100%; border-radius: 50%; border: 0px solid transparent; margin: auto; } .editor__inspector__item__cc__button__icon__canvas--tilt { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .editor__inspector__item__cc__button__label { text-align: center; font-size: 12px; color: #46525f; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } @media not all and (any-pointer: coarse) { .editor__inspector__item__cc__button:hover { border: 1px solid #86b5ee; } .editor__inspector__item__cc__button:hover .editor__inspector__item__cc__button__icon { border: 2px solid rgba(92, 149, 218, 0.7); } .editor__inspector__item__cc__button:hover .editor__inspector__item__cc__button__label { color: #86b5ee; } } .editor__inspector__item__cc__lock--visible { border-top: 1px solid #efefef; margin-top: 1em; } .editor__inspector__item__sketch2d { position: relative; } .editor__inspector__item__sketch2d__setting { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAolBMVEUAAABVVVWAgFVxcXFqamp3ZmZtbWFvb2ZxcWpvb2ltbWdwcGVubmlxbWhvb2Zvb2dxb2ZwbWhxbmdwbmdvbWZxb2ZwbmZwbmdxbWZwb2hwbmdxbmdwb2dwbmZvbmhwbWdwbmdvbmdwbWZvbmdwbmdwb2dwbmhwbmdwbWdwbmdxbmdwb2dwbmdwbWZwbmdwbmdvbmdwbmdwbmdwbmdwbmdwbmfnegDFAAAANXRSTlMAAwYJDA8VHiQnKjAzNjxXWmBvcnV4hI2Tlpmcn6KlqKuusbe6vcDDxsnM0tjb4eTn7fb5/A0jQTUAAAClSURBVHjafZDZDoJAEARBPFC88AAUL0QOEVGQ+v9fE1iSTYyhXrrTk97MjtKFx1X9iXTAUCQ2yTICHusYR0S9EiSaCAOgvO29HLi33QVks0qHPtgiMgLKeeMGL/JpbS5A1Da2gK8oKoArX4FK3WYm2ACH2oxCPmJd7Umhi6kJ6bjS/hl2bSMCiuPKyYBEROq/f1jEZgq8rbDaWTKRd5Gc8NSO834B7FQaxj8+f9YAAAAASUVORK5CYII=); background-position: 0 0; display: inline-block; height: 19px; width: 19px; cursor: pointer; position: absolute; top: 5px; right: 5px; z-index: 1; background-repeat: no-repeat; } @media not all and (any-pointer: coarse) { .editor__inspector__item__sketch2d__setting:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAolBMVEUAAABVqqorqqo5jqorlaozmaoxnqormaorlaoulqormKormq8tlq8vl68vma4smK0tma0tl60umKwtmKwumawtmawsma4tmK4tma0sl60tmK0umK0tmK0uma0tl60umK0tmK0tmK0tl60tmK0tmK0tmK0tl60smK0tmK0smK0tma0tmKwtmKwtl60tmK0tmK0tmK0tmK0tmK0tmK0tmK0tmK216Q5wAAAANXRSTlMAAwYJDA8VHiQnKjAzNjxXWmBvcnV4hI2Tlpmcn6KlqKuusbe6vcDDxsnM0tjb4eTn7fb5/A0jQTUAAAClSURBVHjafZDZDoJAEARBPFC88AAUL0QOEVGQ+v9fE1iSTYyhXrrTk97MjtKFx1X9iXTAUCQ2yTICHusYR0S9EiSaCAOgvO29HLi33QVks0qHPtgiMgLKeeMGL/JpbS5A1Da2gK8oKoArX4FK3WYm2ACH2oxCPmJd7Umhi6kJ6bjS/hl2bSMCiuPKyYBEROq/f1jEZgq8rbDaWTKRd5Gc8NSO834B7FQaxj8+f9YAAAAASUVORK5CYII=); } } @media (any-pointer: coarse) { .editor__inspector__item__sketch2d__setting { display: none; } } .editor__inspector__item__sketch2d__setting__con { display: none; width: 50px; position: absolute; top: 3px; right: 20px; overflow: hidden; line-height: 12px; color: #0096b6; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @media not all and (any-pointer: coarse) { .editor__inspector__item__sketch2d__setting:hover .editor__inspector__item__sketch2d__setting__con { display: block; } } .editor__inspector__item__fileupload { width: 100%; height: 100%; position: relative; text-align: center; color: #595644; font-size: 13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .editor__inspector__item__fileupload__filecontent { position: relative; border: 3px dotted; border-color: #bbb8b3; box-sizing: border-box; margin: 0px auto 0px; } @media not all and (any-pointer: coarse) { .editor__inspector__item__fileupload__filecontent:hover { border-color: #D6D6D6; } } .editor__inspector__item__fileupload__filecontent-hover { border-color: #D6D6D6; } .editor__inspector__item__fileupload__filecontent:not(.editor__inspector__item__fileupload__contentselected) { height: 110px; width: 110px; } .editor__inspector__item__fileupload__contentselected { border: none; } .editor__inspector__item__fileupload__contentthumb { max-width: 100%; max-height: 150px; } .editor__inspector__item__fileupload__contentthumb-blur { opacity: 0.5; filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); } .editor__inspector__item__fileupload__contentthumb:blur { opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); } .editor__inspector__item__fileupload__contenttext { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; height: 20px; } .editor__inspector__item__fileupload__progresscontainer { margin-left: calc(100% / 2 - 75px); width: 150px; margin-top: 1px; } .editor__inspector__item__fileupload__progress { height: 3px; background-color: #0096b6; } .editor__inspector__item__fileupload__buttoncontainer { margin-top: 5px; } .editor__inspector__item__fileupload__message { margin-top: 5px; } .editor__inspector__item__fileupload .editor__inspector__item__button { width: 112px; } .editor__inspector__item__imageedit { cursor: pointer; position: relative; background-color: #ffffff; } .editor__inspector__item__imageedit__noselect { user-select: none; -moz-user-select: none; -webkit-user-select: none; } .editor__inspector__item__imageedit__zoomcontainer { position: absolute; left: 7px; bottom: calc(50% - 100px); height: 200px; } .editor__inspector__item__imageedit__rotatecontainer { position: absolute; bottom: 10px; left: calc(50% - 100px); width: 200px; } .editor__inspector__item__imageedit__rotateleft { display: inline-block; position: absolute; bottom: 3px; left: calc(50% - 140px); width: 32px; height: 32px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA7VBMVEUAAAAAAAAAAAAAAAAAAEAkJCQgICAcHBwXFxcVFSsSJCQQICAPHh4bGxsaGiYXFyMWISEUHx8THBwaGiIZGSEXHx8XHh4VHCMVHCIUGiEWHCEWGyEUHiMXGyAWGiMYHCAXGyMVGyEVGyEXHCIWHCIWHCEWGyEXHCEWGyAWHSIVHCEWHSIWHSEVHCAXHSEXHCAVGh8VGyIXHSEWHCEVHB8XHCEWHCEWHCAVHCEXGh8WHCEVHCAUGiAWHCIWGx8WGyAVGiEVGyEWHCAWHB8WGiEVHB8WGyEXGyEWGyEVGyEVGyAUGyAWHCEWHCEWHCFrCG/jAAAATnRSTlMAAQIDBAcICQsMDhARExQWFxkbHh8hIiQlJy4vMzg6QEJUVlpbXF1jaGpscnR3e4ebp6mss7S5xcbL0NHU1dvc3t/h4+fr7e7v9/j5/f4OfnwSAAAA10lEQVR42q3R21LCMBSF4QQqUksBBVSQgyCgQhFRapWjCkKR7PX+j+MMjpUwsK/63+18SWYyEaGUZDXVZ/lxHWO0qKjCsAd6EPI0Y+/VOgGT17VSaunemrsan2Erv2NoKrubZbd+lT4rOwPQW0bzmzkAcuTv5toXZnnNze43ELw8O8V7QnN5/oxl5G/K+egJPVkZFoKhCSqJnYz/CyNjPAmmNlbHDF+AygxLnxocj3DH8QBNjj/ZD7ZInTBchSeYXnDP6DUt4ofV/kCLOXw58qKC6cgSofQDebMf2qVC2MsAAAAASUVORK5CYII=); } .editor__inspector__item__imageedit__rotateright { display: inline-block; position: absolute; bottom: 3px; right: calc(50% - 140px); width: 32px; height: 32px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA81BMVEUAAAAAAAAAAAAAAAAAMzMrKyscHBwaGhoXFxcVFSsUFCcRIiIPHh4cHBwbGxsaGiYYGCQXFyMUHR0aGiMZGSEYICAWHSQVHCMZHx8WHCEWGyEUHiMWGx8WGiMWGiMVHSEYGx8XGyMVGyEXHSIWHCIWGyEWGyEXHCEWHSIWHSIVHCEXGyAWHSIWHCEVGyIWHSEVHSEXHSAVGh8XHSEXHSEWHB8XHCEWHCIWHCEWHCAVHCEWHSIWHCEWHCEWHCEVGx8WHCAWGyAVGyEUHCEWHB8WGyEVHCAWGyEXGyEWGyEWGyAVGyEVGyAWGyAWHCEWHCEWHCGwuW8lAAAAUHRSTlMAAQIDBQYJCgsMDQ8REhMUFRYaHR8gIyQpLi8zOTo7PkFCVFlbXV5laWpscHJ1eX2Fhpupqqu0trnFx83Oz9DT2tzf4OPl6e3u7/D3+Pr9/iPRk44AAADNSURBVCjPtdPVDsIwFAbgwXB3d3e3YcMd+r//0xAIsg1yrqBXbb60PdJy3B+Gg1RVz0mx7tyiOIFL+LvYPS41VweETzLl+3vG2Hk4B1hGgZraAZKxMsjUOwLGlYjLGcz07t6UamCNTeqRVvWm67REbUvM3K+sgWNDdnYbW89zzu/R8coujgLvSEPTuKKIXYiq18rCK3LSn1iZKGIMzEdwFjuqBQWIFOcwoRu4pNjMLmbq8QhIUduLGFBs3LIk5SUsrATzgugng9f+/jNdARj6IKCQrRysAAAAAElFTkSuQmCC); } .editor__inspector__item__imageedit__close { position: absolute; top: 12px; right: 12px; } .editor__inspector__item__markdown { width: 100%; } .editor__inspector__item__loader { margin: 0px auto 10px; text-align: center; } .editor__inspector__item__loader > div { width: 10px; height: 10px; background-color: #000000; border-radius: 100%; display: inline-block; -webkit-animation: throbber__bouncedelay 1.4s infinite ease-in-out; animation: throbber__bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .editor__inspector__item__loader .throbber__bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .editor__inspector__item__loader .throbber__bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes throbber__bouncedelay { 10% { -webkit-transform: scale(1); } 40% { -webkit-transform: scale(0); } 80% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } @keyframes throbber__bouncedelay { 10% { transform: scale(1); -webkit-transform: scale(1); } 40% { transform: scale(0); -webkit-transform: scale(0); } 80% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); } } .editor__inspector__item.sidebar .editor__inspector__select__advanced { padding: 6px; } .editor__inspector__item.sidebar .editor__inspector__select__advanced__button { border: 1px solid #dfe3e8; border-radius: 3px; background-color: #f4f5f6; box-shadow: 0px 2px 4px 0px #dfe3e8; height: 36px; } @media not all and (any-pointer: coarse) { .editor__inspector__item.sidebar .editor__inspector__select__advanced__button:hover { border: 1px solid #5C95DA; background-color: #f6f6f6; text-decoration: none; } .editor__inspector__item.sidebar .editor__inspector__select__advanced__button:hover svg * { fill: #5C95DA; } } .editor__inspector__select__advanced { position: relative; flex: 1; border: 1px solid #dfe3e8; } @media (any-pointer: coarse) { .editor__inspector__select__advanced > a { text-decoration: none !important; } } .editor__inspector__select__advanced__button { background: transparent; display: flex; padding: 0; cursor: pointer; } @media (any-pointer: coarse) { .editor__inspector__select__advanced__button { font-size: 16px !important; } } .editor__inspector__select__advanced__text { flex: 1; text-align: left; } .editor__inspector__select__advanced__text--category { display: block; font-size: 10px; color: #34495e; font-weight: 400; } .editor__inspector__select__advanced__text--item { color: #263133; padding-left: 5px; font-weight: 400; } @media (any-pointer: coarse) { .editor__inspector__select__advanced__text--item { text-decoration: none !important; } } .editor__inspector__select__advanced__arrow { margin-right: 5px; width: 18px; } .editor__inspector__select__advanced__arrow > svg { width: 100%; height: 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .editor__inspector__select__advanced__list-container { position: absolute; width: 100%; border: 1px solid #dfe3e8; background: #ffffff; display: none; max-height: 200px; overflow-y: auto; -webkit-box-shadow: 0px 0px 2px 1px #86b5ee; -moz-box-shadow: 0px 0px 2px 1px #86b5ee; -ms-box-shadow: 0px 0px 2px 1px #86b5ee; -o-box-shadow: 0px 0px 2px 1px #86b5ee; box-shadow: 0px 0px 2px 1px #86b5ee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-top: 6px; z-index: 1; } @media (any-pointer: coarse) { .editor__inspector__select__advanced__list-container { margin-top: 10px; } } .editor__inspector__select__advanced__list-container::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .editor__inspector__select__advanced__list-container::-webkit-scrollbar-thumb { display: block; border-radius: 7px; background-color: #d6d6d6; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .editor__inspector__select__advanced__list-container::-webkit-scrollbar-track { background-color: transparent; margin-top: 5px; margin-bottom: 5px; } .editor__inspector__select__advanced__list { list-style: none; padding: 0; margin: 3px 1px 3px 1px; } .editor__inspector__select__advanced__option__group__name { font-size: 14px; color: #c5cfd9; font-weight: 400; text-transform: uppercase; } .editor__inspector__select__advanced__option__group__list { list-style: none; padding: 0 10px; margin: 0; } .editor__inspector__select__advanced__option__value { color: #263133; padding: 0px; cursor: pointer; font-size: 12px; text-align: left; } .editor__inspector__select__advanced__option__value__field { color: #263133; display: block; cursor: pointer; padding: 5px; font-weight: 400; } @media (any-pointer: coarse) { .editor__inspector__select__advanced__option__value__field { font-size: 16px !important; text-decoration: none !important; } } .editor__inspector__select__advanced__option__value__field[data-selected] { font-weight: 500; color: #5C95DA; } @media not all and (any-pointer: coarse) { .editor__inspector__select__advanced__option__value__field:hover { color: #ffffff; background-color: #5C95DA; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-decoration: none; } } .editor__inspector__select__advanced__option__separator { border-top: 1px solid #dfe3e8; margin-left: -10px; margin-right: -10px; margin-top: 5px; margin-bottom: 5px; } .editor__inspector__select__advanced.active { -webkit-box-shadow: 0px 0px 2px 1px #86b5ee; -moz-box-shadow: 0px 0px 2px 1px #86b5ee; -ms-box-shadow: 0px 0px 2px 1px #86b5ee; -o-box-shadow: 0px 0px 2px 1px #86b5ee; box-shadow: 0px 0px 2px 1px #86b5ee; } @media not all and (any-pointer: coarse) { .editor__inspector__select__advanced:hover { -webkit-box-shadow: 0px 0px 2px 1px #86b5ee; -moz-box-shadow: 0px 0px 2px 1px #86b5ee; -ms-box-shadow: 0px 0px 2px 1px #86b5ee; -o-box-shadow: 0px 0px 2px 1px #86b5ee; box-shadow: 0px 0px 2px 1px #86b5ee; } } .editor__inspector__select__advanced.active .editor__inspector__select__advanced__arrow { color: #86b5ee; } @media not all and (any-pointer: coarse) { .editor__inspector__select__advanced:hover .editor__inspector__select__advanced__arrow { color: #86b5ee; } } .editor__colorpicker { -webkit-box-shadow: 0px 0px 3px 0px #dfe3e8; -moz-box-shadow: 0px 0px 3px 0px #dfe3e8; -ms-box-shadow: 0px 0px 3px 0px #dfe3e8; -o-box-shadow: 0px 0px 3px 0px #dfe3e8; box-shadow: 0px 0px 3px 0px #dfe3e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; position: fixed; width: 432px; padding: 14px; background: rgba(249, 249, 250, 0.95); font-size: 12px; } @media (any-pointer: coarse) { .editor__colorpicker { padding: 8px 14px 8px 14px; } } .editor__colorpicker__tabs { display: flex; margin-bottom: 10px; border-bottom: 1px solid #dfe3e8; } @media (any-pointer: coarse) { .editor__colorpicker__tabs { margin-bottom: 5px; } } .editor__colorpicker__tab { padding: 10px 20px; margin: 0 4px; font-size: 14px; font-weight: 500; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media (any-pointer: coarse) { .editor__colorpicker__tab { font-size: 18px; padding: 5px 20px; } } @media not all and (any-pointer: coarse) { .editor__colorpicker__tab:hover { color: rgba(92, 149, 218, 0.7); border-bottom: 2px solid rgba(92, 149, 218, 0.7); } } .editor__colorpicker__tab.active { color: #5C95DA; border-bottom: 2px solid #5C95DA; } .editor__colorpicker__options { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; margin-top: 1em; padding-top: 1em; border-top: 1px solid #dfe3e8; } .editor__colorpicker__option { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-right: 10px; cursor: pointer; } .editor__colorpicker__option.disabled { opacity: 0.4; } .editor__colorpicker__option__btn { width: 28px; height: 28px; margin-right: 12px; } @media (any-pointer: coarse) { .editor__colorpicker__option__btn { width: 32px; height: 32px; } } .editor__colorpicker__option__canvas { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; height: 100%; } .editor__colorpicker__option__checkbox { height: 100%; margin: 0px 5px 0 0 !important; } .editor__colorpicker__option__label { line-height: 28px; } @media (any-pointer: coarse) { .editor__colorpicker__option__label { line-height: 32px; font-size: 14px !important; } } .editor__colorpicker__multicolor { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 12px; border-top: 1px solid #ddd; padding-top: 12px; } .editor__colorpicker__multicolor__btn { width: 42px; height: 28px; margin-right: 12px; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media not all and (any-pointer: coarse) { .editor__colorpicker__multicolor__btn:hover { border: 2px solid #ffffff; -webkit-box-shadow: 0px 0px 0px 1px #86b5ee; -moz-box-shadow: 0px 0px 0px 1px #86b5ee; -ms-box-shadow: 0px 0px 0px 1px #86b5ee; -o-box-shadow: 0px 0px 0px 1px #86b5ee; box-shadow: 0px 0px 0px 1px #86b5ee; } } .editor__colorpicker__multicolor__btn--selected { border: 2px solid #ffffff; -webkit-box-shadow: 0px 0px 0px 1px #86b5ee; -moz-box-shadow: 0px 0px 0px 1px #86b5ee; -ms-box-shadow: 0px 0px 0px 1px #86b5ee; -o-box-shadow: 0px 0px 0px 1px #86b5ee; box-shadow: 0px 0px 0px 1px #86b5ee; } .editor__colorpicker__multicolor__btn:active { border: 2px solid #5C95DA; } .editor__colorpicker__multicolor__canvas { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; height: 100%; } .editor__colorpicker__multicolor__label { line-height: 28px; float: left; } .editor__colorpicker__multicolor__disclaimer { color: #86b5ee; font-style: italic; float: right; line-height: 28px; } .editor__colorpicker__custom__colorDisplay { height: 35px; width: 35px; border-radius: 50%; } .editor__colorpicker__custom__colorDisplay__container { margin-left: 0; -webkit-transition: margin-left 0.2s; -moz-transition: margin-left 0.2s; -ms-transition: margin-left 0.2s; -o-transition: margin-left 0.2s; transition: margin-left 0.2s; } .editor__colorpicker__custom__content { display: flex; justify-content: center; position: relative; } .editor__colorpicker__custom__colorValueBtn { display: inline-block; position: absolute; right: 0; cursor: pointer; } @media (any-pointer: coarse) { .editor__colorpicker__custom__colorValueBtn { font-size: 14px !important; } } .editor__colorpicker__custom__colorValueBtn > a { display: flex; align-items: center; text-decoration: none; color: #5C95DA; } .editor__colorpicker__custom__colorValueArrow { width: 25px; height: 25px; display: inline-block; border: 1px solid #c5cfd9; border-radius: 50%; margin-left: 5px; transform: rotate(-180deg); transition: transform 0.2s; } @media (any-pointer: coarse) { .editor__colorpicker__custom__colorValueArrow { display: none; } } .editor__colorpicker__custom__colorValueArrow.right { transform: rotate(0deg); } .editor__colorpicker__custom__colorValueArrow > svg { height: 100%; width: 100%; } .editor__colorpicker__custom__colorValueArrow > svg > * { fill: #c5cfd9; } .editor__colorpicker__custom__RGB { width: 175px; margin-left: 175px; transition: margin-left 0.2s; } @media (any-pointer: coarse) { .editor__colorpicker__custom__RGB { font-size: 14px !important; } } .editor__colorpicker__custom__RGB.show { margin-left: 0px; } .editor__colorpicker__custom__hexInput { position: absolute; bottom: 0; right: 0; width: auto; } .editor__colorpicker__custom__hexInput > input { width: 55px; text-align: center; } .editor__colorpicker__custom__hexInput > input:invalid { box-shadow: none; } @media (any-pointer: coarse) { .editor__colorpicker__custom__hexInput > input { text-align: right; font-size: 14px !important; } } .editor__colorpicker__custom__hexInput .disable { pointer-events: none; background: transparent; border: 0; outline: 0; } .editor__colorpicker__custom__hexInput > label { margin-right: 5px; font-size: 14px !important; margin-bottom: 0px !important; } .editor__colorpicker__custom__inputs { flex-grow: 1; padding-top: 35px; overflow: hidden; } .editor__colorpicker__custom__slider { display: flex; } .editor__colorpicker__custom__slider__input { display: none !important; } .editor__colorpicker__custom__slider__value { width: 15%; text-align: center; } @media (any-pointer: coarse) { .editor__colorpicker__custom__slider__value { margin-top: -5px; text-align: right; font-size: 14px !important; } } .editor__colorpicker__custom__slider .disable { pointer-events: none; background: transparent; border: 0; outline: 0; } .editor__colorpicker__custom__slider__bar { height: 20px; border: 1px solid #dfe3e8; border-radius: 10px; width: 85%; margin-right: 5px; position: relative; } @media (any-pointer: coarse) { .editor__colorpicker__custom__slider__bar { width: 80%; margin-right: 10px; } } .editor__colorpicker__custom__slider__button { height: 14px; width: 14px; background: #ffffff; border-radius: 50%; position: absolute; top: 2px; left: -7px; box-shadow: 0 2px 4px -1px #000000; } @media (any-pointer: coarse) { .editor__colorpicker__custom__slider__button { height: 20px; width: 20px; left: -5px; top: -1px; } } .editor__colorpicker__custom__wheel { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; height: 200px; transition: margin-left 0.2s; } .editor__colorpicker__custom__wheel__saturation { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; cursor: pointer; border: 1px solid #c5cfd9; border-radius: 4px; } .editor__colorpicker__custom__wheel__saturation__diamond { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; cursor: pointer; border: 1px solid #dfe3e8; border-radius: 4px; transform: rotate(45deg); } .editor__colorpicker__custom__wheel__saturation__diamond > canvas { width: 100%; height: 100%; border-radius: 4px; } .editor__colorpicker__custom__wheel__brightness { width: 100%; height: 100%; border-radius: 4px; background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #000000); background: linear-gradient(rgba(255, 255, 255, 0), #000000); } .editor__colorpicker__custom__wheel__sbSelector { position: absolute; border: 2px solid #ffffff; width: 15px; height: 15px; background: #fff; border-radius: 10px; top: -7px; left: -7px; box-sizing: border-box; box-shadow: 0 2px 4px -1px #000000; } @media (any-pointer: coarse) { .editor__colorpicker__custom__wheel__sbSelector { height: 20px; width: 20px; left: -10px; top: -10px; } } .editor__colorpicker__custom__wheel__ringContainer { width: 200px; height: 200px; position: relative; } .editor__colorpicker__custom__wheel__ringContainer > canvas { width: 100%; height: 100%; } .editor__colorpicker__custom__wheel__ringSelector { position: absolute; display: inline-block; border: 2px solid #ffffff; width: 15px; height: 15px; background: #fff; border-radius: 10px; top: 0px; left: 0px; box-sizing: border-box; box-shadow: 0 2px 4px -1px #000000; } @media (any-pointer: coarse) { .editor__colorpicker__custom__wheel__ringSelector { height: 20px; width: 20px; } } .editor__colorpicker__custom__wheel__hue { position: relative; height: 100%; width: 16px; border-radius: 8px; background: -webkit-linear-gradient(#f00 0%, #f0f 17%, #00f 34%, #0ff 50%, #0f0 67%, #ff0 84%, #f00 100%); background: linear-gradient(#f00 0%, #f0f 17%, #00f 34%, #0ff 50%, #0f0 67%, #ff0 84%, #f00 100%); cursor: pointer; } .editor__colorpicker__custom__wheel__hueSelector { position: absolute; width: 14px; height: 14px; border-radius: 10px; background: #fff; border: 2px solid #ffffff; box-shadow: 0 2px 4px -1px #000000; box-sizing: border-box; top: -7px; left: 1px; } .editor__colorpicker__swatch { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 34px; height: 34px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin: 1px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .editor__colorpicker__swatch > .swatch__icon { width: 22px; height: 22px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .editor__colorpicker__swatch > .swatch__icon.white-border { border: 1px solid #dfe3e8; } .editor__colorpicker__swatch__row { width: 432px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media not all and (any-pointer: coarse) { .editor__colorpicker__swatch:hover { border: 2px solid rgba(134, 181, 238, 0.7); } } .editor__colorpicker__swatch--selected { border: 2px solid #86b5ee; } .editor__colorpicker__swatch:active { border: 2px solid #5C95DA; } .editor__modal { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; position: fixed; top: 0; overflow: hidden; align-items: center; height: 100%; width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .editor__modal__container { width: 470px; background: #fafafb; border: 1px solid #dfe3e8; border-radius: 5px; margin: 0 auto; } .editor__modal__top { position: relative; line-height: 40px; border-bottom: 1px solid #dfe3e8; } .editor__modal__top__title { padding-left: 10px; font-weight: 500; color: #34495e; } .editor__modal__top__tabs { display: flex; justify-content: center; } .editor__modal__top__close { position: absolute; right: 10px; top: 0; } .editor__modal__top__close__x { font-weight: 500; } .editor__modal__tab__btn { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; margin: 0 10px; font-weight: bold; font-size: 16px; cursor: pointer; } .editor__modal__tab__btn.active { border-bottom: 2px solid #5C95DA; color: #5C95DA; } @media not all and (any-pointer: coarse) { .editor__modal__tab__btn:hover { color: #5C95DA; } } .editor__modal__body { padding: 10px; overflow: visible; background: #EFF0F3; } .editor__modal__body__buttons { margin: 20px 0 10px 0; } .editor__modal__body__buttons .btn { margin-right: 10px; } .editor__modal__card { margin-bottom: 10px; border-radius: 5px; background: #ffffff; padding: 15px; box-shadow: 0px 2px 5px 1px #c5cfd9; } .editor__modal__card.warning { border: 2px solid #5C95DA; } .editor__modal__card__error { font-size: 16px; font-weight: bold; color: #5C95DA; } .editor__modal__card__title { margin-bottom: 10px; font-weight: bold; color: #34495e; } .editor__modal__card__content { display: flex; flex-wrap: wrap; justify-content: space-between; } .editor__modal__card__button { width: 48%; height: 50px; line-height: 50px; border: 1px solid #dfe3e8; border-radius: 5px; text-align: center; color: #34495e; cursor: pointer; -webkit-transition: border 0.3s, color 0.3s; -moz-transition: border 0.3s, color 0.3s; -ms-transition: border 0.3s, color 0.3s; -o-transition: border 0.3s, color 0.3s; transition: border 0.3s, color 0.3s; } @media not all and (any-pointer: coarse) { .editor__modal__card__button:hover { border: 1px solid #5C95DA; color: #5C95DA; } } .editor__modal__card__button.sm { height: 40px; line-height: 40px; } .editor__modal__card__button.full { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; padding: 5px; text-align: left; align-items: center; } .editor__modal__card__button.full > svg { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; margin-right: 10px; } .editor__modal__card__button > svg { height: 100%; width: 80%; } .editor__modal__card__button:not(:last-child) { margin-bottom: 10px; } .editor__modal--error { color: #ff5f48; border-color: #ff5f48; } .editor__modal--error .editor__modal__top { background: #ff5f48; color: #ffffff; } .editor__modal--error .editor__modal__top__close__x { cursor: pointer; } .editor__modal--error .editor__modal__top__close__x svg * { fill: #ffffff; } .editor__modal__bg-overlay { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .editor__modal__bg-overlay__color { background-color: rgba(25, 46, 77, 0.75); opacity: 0.75; } .export__tinkercad { margin: 0px; padding: 0px; font-size: 14px; } .export__tinkercad__block1 { display: flex; margin-bottom: 10px; } .export__tinkercad__block1__header { margin-top: 5px; margin-right: 20px; color: #34495e; font-weight: bold; } .export__tinkercad__block1__selectBox { position: relative; padding: 5px; border-radius: 3px; margin-bottom: 2px; color: #7B7C7D; width: 270px; } .export__tinkercad__block1__selectBox__input { position: absolute; top: 8px; margin: 0 !important; } @-moz-document url-prefix() { .export__tinkercad__block1__selectBox__input { position: absolute; margin-right: 5px; top: 7px; } } .export__tinkercad__block1__selectBox__inputLabel { width: 95%; margin-left: 18px; } .export__tinkercad__block1__selectBox__inputLabel > label { margin-bottom: 0px; } .export__tinkercad__block1__selectBox.disabled { opacity: 0.5; } .export__tinkercad__block1__selectBox--active { color: #34495e; } .export__tinkercad__block { margin-top: 10px; } .export__tinkercad__block:before { content: ""; display: block; box-sizing: border-box; width: 470px; /* width of modal */ margin-left: -18px; border-top: 1px solid #dfe3e8; } .export__tinkercad__block__header { margin: 10px 0px 10px 0px; } .export__tinkercad__block__buttonContainer > button { width: 80px; font-weight: normal; } .export__tinkercad__publish.disable { opacity: 0.3; pointer-events: none; } .export__tinkercad__footer { text-align: center; padding-top: 0 !important; vertical-align: middle; } .export__tinkercad__footer a { text-decoration: none; font-weight: 600; } .export__tinkercad__footer::before { content: ""; display: inline-block; width: 32px; height: 32px; margin-right: 5px; vertical-align: -50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAACa0lEQVRYw+1WT08TQRTnLp70gCAS/4B+Az+E4I2EdmfRcKvUg5HP4IUTdGZlCVw4YW29CPgJ/AAeaDszEO4mJljloLWp703fBrLZpTO7PXaSl2w7M+/93m/ev7Gx0Roth7UkTqaZkGWQL75QTSbUb5T+tz7yA7nqbeq7Qze8/F5OMa5CMNYB6Q2QLki1yBszQzHOAv0cFLaNcq7++ELv+1wusaD12F//dgMFv2G/gHt4hoC04fdCLuNeoF6TR6iw6lda9wfdKQbqAYCoXbIhy3k8R+P/wJM3zuCFfIt3UYczE+bNifYsxmMgkImfLGzcsfdeyJ2I9kTFEOmw95FAtj2h6sWt09lkEKpO8RM6pBpQhwGX8OZo3OfqRzz68T9kLn7+xaZ+SIHZSdpP8r5M1O8n7xvPe36gPqNCeq6DPhD5IeVOFfc9oV9ZANBH5FUhRZmJjaveEGt45zxFp0f7BzYApDHAm3PWQRue3iMD35MzytSJHlZMCwB9D1d2WzdtjMPbPwXqvxqKA7mXdAZ1RcVpqAA8rt9FQQjRfpbWBxwB2D8BnLswxgEInL+VXtScnuD6IIwBMN5b6LQPQmyp16VhprJOaci4Lg0un/0q18HigY0lLwNMnDxyKkSGBaG3qXzW8gNQn+jclv3kU2lNRtmADSUH9WtRgXopziacLmMLjdpxFhBk3LRjFqhnGT0wfaFLeV7HxjL4Drz5Je1dDOp8UxFX86af00iGEQ2TUrFQkU8WxfE4Cn5TqmGj+hvRntnz+CqE8jYwsGE5lHbMAOsygLhNx7oERg5BGiC/SBqmJcOedaqN1mjR+g+G0XpUJz6nRgAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: 100% 100%; } .export__tinkercad__url { display: none; } .export__tinkercad__url__header { margin: 0px 0px 10px 0px; font-size: 16px; font-weight: bold; color: #34495e; } .export__tinkercad__url__subtext { margin-top: 10px; margin-bottom: 10px; font-size: 14px; } .export__tinkercad__url__btn { width: 100%; flex-grow: 1; vertical-align: top; background-color: #5C95DA; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; font-weight: bold; padding: 0; color: white; position: relative; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } @media not all and (any-pointer: coarse) { .export__tinkercad__url__btn:hover { background-color: #327ad1; } } .export__tinkercad__url__btn:active { color: white; background-color: #2b6ebe; } .export__tinkercad__url__btn.copied { color: white; opacity: 0.90; background-color: #5CB830; } .export__tinkercad__url__btn.copied:active { background-color: #52a42b; } @media not all and (any-pointer: coarse) { .export__tinkercad__url__btn.copied:hover { opacity: 1.0; } } .exit_tinkercad_btn.loading { cursor: not-allowed; pointer-events: none; background-color: #c5cfd9; border-color: #c5cfd9; } .exit__tinkercad__loading { display: inline-flex; float: left; margin-right: 10px; border: 2px solid transparent; /* Light grey */ border-top: 2px solid #ffffff; /* Blue */ border-left: 2px solid #ffffff; /* Blue */ border-bottom: 2px solid #ffffff; /* Blue */ border-radius: 50%; width: 20px; height: 20px; animation: spin 1.5s linear infinite; } .exit__tinkercad__loading.hidden { display: none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .editor__modal__body__ar__btn.loading { cursor: not-allowed; pointer-events: none; background-color: #c5cfd9; border-color: #c5cfd9; } .editor__modal__body__ar__loading { display: inline-flex; float: left; margin-right: 10px; border: 2px solid transparent; /* Light grey */ border-top: 2px solid #ffffff; /* Blue */ border-left: 2px solid #ffffff; /* Blue */ border-bottom: 2px solid #ffffff; /* Blue */ border-radius: 50%; width: 20px; height: 20px; animation: spin 1.5s linear infinite; } .editor__modal__body__ar__loading.hidden { display: none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .editor__modal__body__import__dd-container { border: 2px dashed #5C95DA; } .editor__modal__body__import__dd-container.hover { border-color: red; } .editor__modal__body__import__solid-container { border: 1px solid lightgray; background-color: white; border-radius: 3px; } .editor__modal__body__import__solid-container.hover { border-color: red; } .editor__modal__body__import__label { display: inline-block; width: 100%; text-align: center; margin: 25px 0px; } .editor__modal__body__import__urllabel { display: inline-block; width: 100%; text-align: left; font-weight: bold; color: black; margin: 20px 20px; } .editor__modal__body__import__file { display: inline-block !important; opacity: 0; cursor: pointer !important; left: -100px; height: 100%; vertical-align: top; position: absolute; } .editor__modal__body__import__subtext { text-align: center; margin-top: 10px; line-height: 30px; } .editor__modal__body__import__subtext code { border: 1px solid #dfe3e8; padding: 5px; border-radius: 3px; color: inherit; background-color: inherit; } .editor__modal__body__import__notification__error { display: none; padding: 10px; border: 1px solid #ff5f48; margin-top: 25px; border-radius: 5px; color: #ff5f48; font-size: 13px; } .editor__modal__body__import-settings__file-info { border-bottom: 1px solid #dfe3e8; margin-left: -15px; margin-right: -15px; padding: 15px; padding-top: 0; position: relative; } .editor__modal__body__import-settings__file-info * { transition: 0.6s all; } .editor__modal__body__import-settings__file-info__box { border: 1px solid rgba(211, 211, 211, 0.18); display: flex; } .editor__modal__body__import-settings__file-info__thumbnail { width: 75px; height: 75px; padding: 4px; background-color: #D0D4DD; display: inline-block; border: 1px solid #dfe3e8; box-sizing: content-box; overflow: hidden; } .editor__modal__body__import-settings__file-info__description { display: inline-block; vertical-align: top; margin: 15px; } .editor__modal__body__import-settings__file-info__name { font-size: 24px; line-height: 25px; color: #5C95DA; width: 320px; overflow: hidden; text-overflow: ellipsis; } .editor__modal__body__import-settings__file-info__size { font-size: 12px; line-height: 22px; } @media not all and (any-pointer: coarse) { .editor__modal__body__import-settings__file-info:hover { cursor: pointer; } .editor__modal__body__import-settings__file-info:hover .editor__modal__body__import-settings__file-info__box { border-color: #5C95DA; } .editor__modal__body__import-settings__file-info:hover .editor__modal__body__import-settings__file-info__thumbnail { opacity: 0.3; } .editor__modal__body__import-settings__file-info:hover .editor__modal__body__import-settings__file-info__description { opacity: 0.3; } .editor__modal__body__import-settings__file-info:hover .editor__modal__body__import-settings__file-info__change { color: #5C95DA; } .editor__modal__body__import-settings__file-info:hover .editor__modal__body__import-settings__file-info__change__description { display: inline-block; vertical-align: top; } .editor__modal__body__import-settings__file-info:hover .editor__modal__body__import-settings__file-info__change__icon svg * { fill: #5C95DA; } } .editor__modal__body__import-settings__file-info__change { display: inline-block; text-align: right; position: absolute; bottom: 20px; right: 20px; height: 25px; line-height: 25px; cursor: pointer; } .editor__modal__body__import-settings__file-info__change__description { display: none; } .editor__modal__body__import-settings__file-info__change__icon { height: 25px; width: 25px; display: inline-block; vertical-align: top; } .editor__modal__body__import-settings__properties { padding-top: 25px; } .editor__modal__body__import-settings__properties__options { width: 100px; height: 30px; margin: 0px; line-height: 30px; text-align: center; vertical-align: middle; color: #aaaaaa; border-color: #aaaaaa; } .editor__modal__body__import-settings__properties__options-selected { border-color: #5C95DA; color: #5C95DA; } .editor__modal__body__import-settings__properties__input--error { color: #ff5f48; } .editor__modal__body__import-settings__properties__item { display: flex; margin-bottom: 25px; } .editor__modal__body__import-settings__properties__item__left { display: inline-block; width: 120px; vertical-align: top; } .editor__modal__body__import-settings__properties__item__right { display: flex; width: 250px; position: relative; } .editor__modal__body__import-settings__properties__item__right__block { display: block; width: 250px; } .editor__modal__body__import-settings__properties__item__right__lock { position: absolute; left: -20px; height: 15px; width: 15px; bottom: 0; margin-bottom: 6px; display: none !important; } .editor__modal__body__import-settings__properties__item__right__lock svg { width: 12px; height: 12px; } @media not all and (any-pointer: coarse) { .editor__modal__body__import-settings__properties__item__right__lock:hover svg * { fill: #5C95DA; opacity: 0.5; } } .editor__modal__body__import-settings__properties__scale__input { width: 100%; background: transparent; border-radius: 5px; border: 1px solid #dfe3e8; line-height: 27px; text-indent: 5px; } .editor__modal__body__import-settings__properties__scale__label { line-height: 30px; display: inline-block; } .editor__modal__body__import-settings__properties__dimensions__item { width: 31%; text-align: left; position: relative; } .editor__modal__body__import-settings__properties__dimensions__item--center { margin-left: 3%; margin-right: 3%; } .editor__modal__body__import-settings__properties__dimensions__item input { width: 100%; background: transparent; border-radius: 5px; border: 1px solid #dfe3e8; line-height: 27px; text-indent: 5px; } .editor__modal__body__import-settings__properties__dimensions__item label { font-size: 11px; } .editor__modal__body__import-settings__properties__dimensions__item__lock { position: absolute; right: 5px; height: 15px; width: 15px; bottom: 0; margin-bottom: 6px; display: none !important; } .editor__modal__body__import-settings__properties__dimensions__item__lock svg { width: 12px; height: 12px; } .editor__modal__body__import-settings__properties__dimensions__item__lock svg path { fill: #5C95DA; } .editor__modal__body__import-settings__properties__dimensions__label { height: 30px; line-height: 30px; margin-top: 17px; display: inline-block; } .editor__modal__body__import-settings__properties__dimensions--error { color: #ff5f48; } .editor__modal__body__processing { display: none; text-align: center; margin: 30px; } .editor__modal__body__processing__progress { background: url(data:image/gif;base64,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); height: 39px; width: 64px; display: inline-block; } .editor__modal__footer__import { height: 60px; border-top: 1px solid #dfe3e8; text-align: right; } .editor__modal__footer__import input[type=button]:disabled { color: #34495e; background-color: transparent; border-color: #34495e; cursor: default; opacity: 0.3; } .editor__modal__subbody__import { height: 60px; border-top: 1px solid #dfe3e8; text-align: center; border-bottom: 1px solid #dfe3e8; } .editor__modal__subbody__import input[type=button]:disabled { color: #34495e; background-color: transparent; cursor: default; opacity: 0.3; } .editor__modal__subbody__import__disabled { opacity: 0.65; cursor: not-allowed; } .editor__modal__urlbtn { margin: 15px; display: inline-block; width: 200px; height: 30px; text-align: center; line-height: 30px; border-radius: 5px; font-weight: bold; cursor: pointer; padding: 0; color: #5C95DA; } .editor__modal__url__import { min-height: 60px; text-align: center; } .editor__modal__url__import__btn { display: inline-block; vertical-align: top; background-color: #5C95DA; width: 80px; height: 30px; text-align: center; line-height: 30px; border-radius: 5px; font-weight: bold; padding: 0; color: white; position: relative; } .editor__modal__url__import__btn__disabled { opacity: 0.65; cursor: not-allowed; } .editor__modal__url__import__input { display: inline-block; vertical-align: top; width: 300px; height: 30px; background: transparent; border-radius: 5px; border: 1px solid #dfe3e8; line-height: 27px; text-indent: 5px; padding: 0; position: relative; } .editor__modal__url__import__input__error { border: 1px solid #ff5f48; } @keyframes spinner { to { transform: rotate(360deg); } } .editor__modal__url__import__spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #333; animation: spinner .6s linear infinite; } .editor__modal__url__import__error { display: none; text-align: left; padding: 0px; margin-top: 2px; margin-left: 30px; margin-right: 30px; border-radius: 5px; color: #ff5f48; font-size: 12px; } .editor__modal__social__community__title { text-align: center; font-weight: bold; margin-bottom: 10px; font-size: 16px; } .editor__modal__social__community__title > svg { height: 25px; } .editor__modal__social__community__btns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; } .editor__modal__social__community__btn { width: 200px; height: 30px; border: 1px solid #dfe3e8; border-radius: 3px; text-align: center; padding: 5px 0; cursor: pointer; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; -ms-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } @media not all and (any-pointer: coarse) { .editor__modal__social__community__btn:hover { border: 1px solid #5C95DA; } } .editor__modal__social__community__btn:first-child { margin-right: 18px; } .editor__modal__social__community__btn > svg { height: 100%; } .editor__modal__social__btn { display: inline-block; padding: 10px; margin: 5px 0; border: 1px solid #5C95DA; border-radius: 3px; color: #5C95DA; text-align: center; cursor: pointer; -webkit-transition: background 0.35s, color 0.35s; -moz-transition: background 0.35s, color 0.35s; -ms-transition: background 0.35s, color 0.35s; -o-transition: background 0.35s, color 0.35s; transition: background 0.35s, color 0.35s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media not all and (any-pointer: coarse) { .editor__modal__social__btn:hover { background: #5C95DA; color: #ffffff; } } .editor__modal__share__thingiverse, .editor__modal__share__lego { color: #5C95DA; } .editor__modal__share__thingiverse__container, .editor__modal__share__lego__container { display: none; } .editor__modal__share__thingiverse__title, .editor__modal__share__lego__title { text-align: center; font-weight: bold; margin-bottom: 10px; font-size: 16px; } .editor__modal__share__thingiverse__title > svg, .editor__modal__share__lego__title > svg { height: 25px; } .editor__modal__share__thingiverse__authMsgs, .editor__modal__share__lego__authMsgs { margin: 10px 0; } .editor__modal__share__thingiverse__authMsgs > .failed, .editor__modal__share__lego__authMsgs > .failed { color: #ff5f48; } .editor__modal__share__thingiverse__authBtn, .editor__modal__share__lego__authBtn { display: inline-block; } .editor__modal__share__thingiverse__btn, .editor__modal__share__lego__btn { display: inline-block; padding: 10px; margin: 5px 0; border: 1px solid #5C95DA; border-radius: 3px; color: #5C95DA; text-align: center; cursor: pointer; -webkit-transition: background 0.35s, color 0.35s; -moz-transition: background 0.35s, color 0.35s; -ms-transition: background 0.35s, color 0.35s; -o-transition: background 0.35s, color 0.35s; transition: background 0.35s, color 0.35s; } @media not all and (any-pointer: coarse) { .editor__modal__share__thingiverse__btn:hover, .editor__modal__share__lego__btn:hover { background: #5C95DA; color: #ffffff; } } .editor__modal__share__thingiverse__uploadedLink, .editor__modal__share__lego__uploadedLink { text-decoration: none; } .editor__modal__share__btnGroup { display: flex; justify-content: center; } .editor__modal__share__btnGroup.social { padding-left: 10px; height: 70px; align-items: center; } .editor__modal__share__socialBtn { margin: 5px; height: 40px; width: 40px; cursor: pointer; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } @media not all and (any-pointer: coarse) { .editor__modal__share__socialBtn:hover { opacity: 0.9; } } .editor__modal__share__socialBtn:first-child { margin-left: 0; } .editor__modal__share__social__container { display: flex; margin: 10px 0; } .editor__modal__share__social__imgPreview { height: 70px; width: 70px; display: flex; justify-content: center; border: 1px solid #8d9eb0; overflow: hidden; box-sizing: border-box; border-radius: 3px; margin-left: 5px; } .editor__modal__share__social__imgPreview > img { height: 100%; } .editor__modal__share__social__imgPreview_large { height: 200px; width: 90%; display: flex; justify-content: center; border: 1px solid #8d9eb0; overflow: hidden; box-sizing: border-box; border-radius: 3px; margin-left: auto; margin-right: auto; } .editor__modal__share__social__imgPreview_large > img { height: 100%; } .editor__modal__share__social__captionContainer { margin-top: 20px; } .editor__modal__share__social__captionContainer > textarea { width: 100%; height: 55px; padding: 5px; box-sizing: border-box; } .editor__modal__share__social__postform { border-top: 1px solid #dfe3e8; } .editor__modal__share__social__postform.disabled { opacity: 0.4; pointer-events: none; } .editor__modal__share__social__postTextarea { width: 100%; color: #34495e; box-sizing: border-box; border-radius: 5px; } .editor__modal__share__social__postBtn { display: inline-block; background-color: #5C95DA; color: #ffffff; padding: 10px 30px; border-radius: 5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; float: right; } .editor__modal .editor__modal__body__share { margin: 0px; padding: 0px; font-size: 14px; max-height: 495px; overflow: auto; } @media (any-pointer: coarse) { .editor__modal .editor__modal__body__share::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .editor__modal .editor__modal__body__share::-webkit-scrollbar-thumb { display: block; border-radius: 7px; background-color: #d6d6d6; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .editor__modal .editor__modal__body__share::-webkit-scrollbar-track { background-color: transparent; margin-top: 5px; margin-bottom: 5px; } } .editor__modal .editor__modal__body__share__checking { text-align: center; padding: 50px; } .editor__modal .editor__modal__body__share__nolink { display: none; text-align: center; padding: 30px; } .editor__modal .editor__modal__body__share__nolink .editor__modal__body__share__generate-btn__container { margin-top: 30px; } .editor__modal .editor__modal__body__share__block1 { display: none; margin: 15px 0px 40px 0px; } .editor__modal .editor__modal__body__share__block1__header { font-weight: 500; margin: 0px 0px 0px 0px; } .editor__modal .editor__modal__body__share__block1__subtext { margin-top: 0px; margin-bottom: 5px; font-size: 13px; } .editor__modal .editor__modal__body__share__block1__control { position: relative; margin-top: 10px; } .editor__modal .editor__modal__body__share__block1__control__btn--copy { width: 100%; flex-grow: 1; vertical-align: top; background-color: #5d8fda; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; font-weight: bold; padding: 0; color: white; position: relative; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } @media not all and (any-pointer: coarse) { .editor__modal .editor__modal__body__share__block1__control__btn--copy:hover { background-color: #5C95DA; } } .editor__modal .editor__modal__body__share__block1__control__btn--copy:active { color: white; background-color: #327ad1; } .editor__modal .editor__modal__body__share__block1__control__btn--copy.copied { color: white; opacity: 0.90; background-color: #22b45c; } .editor__modal .editor__modal__body__share__block1__control__btn--copy.copied:active { background-color: #1e9f51; } @media not all and (any-pointer: coarse) { .editor__modal .editor__modal__body__share__block1__control__btn--copy.copied:hover { opacity: 1.0; } } .editor__modal .editor__modal__body__share__block2 { display: none; margin: 0px; position: relative; } .editor__modal .editor__modal__body__share__block2:before { content: ""; display: block; box-sizing: border-box; width: 100%; margin-left: -18px; border-top: 1px solid #dfe3e8; } .editor__modal .editor__modal__body__share__block2__timer__container { display: inline-block; font-size: 12px; } .editor__modal .editor__modal__body__share__block2__timer__creation { display: none; position: absolute; top: 20px; } .editor__modal .editor__modal__body__share__block2__timer__creation__tick { display: inline-block; margin: 14px 0px; vertical-align: top; margin-right: 10px; } .editor__modal .editor__modal__body__share__block2__timer__creation__tick svg * { fill: #5C95DA; } .editor__modal .editor__modal__body__share__block2__timer__creation__label__group { display: inline-block; } .editor__modal .editor__modal__body__share__block2__timer__label { display: inline-block; margin-top: 20px; } .editor__modal .editor__modal__body__share__block2__generate-btn__container { float: right; margin-top: 12px; margin-bottom: 12px; } .editor__modal .editor__modal__body__share__typeitem { margin-bottom: 10px; border-radius: 5px; background: #ffffff; padding: 15px; box-shadow: 1px 3px 2px 0px #8d9eb0; } .editor__modal .editor__modal__body__share__typeitem.dark { background: #8d9eb0; } .editor__modal .editor__modal__body__share__typeitem:not(:first-child) { padding-top: 10px; border-top: 1px solid #dfe3e8; } .editor__modal .editor__modal__body__share__typeitem__icon { display: inline-block; height: 25px; } .editor__modal .editor__modal__body__share__typeitem__icon.thingiverse { margin-left: -5px; } .editor__modal .editor__modal__body__share__typeitem__icon > svg { height: 100%; } .editor__modal .editor__modal__body__share__typeitem__label { font-weight: bold; color: #34495e; } .editor__modal .editor__modal__body__share__typeitem__label.secondary { font-size: 13px; margin: 5px 0; } .editor__modal .editor__modal__body__share__typeitem__description { padding-top: 10px; font-size: 12px; } .editor__modal .editor__modal__body__share__typeitem__description:not(:last-child) { padding-bottom: 10px; } .editor__modal .editor__modal__body__share__typeitem__btn { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 200px; padding: 10px 0; border: 1px solid #dfe3e8; border-radius: 5px; color: #34495e; text-align: center; cursor: pointer; -webkit-transition: border 0.3s, color 0.3s; -moz-transition: border 0.3s, color 0.3s; -ms-transition: border 0.3s, color 0.3s; -o-transition: border 0.3s, color 0.3s; transition: border 0.3s, color 0.3s; } @media not all and (any-pointer: coarse) { .editor__modal .editor__modal__body__share__typeitem__btn:hover { border: 1px solid #5C95DA; color: #5C95DA; } } .editor__modal .editor__modal__body__share__typeitem__btn__full { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px; border: 1px solid #dfe3e8; border-radius: 5px; color: #34495e; text-align: left; cursor: pointer; -webkit-transition: border 0.3s, color 0.3s; -moz-transition: border 0.3s, color 0.3s; -ms-transition: border 0.3s, color 0.3s; -o-transition: border 0.3s, color 0.3s; transition: border 0.3s, color 0.3s; } .editor__modal .editor__modal__body__share__typeitem__btn__full__icon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; margin-right: 10px; } .editor__modal .editor__modal__body__share__typeitem__btn__full__icon > svg { width: 100%; height: 100%; } .editor__modal .editor__modal__body__share__typeitem__btn__full__text { flex-grow: 1; } .editor__modal .editor__modal__body__share__typeitem__btn__full__arrow { width: 15px; height: 15px; margin-right: 20px; } .editor__modal .editor__modal__body__share__typeitem__btn__full__arrow > svg { width: 100%; height: 100%; } .editor__modal .editor__modal__body__share__typeitem__btn__full__arrow svg * { fill: #8d9eb0; -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; -ms-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; } @media not all and (any-pointer: coarse) { .editor__modal .editor__modal__body__share__typeitem__btn__full:hover { border: 1px solid #5C95DA; color: #5C95DA; } .editor__modal .editor__modal__body__share__typeitem__btn__full:hover .editor__modal__body__share__typeitem__btn__full__arrow svg * { fill: #5C95DA; } } .editgrid__modal { font-size: 13px; } .editgrid__modal .editor__inspector__select__advanced { border-radius: 3px; } .editgrid__modal > .editor__modal__body { padding-top: 0px; } .editgrid__modal__block1, .editgrid__modal__block2 { width: 100%; } .editgrid__modal__block1__header, .editgrid__modal__block2__header { margin: 0px; display: inline-block; } .editgrid__modal__block1__showGridContainer, .editgrid__modal__block2__showGridContainer { margin-left: 40px; } .editgrid__modal__block1__showShadowContainer, .editgrid__modal__block2__showShadowContainer { margin-left: 10px; } .editgrid__modal__block1__showGridContainer, .editgrid__modal__block1__showShadowContainer, .editgrid__modal__block2__showGridContainer, .editgrid__modal__block2__showShadowContainer { display: inline-block; } .editgrid__modal__block1__showGridContainer .editor__inspector__item, .editgrid__modal__block1__showShadowContainer .editor__inspector__item, .editgrid__modal__block2__showGridContainer .editor__inspector__item, .editgrid__modal__block2__showShadowContainer .editor__inspector__item { display: inline-block; } .editgrid__modal__block3 { width: 100%; padding-bottom: 7px; margin-top: 10px; } .editgrid__modal__block3__header { margin: 0px; display: inline-block; } .editgrid__modal__block3__unitContainer { display: inline-block; margin-left: 75px; } .editgrid__modal__block3__unitContainer .editor__inspector__item { width: 150px; } .editgrid__modal__block4 { width: 100%; padding-bottom: 10px; } .editgrid__modal__block4__header { display: inline-block; vertical-align: top; margin-top: 8px; } .editgrid__modal__block4__content { display: inline-block; margin-left: 65px; } .editgrid__modal__block4__gridrpropContainer > .editor__inspector__item { margin: 0px; padding: 0px; border-bottom: none; display: inline-block; width: 80px; } .editgrid__modal__block4__gridrpropContainer > .editor__inspector__item:first-child { margin-right: 40px; } .editgrid__modal__block4__gridrpropContainer > .editor__inspector__item:last-child { float: right; } .editgrid__modal__block4__selectboxContainer > .editor__inspector__item { width: 250px; margin: 7px 0px; } @media not all and (any-pointer: coarse) { .editgrid__modal__block4 .editor__inspector__item:hover .editor__inspector__item__label { color: #34495e; } } .editgrid__modal__block4 .editor__inspector__item__textinput { color: default; background-color: #F4F5F6; border-radius: 5px; width: 100%; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media not all and (any-pointer: coarse) { .editgrid__modal__block4 .editor__inspector__item__textinput:hover { background-color: #ffffff; color: #5C95DA; border-color: #5C95DA; } } .editgrid__modal__block4 .editor__inspector__item__textinput:focus { background-color: #ffffff; } .editgrid__modal__block2:after, .editgrid__modal__block3:after, .editgrid__modal__block4:after { content: ""; display: flex; box-sizing: border-box; width: 100%; margin-top: 10px; border-top: 1px solid #dfe3e8; } .editgrid__modal__block5 { margin-top: 5px; text-align: right; } .editgrid__modal__block5 > .editor__modal__btn, .editor__topnav__tabbutton--alpha .editgrid__modal__block5 > .editor__topnav__tabbutton__text, .editor__topnav__tabbutton--beta .editgrid__modal__block5 > .editor__topnav__tabbutton__text { margin: 0px; } .editgrid__modal__block5 > .editor__modal__btn:first-child, .editor__topnav__tabbutton--alpha .editgrid__modal__block5 > .editor__topnav__tabbutton__text:first-child, .editor__topnav__tabbutton--beta .editgrid__modal__block5 > .editor__topnav__tabbutton__text:first-child { margin-right: 10px; } .editgrid__modal .editor__inspector__item__label__singleline { display: none; } .editgrid__modal .editor__inspector__select__advanced__text--item { font-size: 14px; } @keyframes progress-move { 0% { background-position: 0 0; } 100% { background-position: 100% 100%; } } .editor__notification { position: absolute; bottom: 7px; left: 7px; z-index: 1; } .editor__notification__item { border-radius: 3px; max-width: 404px; font-size: 14px; min-width: 256px; opacity: 0.85; margin-top: 5px; color: #ffffff; } .editor__notification__item__main { display: flex; padding: 9px 15px; } .editor__notification__item__footer { padding: 5px; text-align: right; } .editor__notification__item__title { font-weight: 500; margin-right: 5px; } .editor__notification__item__icon { height: auto; width: 21px; margin: 0px 10px 0px 0px; } .editor__notification__item__icon svg * { fill: #ffffff; } .editor__notification__item__close-button { display: inline-block; position: relative; height: 17px; margin-top: 4px; margin-left: 5px; cursor: pointer; } .editor__notification__item__close-button svg { display: block; } .editor__notification__item__close-button svg * { fill: rgba(255, 255, 255, 0.4); } @media not all and (any-pointer: coarse) { .editor__notification__item__close-button:hover svg * { fill: white; } } .editor__notification__item__description { flex: 1; } .editor__notification__item__suppress { text-align: right; display: inline-block; } .editor__notification__item__moreinfo { display: inline-block; } .editor__notification__item--informative { background-color: #5C95DA; } .editor__notification__item--informative .editor__notification__item__footer { background-color: #327ad1; } .editor__notification__item--progress { background-color: #5CB830; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-size: 30px 30px; animation: progress-move 5s linear infinite; } .editor__notification__item--progress .editor__notification__item__footer { background-color: #489025; } .editor__notification__item--success { background-color: #5CB830; } .editor__notification__item--success .editor__notification__item__footer { background-color: #489025; } .editor__notification__item--warning { background-color: #EF9110; color: #000000; } .editor__notification__item--warning .editor__notification__item__footer { background-color: #bf740d; } .editor__notification__item--warning .editor__notification__item__icon svg * { fill: #000000; } .editor__notification__item--error { background-color: #FF3300; } .editor__notification__item--error .editor__notification__item__footer { background-color: #cc2900; } .editor__notification__item__btn--primary { border-color: transparent; } @media not all and (any-pointer: coarse) { .editor__notification__item__btn--primary:hover { background-color: rgba(0, 0, 0, 0.1); } } .editor__disconnectedoverlay { position: absolute; top: 0; bottom: 0; width: 100%; background-color: white; } .editor__disconnectedoverlay__header { font-weight: bold; font-size: 30px; text-align: center; margin-top: 70px; } .editor__disconnectedoverlay__description { font-size: 16px; text-align: center; } .editor__disconnectedoverlay__buttoncontainer { text-align: center; } .editor__disconnectedoverlay__btn { color: #ffffff; background-color: #FA6162; border: 1px solid #FA6162; margin: 0px; display: inline-block; width: 150px; height: 30px; text-align: center; line-height: 30px; border-radius: 2px; cursor: pointer; padding: 0; } .editor__disconnectedoverlay__btn:disabled { background-color: #e89495; } .editor__materialHeaderbtn { display: inline-block; cursor: pointer; height: 24px; width: 24px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .editor__materialHeaderbtn:first-child { padding-right: 10px; } .editor__materialHeaderbtn__icon { width: 24px; height: 24px; background-color: #ffffff; } .editor__materialHeaderbtn__icon__selection { position: absolute; width: 32px; height: 32px; -webkit-transform: translate(-4px, -4px); -moz-transform: translate(-4px, -4px); -ms-transform: translate(-4px, -4px); -o-transform: translate(-4px, -4px); transform: translate(-4px, -4px); border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .editor__materialHeaderbtn__icon__selection.selected { border: 2px solid rgba(92, 149, 218, 0.7); } .editor__materialHeaderbtn__icon__canvas { width: 100%; height: 100%; border-radius: 50%; } .editor__materialHeaderbtn__icon__canvas.tilt { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .editor__materialbtn { border: 1px solid transparent; display: inline-block; padding: 12px 18px; border-radius: 5px; margin: 0 4px; cursor: pointer; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (any-pointer: coarse) { .editor__materialbtn { padding: 6px 18px; } } .editor__materialbtn__icon { height: 50px; width: 50px; border: 2px solid transparent; border-radius: 50%; margin-bottom: 0.5em; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.2s ease-in; -moz-transition: border 0.2s ease-in; -o-transition: border 0.2s ease-in; transition: border 0.2s ease-in; background-color: #ffffff; } @media (any-pointer: coarse) { .editor__materialbtn__icon { height: 60px; width: 60px; } } .editor__materialbtn__icon.selected { border: 2px solid #5C95DA; } .editor__materialbtn__icon > .button__icon__container { position: relative; top: 50%; left: 50%; width: 40px; height: 40px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (any-pointer: coarse) { .editor__materialbtn__icon > .button__icon__container { width: 50px; height: 50px; } } .editor__materialbtn__icon__canvas { width: 100%; height: 100%; border-radius: 50%; border: 0px solid transparent; margin: auto; } .editor__materialbtn__icon__canvas.tilt { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .editor__materialbtn__label { text-align: center; font-size: 12px; color: #46525f; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } @media (any-pointer: coarse) { .editor__materialbtn__label { font-size: 14px; } } @media not all and (any-pointer: coarse) { .editor__materialbtn:hover { border: 1px solid #86b5ee; } .editor__materialbtn:hover .editor__materialbtn__icon { border: 2px solid rgba(92, 149, 218, 0.7); } .editor__materialbtn:hover .editor__materialbtn__label { color: #86b5ee; } } .editor__preview { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #5C95DA; } .editor__preview__title { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: fixed; top: 0; left: 0; padding: 20px; color: #c5cfd9; font-size: 18px; } .editor__preview__viewer { display: inline-block; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 0; padding: 68px 20px 20px 20px; } .editor__preview__viewer .preview__viewer { position: relative; height: 100%; width: 100%; background: #f4f5f6; border-radius: 4px; } .editor__preview__sidebar { display: inline-block; -webkit-flex-basis: 300px; -ms-flex-preferred-size: 300px; flex-basis: 300px; overflow-y: auto; min-width: 0; background: #f4f5f6; } .editor__preview__sidebar::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .editor__preview__sidebar::-webkit-scrollbar-thumb { display: block; border-radius: 7px; background-color: #d6d6d6; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .editor__preview__sidebar::-webkit-scrollbar-track { background-color: transparent; margin-top: 5px; margin-bottom: 5px; } .preview__form__header { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #dfe3e8; } .preview__form__title { color: #8d9eb0; font-size: 19px; padding: 20px; flex-grow: 1; } .preview__form__closebtn { position: relative; top: 0; right: 0; color: #c5cfd9; font-size: 40px; line-height: 68px; padding: 0 10px; text-align: center; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } @media not all and (any-pointer: coarse) { .preview__form__closebtn:hover { color: #8d9eb0; } } .preview__form__content { padding: 20px; } .preview__form__content label { font-weight: bold; } .preview__form__buttons { padding: 20px; } .preview__form .editor__colorpicker__custom__slider__value { min-width: 25% !important; } .preview__form .editor__colorpicker__custom__hexInput > input { min-width: 60px !important; } .editor__tagslist__list { display: flex; flex-wrap: wrap; } .tagslist__item { background: #5C95DA; color: #ffffff; border-radius: 4px; } .editor__tab { z-index: 3000; } .editor__tab__yield { z-index: 3010; } .editor__tab__toolbar { z-index: 3020; } .editor__inspector { z-index: 4000; } .editor__inspector__modalbox { z-index: 4010; } .editor__colorpicker { z-index: 4010; } .editor__tray { z-index: 4100; } .editor__tutorialpanel { z-index: 4200; } .editor__subnav { z-index: 8000; } .editor__topnav { z-index: 9000; } .editor__versionsSidebar { z-index: 9000; } .editor__dashboard__overlay { z-index: 9010; } .editor__dashboard__dialog { z-index: 10000; } .editor__tooltip { z-index: 11000; } .editor__splashscreen { z-index: 12000; } .editor__preview { z-index: 13000; } .editor__modal { z-index: 13010; } .editor__modal__bg-overlay { z-index: 13000; } .editor__modal__container { z-index: 13020; } .editor__disconnectedoverlay { z-index: 14000; } .editor__dashboard__transition { z-index: 14000; } ::selection { color: white; background: #5C95DA; } .editorContainer { position: absolute; overflow: hidden; left: 0; background: rgba(51, 51, 51, 0.1); z-index: 10; bottom: 0; top: 0; right: 0; } .editor__sidebar { position: absolute; right: 0; top: 0; bottom: 0; width: 276px; background: #f1f1f3; border-left: 1px solid #dfe3e8; } .editor__sidebar__draggable { position: absolute; } .editor__sidebar__draggable--left { left: -10px; top: 0; bottom: 0; width: 20px; } @media not all and (any-pointer: coarse) { .editor__sidebar__draggable--left:hover { cursor: col-resize; } } .editor__sidebar__inner .editor__sidebar__groups { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; } .editor__sidebar__inner { position: absolute; top: 0; bottom: 0; width: 100%; height: auto; } .shown + .editor__sidebar__inner { top: 74px; } .editor__sidebar__collapseButton { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAYCAYAAADDLGwtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUHETUkMgGPFgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAwklEQVQoz6XSsQpBYRyG8YdOkrLYGGWRyeIaLLYzWcy4EHEBRtK5ABdAid0sA9koBpNBcSzvcML5/sU7fXV+PfV1PvhhE2AHZL99TEbOV6AIdKxiGQiBE5C28FK4a8Gm4AHwXDAFnIVbVnUguHm77MdKwFPYt6ozwbUFfcEQqLugBxwFV1Z1HKnGLgNchOYu2I7UanEoAWyFpq5aQ+gBVFxwIRi4UFXorrcZu0Bw6EIFlW5A3gV7qvWtPzEC9kCOf/YCOHAyCYxHc1EAAAAASUVORK5CYII=); left: -10px; top: 0; position: absolute; bottom: 0; width: 12px; border: 1px solid #dfe3e8; border-right: 0; padding-left: 3px; margin: auto; background-color: #f1f1f3; background-position: center; background-repeat: no-repeat; height: 45px; cursor: pointer; } .editor__sidebar__collapseButton__collapsed { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAYCAYAAADDLGwtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUHESkaFRfP4AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAA6klEQVQoz43TTStFURTG8d+98jZBEQZkQhnIQAYGBkq3+Fi+kZQyNpCRGKhTBjKSJIl0y+tknTrdztrdNVmr3X8/u571bIaskeR8AkdYxg10E3APc+jXB23gKPZjPi+Bu5jCHR4zsIveoFobuINZfOAqAzs4iPkC3xm4hQX8DT47CB5Gr/CcgRthrja1JlirveG6BK5Gv8VvCayib8Zm0lA8xUbG8IqHTPG+TknsuVOy5zg8XAwX0jy+Yx5LEYrL0q5P8IP1uJAm/BMzWMF409O2PJ7iC9uYLv2ZPiaxFgmqSn/mDC9NxaHrH+tdKMZj8QQlAAAAAElFTkSuQmCC); } .editor__sidebar__buttonGroup { position: relative; height: 73px; border-bottom: 1px solid #dfe3e8; padding: 0px 18px 0px 18px; } .editor__sidebar__buttonGroup__inner { margin: 2px 4px; text-align: center; cursor: pointer; border: 1px solid transparent; } @media not all and (any-pointer: coarse) { .editor__sidebar__buttonGroup__inner:hover { border: 1px solid #dfe3e8; border-radius: 4px; } } .editor__sidebar__buttonGroup__inner:active { border: 1px solid #5C95DA; border-radius: 4px; background-color: #f6f6f6; } .editor__sidebar__buttonGroup__inner--selected { border: 1px solid #5C95DA !important; border-radius: 4px !important; background-color: #f6f6f6 !important; } .editor__sidebar__buttonGroup__button__icon { width: 50px; height: 50px; margin: auto; position: relative; } .editor__sidebar__buttonGroup__button__icon svg { margin: auto; position: absolute; top: 50%; left: 50%; display: block; transform: translateX(-50%) translateY(-50%); min-width: 50px; min-height: 50px; } .editor__sidebar__buttonGroup__button__icon svg * { fill: #28A8D4; } .editor__sidebar__groups__header { background: #f1f1f3; color: #34495e; cursor: pointer; font-size: 15px; font-weight: 500; padding: 0; border-bottom: 1px solid #dfe3e8; } .editor__sidebar__groups__header .editor__inspector__item:last-child { margin: 0; padding: 0; } .editor__sidebar__groups__header .editor__inspector__item:last-child__label__singleline { padding: 0; } .editor__sidebar__groups__header .editor__inspector__select__advanced { border: 0; } .editor__sidebar__groups__header .editor__inspector__select__advanced__text--item { padding-left: 0; } .editor__sidebar__groups__header .editor__inspector__select__advanced__arrow { line-height: 36px; width: 20px; } .editor__sidebar__groups__header .editor__inspector__select__advanced__arrow svg { width: 100%; height: 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .editor__sidebar__groups__header .editor__inspector__select__advanced__button { padding: 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .editor__sidebar__groups__header .editor__inspector__select__advanced__button svg * { -webkit-transition: fill 0.2s; -moz-transition: fill 0.2s; -ms-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .editor__sidebar__groups__header .editor__inspector__select__advanced__button .editor__inspector__select__advanced__text--item, .editor__sidebar__groups__header .editor__inspector__select__advanced__button .editor__inspector__select__advanced__text--category { -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media not all and (any-pointer: coarse) { .editor__sidebar__groups__header .editor__inspector__select__advanced__button:hover .editor__inspector__select__advanced__text--item, .editor__sidebar__groups__header .editor__inspector__select__advanced__button:hover .editor__inspector__select__advanced__text--category { color: #5C95DA; } } .editor__sidebar__groups__header .editor__inspector__select__advanced__list-container { width: auto; left: 10px; right: 10px; padding: 10px; max-height: none; box-shadow: none; overflow: initial; } @media not all and (any-pointer: coarse) { .editor__sidebar__groups__header .editor__inspector__select__advanced:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } } .editor__sidebar__groups__header .editor__inspector__select__advanced.active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .editor__sidebar__groups__header .editor__inspector__select__advanced.active .editor__sidebar__groups__header .editor__inspector__select__advanced__button { background-color: #F2F2F2; } .editor__sidebar__groups__header .editor__inspector__select__advanced.active .editor__inspector__select__advanced__text--item, .editor__sidebar__groups__header .editor__inspector__select__advanced.active .editor__inspector__select__advanced__text--category { color: #5C95DA; } .editor__sidebar__groups__items { flex-grow: 1; overflow-y: scroll; overflow-x: hidden; padding: 10px 12px 0 12px; } .shown + .editor__sidebar__groups__items { height: calc(100% - 209px); } .editor__sidebar__groups__subtext__container { display: block; padding: 15px 25px; } .editor__sidebar__groups__subtext__description { font-size: 12px; padding-bottom: 10px; } .editor__sidebar__groups__subtext__button { text-align: center; position: relative; } .editor__sidebar__groups__subtext__button a { color: #34495e; font-weight: 400; border-color: #dfe3e8; } @media not all and (any-pointer: coarse) { .editor__sidebar__groups__subtext__button a:hover { color: #5C95DA; border-color: #5C95DA; } } .editor__sidebar__groups__subtext__button__list { background: #ffffff; padding: 10px 0px; width: 100%; font-size: 12px; box-sizing: border-box; position: absolute; border-radius: 3px; display: none; z-index: 1; } .editor__sidebar__groups__subtext__button__list__item { display: block; text-align: left; line-height: 22px; padding: 0 20px; } @media not all and (any-pointer: coarse) { .editor__sidebar__groups__subtext__button__list__item:hover { background-color: #5C95DA; cursor: pointer; color: #ffffff; } } .editor__sidebar__group__item__inner__img { width: 100px; height: 100px; margin: auto; } .editor__sidebar__group__item__inner__title { font-size: 12px; } .editor__sidebar__group__item__inner__lazy { width: 16px; height: 16px; background-repeat: no-repeat; margin-top: 42px; text-indent: -999px; } @media not all and (any-pointer: coarse) { .editor__sidebar__group__item__inner:hover { border: 1px solid #dfe3e8; border-radius: 4px; } } .editor__sidebar__group__item__inner:active { border: 1px solid #5C95DA; border-radius: 4px; background-color: #f6f6f6; } .editor__sidebar__group__item__inner--selected { border: 1px solid #5C95DA !important; border-radius: 4px !important; background-color: #f6f6f6 !important; } .editor__sidebar__group__item__button { display: inline-block; } .editor__sidebar__group__item__button__container { margin-top: 5px; white-space: nowrap; } .editor__sidebar__group__item__button a { color: #34495e; font-weight: 400; border-color: #dfe3e8; line-height: 25px; font-size: 11px; } @media not all and (any-pointer: coarse) { .editor__sidebar__group__item__button a:hover { color: #5C95DA; border-color: #5C95DA; } } .js-editor__holder__inspector .editor__inspector { background: none; -webkit-box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); -moz-box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); -ms-box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); -o-box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); width: 256px; transition: none; position: relative; } @media (any-pointer: coarse) { .js-editor__holder__inspector .editor__inspector { width: 300px; } } .js-editor__holder__inspector .editor__inspector__title__item { vertical-align: top; } .js-editor__holder__inspector .editor__inspector__commoncontrols .editor__inspector__item:first-child { border-top: none; padding-top: 0px; } .js-editor__holder__inspector .editor__inspector__items { background-color: rgba(249, 249, 250, 0.9); padding: 6px 12px 6px 12px; } @media (any-pointer: coarse) { .js-editor__holder__inspector .editor__inspector__items { padding-top: 0px !important; } } .js-editor__holder__inspector .editor__inspector__items.separators .editor__inspector__item { border-bottom: 1px solid #efefef; } .js-editor__holder__inspector .editor__inspector__items.separators .editor__inspector__item:first-child { border-top: none; padding-top: 0; } .js-editor__holder__inspector .editor__inspector__items.separators .editor__inspector__item:last-child { border-bottom: none; } .js-editor__holder__inspector .editor__inspector__item { margin: 6px 0; display: flex; justify-content: center; color: #34495e; border-bottom: 0; padding-bottom: 0; } @media (any-pointer: coarse) { .js-editor__holder__inspector .editor__inspector__item { margin: 12px 0; } } .js-editor__holder__inspector .editor__inspector__item:first-child { border-top: 1px solid #efefef; padding-top: 10px; } @media (any-pointer: coarse) { .js-editor__holder__inspector .editor__inspector__item:first-child { margin-top: 8px; padding-top: 20px; } } .js-editor__holder__inspector .editor__inspector__item__cc { padding: 0px; } .js-editor__holder__inspector .editor__inspector__item__cc__buttons { width: 100%; } .js-editor__holder__inspector .editor__inspector__item__cc__button { padding: 5px 32px; margin: 0; } .js-editor__holder__inspector .editor__inspector__item__cc__button__icon { margin-bottom: 3px; } .js-editor__holder__inspector .editor__inspector__item__label, .js-editor__holder__inspector .editor__inspector__item__label__singleline { line-height: 14px; margin: 10px 0px; max-height: 30px; width: 74px; float: none; flex-grow: 0; } @media (any-pointer: coarse) { .js-editor__holder__inspector .editor__inspector__item__label, .js-editor__holder__inspector .editor__inspector__item__label__singleline { line-height: 16px; } } .js-editor__holder__inspector .editor__inspector__item__textinput { flex: 1; padding: 0; text-indent: 6px; width: auto; } .js-editor__holder__inspector .editor__inspector__item__select__custom { height: 32px; margin: auto; } .js-editor__holder__inspector .editor__inspector__item__select__custom__selected { line-height: 30px; } .js-editor__holder__inspector .editor__inspector__item__select__custom__listContainer { margin-top: 5px; width: 100% !important; } .js-editor__holder__inspector .editor__inspector__item__select__custom__option { font-size: 12px; } .js-editor__holder__inspector .editor__inspector__item__checkbox { margin-top: 8px; } .js-editor__holder__inspector .editor__inspector__item__checkbox__container { flex: 1; text-align: right; } .js-editor__holder__inspector .editor__inspector__item__ui-slider { flex: 1; margin: auto; } .js-editor__holder__inspector .editor__inspector__item__fileupload { flex: 1; max-width: 158px; width: auto; height: auto; } .js-editor__holder__inspector .editor__inspector__item__fileupload__filecontent { border-color: #5C95DA; } .js-editor__holder__inspector .editor__inspector__item__fileupload__filecontent:not(.editor__inspector__item__fileupload__contentselected) { width: 100%; } .js-editor__holder__inspector .editor__inspector__item__fileupload__message { text-align: left; font-size: 11px; color: #34495e; } .js-editor__holder__inspector .editor__inspector__item__fileupload__buttoncontainer { display: flex; justify-content: center; } .js-editor__holder__inspector .editor__inspector__item__fileupload__buttoncontainer > a:first-child, .js-editor__holder__inspector .editor__inspector__item__fileupload__buttoncontainer > a:last-child { line-height: 36px; } .js-editor__holder__inspector .editor__inspector__item__fileupload__buttoncontainer > a:nth-child(2) { line-height: 18px; } .js-editor__holder__inspector .editor__inspector__item__fileupload .js-editor__holder__inspector .editor__inspector__item__button { width: auto !important; } .js-editor__holder__library-editor { display: none; position: absolute; bottom: 0; top: auto !important; max-width: 100%; max-height: 100%; z-index: 1; height: 350px; width: 600px; } .editor__tab { top: 48px; } .editor__tab > .editor__tab__subnav { display: none; } .editor__tab__yield { top: 0; } .editor__tab__yield.hasheader { top: 49px; } .editor__tab__subnav { z-index: 3011; } .editor__tab__subnav.hasheader { display: block; } .editor__tab__subnav__left > .editor__tab__subnav__group { border-right: 1px solid #dfe3e8; } .editor__tab__subnav__right > .editor__tab__subnav__group { border-left: 1px solid #dfe3e8; border-right: none; height: 100%; } .editor__tab__subnav__togglebutton:first-child { margin-left: 12px; } .editor__tab__subnav__togglebutton:last-child { margin-right: 12px; } .editor__tab__subnav__togglebutton > .editor__tab__subnav__togglebutton__btn { width: 80px; padding: 0px; color: #34495e; font-weight: 400; border-color: #dfe3e8; display: flex; justify-content: center; } .editor__tab__subnav__togglebutton > .editor__tab__subnav__togglebutton__btn.showIcon { width: 100px; padding: 0 5px; } .editor__tab__subnav__togglebutton > .editor__tab__subnav__togglebutton__btn .btn__icon { display: none; } .editor__tab__subnav__togglebutton > .editor__tab__subnav__togglebutton__btn .btn__icon.showIcon { display: flex; } .editor__tab__subnav__togglebutton > .editor__tab__subnav__togglebutton__btn .btn__icon.showIcon svg { width: 100%; } .editor__tab__subnav__togglebutton > .editor__tab__subnav__togglebutton__btn .btn__txt { width: 100%; text-align: center; margin: 0px; } @media not all and (any-pointer: coarse) { .editor__tab__subnav__togglebutton > .editor__tab__subnav__togglebutton__btn:hover { color: #5C95DA; border-color: #5C95DA; text-decoration: none; } } .editor__tab__subnav__togglebutton--disabled > .editor__tab__subnav__togglebutton__btn { cursor: default; color: #c5cfd9 !important; border-color: #c5cfd9 !important; } @media not all and (any-pointer: coarse) { .editor__tab__subnav__togglebutton--disabled > .editor__tab__subnav__togglebutton__btn:hover { color: #c5cfd9 !important; border-color: #c5cfd9 !important; } } .editor__tab__subnav__tool:first-child { margin-left: 0px; } .editor__tab__subnav__tool:last-child { margin-right: 0px; } .editor__tab__subnav__tool--disabled { pointer-events: inherit; } .editor__tab__subnav__tool--disabled svg * { fill: #c5cfd9 !important; } .editor__tab__subnav__tool--disabled .mouse--action { cursor: default; } .editor__tab__subnav__tool__svg { width: 48px; height: 48px; margin: 0px; } .editor__modal { color: #919BA4; } .editor__modal__top { line-height: 54px; background-color: #fdfdfd; } .editor__modal__top__title { padding-left: 15px; font-size: 20px; } .editor__modal__top__close { top: 8px; } .editor__modal__top__close__x { opacity: 0.3; cursor: pointer; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } @media not all and (any-pointer: coarse) { .editor__modal__top__close__x:hover { opacity: 0.6; } } .editor__modal__body { padding: 15px; } .editor__modal__body__import-settings__file-info__thumbnail { display: none; } .editor__modal__btn, .editor__topnav__tabbutton--alpha .editor__topnav__tabbutton__text, .editor__topnav__tabbutton--beta .editor__topnav__tabbutton__text { margin: 15px; display: inline-block; width: 100px; height: 30px; text-align: center; line-height: 30px; border-radius: 5px; cursor: pointer; padding: 0; } .editor__modal__btn--primary, .editor__topnav__tabbutton--alpha .editor__topnav__tabbutton__text, .editor__topnav__tabbutton--beta .editor__topnav__tabbutton__text { color: #ffffff; background-color: #5C95DA; margin-left: 0; } @media (any-pointer: coarse) { .editor__modal__btn--primary, .editor__topnav__tabbutton--alpha .editor__topnav__tabbutton__text, .editor__topnav__tabbutton--beta .editor__topnav__tabbutton__text { color: #ffffff !important; text-decoration: none !important; } } .editor__modal__btn--secondary { color: #5C95DA; } @media (any-pointer: coarse) { .editor__modal__btn--secondary { color: #5C95DA !important; text-decoration: none !important; } } @media not all and (any-pointer: coarse) { .editor__modal__btn--secondary:hover { color: #ffffff; background-color: #5C95DA; } } .editor__modal__btn--file { background-color: #5C95DA; width: 205px; margin: 0 115px; overflow: hidden; margin-bottom: 20px; position: relative; color: #ffffff; border-radius: 5px; display: block; margin-left: auto; margin-right: auto; } .editor__dashboard__header__link { color: #5C95DA; text-decoration: initial; } .editor { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .editor__topnav { background: #F9F9FA; -webkit-box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); -moz-box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); -ms-box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); -o-box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); box-shadow: 0px 2px 2px 0px rgba(196, 204, 215, 0.6); } .editor__topnav__logo { width: auto; } .editor__topnav__logo img { width: auto; cursor: pointer; } .editor__topnav__title { margin-left: 0; } .editor__topnav__title__span { margin-left: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; outline: 0; border: 0; text-align: left; cursor: pointer; } @media not all and (any-pointer: coarse) { .editor__topnav__title__span:hover { border-bottom: none; text-decoration: underline; } } .editor__topnav__title__input { outline: 0; } .editor__topnav__connection-menu { background: #F9F9FA; } .editor__topnav__tabbutton__link > .editor__topnav__tabbutton__icondiv { width: 45px; height: 45px; min-width: 0px; min-height: 0px; background-size: contain; background-repeat: no-repeat; margin-left: 2px; margin-top: 1px; border-radius: 22px; } .editor__topnav__tabbutton--alpha .editor__topnav__tabbutton__link, .editor__topnav__tabbutton--beta .editor__topnav__tabbutton__link { width: 84px; } .editor__topnav__tabbutton--alpha .editor__topnav__tabbutton__text, .editor__topnav__tabbutton--beta .editor__topnav__tabbutton__text { margin: auto; top: 0; bottom: 0; position: absolute; left: 0; right: 0; width: 60; height: 26px; line-height: 26px; } .editor__topnav__tabbutton--alpha .editor__topnav__tabbutton__text:first-letter, .editor__topnav__tabbutton--beta .editor__topnav__tabbutton__text:first-letter { text-transform: capitalize; } .editor__tab__subnav { background-color: #f1f1f3; border-bottom: 1px solid #dfe3e8; } @media not all and (any-pointer: coarse) { .editor__tab__subnav__tool__svg:hover svg * { fill: #5C95DA; } } .editor__tab__subnav__tool__svg__activated > svg * { fill: #4988d6; } .editor__tab__subnav__tool__svg:active svg * { fill: #4988d6; } .editor__holder-shiftright { right: 276px; } .viewcube__button__border { cursor: pointer; border: 1px solid #2f3943; border-radius: 50%; opacity: 0.4; } @media not all and (any-pointer: coarse) { .viewcube__button__border:hover { border-color: #5C95DA; opacity: 0.75; } } .viewcube__button__border:active { border-color: #5C95DA; opacity: 1; } .js-cio-ui-templates__draggable__handle { cursor: default; } .editor__sidebar__group__item__inner { margin: 0px; padding: 7px; } .editor__sidebar__group__item__inner__title, .editor__sidebar__group__item__inner__userinfo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .editor__sidebar__group__item__inner__userinfo { font-size: 12px; } .editor__sidebar__group__item__inner__userinfo > a { color: #34495e; } @media not all and (any-pointer: coarse) { .editor__sidebar__group__item__inner__userinfo > a:hover { cursor: pointer; } } .editor__sidebar__draggable { cursor: default !important; position: absolute; } .editor__inspector__feedback__button--save { margin: 3px 0px 10px 0; width: 70px; float: right; } .editor__inspector__feedback__button--delete { border: none; background: none; color: #5C95DA; float: right; margin: 3px 5px 10px 0; width: 70px; } .editor__inspector__feedback__button--disabled { background-color: #c5cfd9; border-color: #c5cfd9; pointer-events: none; } .editor__grid_tool { right: 10px; } .note-3d-card { position: fixed !important; width: 240px; height: auto; opacity: 1; border-radius: 5px; border: 1px solid white; outline: 0; box-sizing: border-box; -webkit-box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); -ms-box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); -o-box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); -webkit-transition: box-shadow 250ms linear; -moz-transition: box-shadow 250ms linear; -ms-transition: box-shadow 250ms linear; -o-transition: box-shadow 250ms linear; transition: box-shadow 250ms linear; -webkit-transition: border 250ms linear; -moz-transition: border 250ms linear; -ms-transition: border 250ms linear; -o-transition: border 250ms linear; transition: border 250ms linear; } .note-3d-card[data-popper-placement^="top"] { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; } .note-3d-card[data-popper-placement^="bottom"] { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .note-3d-card.opening { -webkit-animation: open-slide-animation 200ms cubic-bezier(0.26, 1.82, 0.66, 1), open-fade-animation 200ms linear; -moz-animation: open-slide-animation 200ms cubic-bezier(0.26, 1.82, 0.66, 1), open-fade-animation 200ms linear; -ms-animation: open-slide-animation 200ms cubic-bezier(0.26, 1.82, 0.66, 1), open-fade-animation 200ms linear; -o-animation: open-slide-animation 200ms cubic-bezier(0.26, 1.82, 0.66, 1), open-fade-animation 200ms linear; animation: open-slide-animation 200ms cubic-bezier(0.26, 1.82, 0.66, 1), open-fade-animation 200ms linear; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @-webkit-keyframes open-slide-animation { 0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes open-slide-animation { 0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-ms-keyframes open-slide-animation { .note-3d-card.opening 0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .note-3d-card.opening 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes open-slide-animation { 0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes open-slide-animation { 0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes open-fade-animation { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes open-fade-animation { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes open-fade-animation { .note-3d-card.opening 0% { opacity: 0; } .note-3d-card.opening 100% { opacity: 1; } } @-o-keyframes open-fade-animation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes open-fade-animation { 0% { opacity: 0; } 100% { opacity: 1; } } .note-3d-card.closing { pointer-events: none; opacity: 0; -webkit-animation: close-slide-animation 200ms cubic-bezier(0.11, -0.05, 0.7, -0.93), close-fade-animation 200ms linear; -moz-animation: close-slide-animation 200ms cubic-bezier(0.11, -0.05, 0.7, -0.93), close-fade-animation 200ms linear; -ms-animation: close-slide-animation 200ms cubic-bezier(0.11, -0.05, 0.7, -0.93), close-fade-animation 200ms linear; -o-animation: close-slide-animation 200ms cubic-bezier(0.11, -0.05, 0.7, -0.93), close-fade-animation 200ms linear; animation: close-slide-animation 200ms cubic-bezier(0.11, -0.05, 0.7, -0.93), close-fade-animation 200ms linear; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } @-webkit-keyframes close-slide-animation { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @-moz-keyframes close-slide-animation { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @-ms-keyframes close-slide-animation { .note-3d-card.closing 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .note-3d-card.closing 100% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @-o-keyframes close-slide-animation { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @keyframes close-slide-animation { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @-webkit-keyframes close-fade-animation { 0% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes close-fade-animation { 0% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes close-fade-animation { .note-3d-card.closing 0% { opacity: 1; } .note-3d-card.closing 70% { opacity: 1; } .note-3d-card.closing 100% { opacity: 0; } } @-o-keyframes close-fade-animation { 0% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } @keyframes close-fade-animation { 0% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } .note-3d-card.focused { border: 1px solid #4981d6; -webkit-box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); -moz-box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); -ms-box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); -o-box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); } .note-3d-card.focused.blinking { -webkit-animation: blink-animation normal 300ms ease-in-out; -moz-animation: blink-animation normal 300ms ease-in-out; -ms-animation: blink-animation normal 300ms ease-in-out; -o-animation: blink-animation normal 300ms ease-in-out; animation: blink-animation normal 300ms ease-in-out; } @-webkit-keyframes blink-animation { 0% { border: 1px solid #4981d6; } 50% { border: 1px solid white; } 100% { border: 1px solid #4981d6; } } @-moz-keyframes blink-animation { 0% { border: 1px solid #4981d6; } 50% { border: 1px solid white; } 100% { border: 1px solid #4981d6; } } @-ms-keyframes blink-animation { .note-3d-card.focused.blinking 0% { border: 1px solid #4981d6; } .note-3d-card.focused.blinking 50% { border: 1px solid white; } .note-3d-card.focused.blinking 100% { border: 1px solid #4981d6; } } @-o-keyframes blink-animation { 0% { border: 1px solid #4981d6; } 50% { border: 1px solid white; } 100% { border: 1px solid #4981d6; } } @keyframes blink-animation { 0% { border: 1px solid #4981d6; } 50% { border: 1px solid white; } 100% { border: 1px solid #4981d6; } } /** STYLES FOR THE CONTENT CONTAINER AND TEXT AREA **/ .note-3d-card-content { width: 100%; height: auto; line-height: 0px; border-radius: calc(4px); background-color: #F7F8FA; } .note-3d-card-content-text { width: calc(100% - 16px); min-height: 20px; margin: 8px; padding: 0; resize: none; overflow: hidden; box-sizing: border-box; font-family: "ArtifaktElement", "Roboto", "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", "MS PGothic", Osaka, 宋体, SimSun, 华文细黑, STXihei, 新細明體, PMingLiU, 蘋果儷細宋, Apple LiSung Light, sans-serif; font-size: 14px; font-weight: 600; line-height: normal; white-space: break-spaces; overflow-wrap: break-word; border: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #263133; background-color: transparent; } .note-3d-card-delete { position: absolute; width: 34px; height: 34px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxNVY3LjVDNi41IDcuMzY3MzkgNi40NDczMiA3LjI0MDIxIDYuMzUzNTUgNy4xNDY0NUM2LjI1OTc5IDcuMDUyNjggNi4xMzI2MSA3IDYgN0M1Ljg2NzM5IDcgNS43NDAyMSA3LjA1MjY4IDUuNjQ2NDUgNy4xNDY0NUM1LjU1MjY4IDcuMjQwMjEgNS41IDcuMzY3MzkgNS41IDcuNVYxNUM1LjUgMTUuMTMyNiA1LjU1MjY4IDE1LjI1OTggNS42NDY0NSAxNS4zNTM2QzUuNzQwMjEgMTUuNDQ3MyA1Ljg2NzM5IDE1LjUgNiAxNS41QzYuMTMyNjEgMTUuNSA2LjI1OTc5IDE1LjQ0NzMgNi4zNTM1NSAxNS4zNTM2QzYuNDQ3MzIgMTUuMjU5OCA2LjUgMTUuMTMyNiA2LjUgMTVaIiBmaWxsPSIjNjQ2RTgwIi8+CjxwYXRoIGQ9Ik0xMC41IDE1VjcuNUMxMC41IDcuMzY3MzkgMTAuNDQ3MyA3LjI0MDIxIDEwLjM1MzYgNy4xNDY0NUMxMC4yNTk4IDcuMDUyNjggMTAuMTMyNiA3IDEwIDdDOS44NjczOSA3IDkuNzQwMjEgNy4wNTI2OCA5LjY0NjQ1IDcuMTQ2NDVDOS41NTI2OCA3LjI0MDIxIDkuNSA3LjM2NzM5IDkuNSA3LjVWMTVDOS41IDE1LjEzMjYgOS41NTI2OCAxNS4yNTk4IDkuNjQ2NDUgMTUuMzUzNkM5Ljc0MDIxIDE1LjQ0NzMgOS44NjczOSAxNS41IDEwIDE1LjVDMTAuMTMyNiAxNS41IDEwLjI1OTggMTUuNDQ3MyAxMC4zNTM2IDE1LjM1MzZDMTAuNDQ3MyAxNS4yNTk4IDEwLjUgMTUuMTMyNiAxMC41IDE1WiIgZmlsbD0iIzY0NkU4MCIvPgo8cGF0aCBkPSJNMTUgM0gxMkMxMS44Njc0IDMgMTEuNzQwMiAyLjk0NzMyIDExLjY0NjQgMi44NTM1NUMxMS41NTI3IDIuNzU5NzkgMTEuNSAyLjYzMjYxIDExLjUgMi41QzExLjUgMS44MzY5NiAxMS4yMzY2IDEuMjAxMDcgMTAuNzY3OCAwLjczMjIzM0MxMC4yOTg5IDAuMjYzMzkyIDkuNjYzMDQgMCA5IDBIN0M2LjMzNjk2IDAgNS43MDEwNyAwLjI2MzM5MiA1LjIzMjIzIDAuNzMyMjMzQzQuNzYzMzkgMS4yMDEwNyA0LjUgMS44MzY5NiA0LjUgMi41QzQuNSAyLjYzMjYxIDQuNDQ3MzIgMi43NTk3OSA0LjM1MzU1IDIuODUzNTVDNC4yNTk3OSAyLjk0NzMyIDQuMTMyNjEgMyA0IDNIMUMwLjczNDc4NCAzIDAuNDgwNDMgMy4xMDUzNiAwLjI5Mjg5MyAzLjI5Mjg5QzAuMTA1MzU3IDMuNDgwNDMgMCAzLjczNDc4IDAgNEMwIDQuMjY1MjIgMC4xMDUzNTcgNC41MTk1NyAwLjI5Mjg5MyA0LjcwNzExQzAuNDgwNDMgNC44OTQ2NCAwLjczNDc4NCA1IDEgNUgxNUMxNS4yNjUyIDUgMTUuNTE5NiA0Ljg5NDY0IDE1LjcwNzEgNC43MDcxMUMxNS44OTQ2IDQuNTE5NTcgMTYgNC4yNjUyMiAxNiA0QzE2IDMuNzM0NzggMTUuODk0NiAzLjQ4MDQzIDE1LjcwNzEgMy4yOTI4OUMxNS41MTk2IDMuMTA1MzYgMTUuMjY1MiAzIDE1IDNaTTkuNzUgM0g2LjI1VjIuNUM2LjI1MjU5IDIuMzAxODkgNi4zMzI0NCAyLjExMjYzIDYuNDcyNTMgMS45NzI1M0M2LjYxMjYzIDEuODMyNDQgNi44MDE4OSAxLjc1MjU5IDcgMS43NUg5QzkuMTk4MTEgMS43NTI1OSA5LjM4NzM3IDEuODMyNDQgOS41Mjc0NyAxLjk3MjUzQzkuNjY3NTYgMi4xMTI2MyA5Ljc0NzQxIDIuMzAxODkgOS43NSAyLjVWM1oiIGZpbGw9IiM2NDZFODAiLz4KPHBhdGggZD0iTTE0IDZDMTMuNzM0OCA2IDEzLjQ4MDQgNi4xMDUzNiAxMy4yOTI5IDYuMjkyODlDMTMuMTA1NCA2LjQ4MDQzIDEzIDYuNzM0NzggMTMgN1YxN0MxMyAxNy4yNjUyIDEyLjg5NDYgMTcuNTE5NiAxMi43MDcxIDE3LjcwNzFDMTIuNTE5NiAxNy44OTQ2IDEyLjI2NTIgMTggMTIgMThINEMzLjczNDc4IDE4IDMuNDgwNDMgMTcuODk0NiAzLjI5Mjg5IDE3LjcwNzFDMy4xMDUzNiAxNy41MTk2IDMgMTcuMjY1MiAzIDE3VjdDMyA2LjczNDc4IDIuODk0NjQgNi40ODA0MyAyLjcwNzExIDYuMjkyODlDMi41MTk1NyA2LjEwNTM2IDIuMjY1MjIgNiAyIDZDMS43MzQ3OCA2IDEuNDgwNDMgNi4xMDUzNiAxLjI5Mjg5IDYuMjkyODlDMS4xMDUzNiA2LjQ4MDQzIDEgNi43MzQ3OCAxIDdWMTdDMSAxNy43OTU2IDEuMzE2MDcgMTguNTU4NyAxLjg3ODY4IDE5LjEyMTNDMi40NDEyOSAxOS42ODM5IDMuMjA0MzUgMjAgNCAyMEgxMkMxMi43OTU2IDIwIDEzLjU1ODcgMTkuNjgzOSAxNC4xMjEzIDE5LjEyMTNDMTQuNjgzOSAxOC41NTg3IDE1IDE3Ljc5NTYgMTUgMTdWN0MxNSA2LjczNDc4IDE0Ljg5NDYgNi40ODA0MyAxNC43MDcxIDYuMjkyODlDMTQuNTE5NiA2LjEwNTM2IDE0LjI2NTIgNiAxNCA2WiIgZmlsbD0iIzY0NkU4MCIvPgo8L3N2Zz4K"); background-repeat: no-repeat; background-position: center; background-color: white; border: 1px solid #d0d5db; border-radius: 50%; right: calc(calc(17px + 3px) * -1); top: calc(calc(17px + 3px) * -1); cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: visibility 0s linear 250ms, opacity 250ms; -moz-transition: visibility 0s linear 250ms, opacity 250ms; -ms-transition: visibility 0s linear 250ms, opacity 250ms; -o-transition: visibility 0s linear 250ms, opacity 250ms; transition: visibility 0s linear 250ms, opacity 250ms; } .note-3d-card-delete.focused { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transition: visibility 0s linear 0s, opacity 250ms; -moz-transition: visibility 0s linear 0s, opacity 250ms; -ms-transition: visibility 0s linear 0s, opacity 250ms; -o-transition: visibility 0s linear 0s, opacity 250ms; transition: visibility 0s linear 0s, opacity 250ms; } @media not all and (any-pointer: coarse) { .note-3d-card-delete.focused:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxNVY3LjVDNi41IDcuMzY3MzkgNi40NDczMiA3LjI0MDIxIDYuMzUzNTUgNy4xNDY0NUM2LjI1OTc5IDcuMDUyNjggNi4xMzI2MSA3IDYgN0M1Ljg2NzM5IDcgNS43NDAyMSA3LjA1MjY4IDUuNjQ2NDUgNy4xNDY0NUM1LjU1MjY4IDcuMjQwMjEgNS41IDcuMzY3MzkgNS41IDcuNVYxNUM1LjUgMTUuMTMyNiA1LjU1MjY4IDE1LjI1OTggNS42NDY0NSAxNS4zNTM2QzUuNzQwMjEgMTUuNDQ3MyA1Ljg2NzM5IDE1LjUgNiAxNS41QzYuMTMyNjEgMTUuNSA2LjI1OTc5IDE1LjQ0NzMgNi4zNTM1NSAxNS4zNTM2QzYuNDQ3MzIgMTUuMjU5OCA2LjUgMTUuMTMyNiA2LjUgMTVaIiBmaWxsPSIjRkI0NzI1Ii8+CjxwYXRoIGQ9Ik0xMC41IDE1VjcuNUMxMC41IDcuMzY3MzkgMTAuNDQ3MyA3LjI0MDIxIDEwLjM1MzYgNy4xNDY0NUMxMC4yNTk4IDcuMDUyNjggMTAuMTMyNiA3IDEwIDdDOS44NjczOSA3IDkuNzQwMjEgNy4wNTI2OCA5LjY0NjQ1IDcuMTQ2NDVDOS41NTI2OCA3LjI0MDIxIDkuNSA3LjM2NzM5IDkuNSA3LjVWMTVDOS41IDE1LjEzMjYgOS41NTI2OCAxNS4yNTk4IDkuNjQ2NDUgMTUuMzUzNkM5Ljc0MDIxIDE1LjQ0NzMgOS44NjczOSAxNS41IDEwIDE1LjVDMTAuMTMyNiAxNS41IDEwLjI1OTggMTUuNDQ3MyAxMC4zNTM2IDE1LjM1MzZDMTAuNDQ3MyAxNS4yNTk4IDEwLjUgMTUuMTMyNiAxMC41IDE1WiIgZmlsbD0iI0ZCNDcyNSIvPgo8cGF0aCBkPSJNMTUgM0gxMkMxMS44Njc0IDMgMTEuNzQwMiAyLjk0NzMyIDExLjY0NjQgMi44NTM1NUMxMS41NTI3IDIuNzU5NzkgMTEuNSAyLjYzMjYxIDExLjUgMi41QzExLjUgMS44MzY5NiAxMS4yMzY2IDEuMjAxMDcgMTAuNzY3OCAwLjczMjIzM0MxMC4yOTg5IDAuMjYzMzkyIDkuNjYzMDQgMCA5IDBIN0M2LjMzNjk2IDAgNS43MDEwNyAwLjI2MzM5MiA1LjIzMjIzIDAuNzMyMjMzQzQuNzYzMzkgMS4yMDEwNyA0LjUgMS44MzY5NiA0LjUgMi41QzQuNSAyLjYzMjYxIDQuNDQ3MzIgMi43NTk3OSA0LjM1MzU1IDIuODUzNTVDNC4yNTk3OSAyLjk0NzMyIDQuMTMyNjEgMyA0IDNIMUMwLjczNDc4NCAzIDAuNDgwNDMgMy4xMDUzNiAwLjI5Mjg5MyAzLjI5Mjg5QzAuMTA1MzU3IDMuNDgwNDMgMCAzLjczNDc4IDAgNEMwIDQuMjY1MjIgMC4xMDUzNTcgNC41MTk1NyAwLjI5Mjg5MyA0LjcwNzExQzAuNDgwNDMgNC44OTQ2NCAwLjczNDc4NCA1IDEgNUgxNUMxNS4yNjUyIDUgMTUuNTE5NiA0Ljg5NDY0IDE1LjcwNzEgNC43MDcxMUMxNS44OTQ2IDQuNTE5NTcgMTYgNC4yNjUyMiAxNiA0QzE2IDMuNzM0NzggMTUuODk0NiAzLjQ4MDQzIDE1LjcwNzEgMy4yOTI4OUMxNS41MTk2IDMuMTA1MzYgMTUuMjY1MiAzIDE1IDNaTTkuNzUgM0g2LjI1VjIuNUM2LjI1MjU5IDIuMzAxODkgNi4zMzI0NCAyLjExMjYzIDYuNDcyNTMgMS45NzI1M0M2LjYxMjYzIDEuODMyNDQgNi44MDE4OSAxLjc1MjU5IDcgMS43NUg5QzkuMTk4MTEgMS43NTI1OSA5LjM4NzM3IDEuODMyNDQgOS41Mjc0NyAxLjk3MjUzQzkuNjY3NTYgMi4xMTI2MyA5Ljc0NzQxIDIuMzAxODkgOS43NSAyLjVWM1oiIGZpbGw9IiNGQjQ3MjUiLz4KPHBhdGggZD0iTTE0IDZDMTMuNzM0OCA2IDEzLjQ4MDQgNi4xMDUzNiAxMy4yOTI5IDYuMjkyODlDMTMuMTA1NCA2LjQ4MDQzIDEzIDYuNzM0NzggMTMgN1YxN0MxMyAxNy4yNjUyIDEyLjg5NDYgMTcuNTE5NiAxMi43MDcxIDE3LjcwNzFDMTIuNTE5NiAxNy44OTQ2IDEyLjI2NTIgMTggMTIgMThINEMzLjczNDc4IDE4IDMuNDgwNDMgMTcuODk0NiAzLjI5Mjg5IDE3LjcwNzFDMy4xMDUzNiAxNy41MTk2IDMgMTcuMjY1MiAzIDE3VjdDMyA2LjczNDc4IDIuODk0NjQgNi40ODA0MyAyLjcwNzExIDYuMjkyODlDMi41MTk1NyA2LjEwNTM2IDIuMjY1MjIgNiAyIDZDMS43MzQ3OCA2IDEuNDgwNDMgNi4xMDUzNiAxLjI5Mjg5IDYuMjkyODlDMS4xMDUzNiA2LjQ4MDQzIDEgNi43MzQ3OCAxIDdWMTdDMSAxNy43OTU2IDEuMzE2MDcgMTguNTU4NyAxLjg3ODY4IDE5LjEyMTNDMi40NDEyOSAxOS42ODM5IDMuMjA0MzUgMjAgNCAyMEgxMkMxMi43OTU2IDIwIDEzLjU1ODcgMTkuNjgzOSAxNC4xMjEzIDE5LjEyMTNDMTQuNjgzOSAxOC41NTg3IDE1IDE3Ljc5NTYgMTUgMTdWN0MxNSA2LjczNDc4IDE0Ljg5NDYgNi40ODA0MyAxNC43MDcxIDYuMjkyODlDMTQuNTE5NiA2LjEwNTM2IDE0LjI2NTIgNiAxNCA2WiIgZmlsbD0iI0ZCNDcyNSIvPgo8L3N2Zz4K"); } } @media (any-pointer: coarse) { .note-3d-card-delete.focused:active { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxNVY3LjVDNi41IDcuMzY3MzkgNi40NDczMiA3LjI0MDIxIDYuMzUzNTUgNy4xNDY0NUM2LjI1OTc5IDcuMDUyNjggNi4xMzI2MSA3IDYgN0M1Ljg2NzM5IDcgNS43NDAyMSA3LjA1MjY4IDUuNjQ2NDUgNy4xNDY0NUM1LjU1MjY4IDcuMjQwMjEgNS41IDcuMzY3MzkgNS41IDcuNVYxNUM1LjUgMTUuMTMyNiA1LjU1MjY4IDE1LjI1OTggNS42NDY0NSAxNS4zNTM2QzUuNzQwMjEgMTUuNDQ3MyA1Ljg2NzM5IDE1LjUgNiAxNS41QzYuMTMyNjEgMTUuNSA2LjI1OTc5IDE1LjQ0NzMgNi4zNTM1NSAxNS4zNTM2QzYuNDQ3MzIgMTUuMjU5OCA2LjUgMTUuMTMyNiA2LjUgMTVaIiBmaWxsPSIjRkI0NzI1Ii8+CjxwYXRoIGQ9Ik0xMC41IDE1VjcuNUMxMC41IDcuMzY3MzkgMTAuNDQ3MyA3LjI0MDIxIDEwLjM1MzYgNy4xNDY0NUMxMC4yNTk4IDcuMDUyNjggMTAuMTMyNiA3IDEwIDdDOS44NjczOSA3IDkuNzQwMjEgNy4wNTI2OCA5LjY0NjQ1IDcuMTQ2NDVDOS41NTI2OCA3LjI0MDIxIDkuNSA3LjM2NzM5IDkuNSA3LjVWMTVDOS41IDE1LjEzMjYgOS41NTI2OCAxNS4yNTk4IDkuNjQ2NDUgMTUuMzUzNkM5Ljc0MDIxIDE1LjQ0NzMgOS44NjczOSAxNS41IDEwIDE1LjVDMTAuMTMyNiAxNS41IDEwLjI1OTggMTUuNDQ3MyAxMC4zNTM2IDE1LjM1MzZDMTAuNDQ3MyAxNS4yNTk4IDEwLjUgMTUuMTMyNiAxMC41IDE1WiIgZmlsbD0iI0ZCNDcyNSIvPgo8cGF0aCBkPSJNMTUgM0gxMkMxMS44Njc0IDMgMTEuNzQwMiAyLjk0NzMyIDExLjY0NjQgMi44NTM1NUMxMS41NTI3IDIuNzU5NzkgMTEuNSAyLjYzMjYxIDExLjUgMi41QzExLjUgMS44MzY5NiAxMS4yMzY2IDEuMjAxMDcgMTAuNzY3OCAwLjczMjIzM0MxMC4yOTg5IDAuMjYzMzkyIDkuNjYzMDQgMCA5IDBIN0M2LjMzNjk2IDAgNS43MDEwNyAwLjI2MzM5MiA1LjIzMjIzIDAuNzMyMjMzQzQuNzYzMzkgMS4yMDEwNyA0LjUgMS44MzY5NiA0LjUgMi41QzQuNSAyLjYzMjYxIDQuNDQ3MzIgMi43NTk3OSA0LjM1MzU1IDIuODUzNTVDNC4yNTk3OSAyLjk0NzMyIDQuMTMyNjEgMyA0IDNIMUMwLjczNDc4NCAzIDAuNDgwNDMgMy4xMDUzNiAwLjI5Mjg5MyAzLjI5Mjg5QzAuMTA1MzU3IDMuNDgwNDMgMCAzLjczNDc4IDAgNEMwIDQuMjY1MjIgMC4xMDUzNTcgNC41MTk1NyAwLjI5Mjg5MyA0LjcwNzExQzAuNDgwNDMgNC44OTQ2NCAwLjczNDc4NCA1IDEgNUgxNUMxNS4yNjUyIDUgMTUuNTE5NiA0Ljg5NDY0IDE1LjcwNzEgNC43MDcxMUMxNS44OTQ2IDQuNTE5NTcgMTYgNC4yNjUyMiAxNiA0QzE2IDMuNzM0NzggMTUuODk0NiAzLjQ4MDQzIDE1LjcwNzEgMy4yOTI4OUMxNS41MTk2IDMuMTA1MzYgMTUuMjY1MiAzIDE1IDNaTTkuNzUgM0g2LjI1VjIuNUM2LjI1MjU5IDIuMzAxODkgNi4zMzI0NCAyLjExMjYzIDYuNDcyNTMgMS45NzI1M0M2LjYxMjYzIDEuODMyNDQgNi44MDE4OSAxLjc1MjU5IDcgMS43NUg5QzkuMTk4MTEgMS43NTI1OSA5LjM4NzM3IDEuODMyNDQgOS41Mjc0NyAxLjk3MjUzQzkuNjY3NTYgMi4xMTI2MyA5Ljc0NzQxIDIuMzAxODkgOS43NSAyLjVWM1oiIGZpbGw9IiNGQjQ3MjUiLz4KPHBhdGggZD0iTTE0IDZDMTMuNzM0OCA2IDEzLjQ4MDQgNi4xMDUzNiAxMy4yOTI5IDYuMjkyODlDMTMuMTA1NCA2LjQ4MDQzIDEzIDYuNzM0NzggMTMgN1YxN0MxMyAxNy4yNjUyIDEyLjg5NDYgMTcuNTE5NiAxMi43MDcxIDE3LjcwNzFDMTIuNTE5NiAxNy44OTQ2IDEyLjI2NTIgMTggMTIgMThINEMzLjczNDc4IDE4IDMuNDgwNDMgMTcuODk0NiAzLjI5Mjg5IDE3LjcwNzFDMy4xMDUzNiAxNy41MTk2IDMgMTcuMjY1MiAzIDE3VjdDMyA2LjczNDc4IDIuODk0NjQgNi40ODA0MyAyLjcwNzExIDYuMjkyODlDMi41MTk1NyA2LjEwNTM2IDIuMjY1MjIgNiAyIDZDMS43MzQ3OCA2IDEuNDgwNDMgNi4xMDUzNiAxLjI5Mjg5IDYuMjkyODlDMS4xMDUzNiA2LjQ4MDQzIDEgNi43MzQ3OCAxIDdWMTdDMSAxNy43OTU2IDEuMzE2MDcgMTguNTU4NyAxLjg3ODY4IDE5LjEyMTNDMi40NDEyOSAxOS42ODM5IDMuMjA0MzUgMjAgNCAyMEgxMkMxMi43OTU2IDIwIDEzLjU1ODcgMTkuNjgzOSAxNC4xMjEzIDE5LjEyMTNDMTQuNjgzOSAxOC41NTg3IDE1IDE3Ljc5NTYgMTUgMTdWN0MxNSA2LjczNDc4IDE0Ljg5NDYgNi40ODA0MyAxNC43MDcxIDYuMjkyODlDMTQuNTE5NiA2LjEwNTM2IDE0LjI2NTIgNiAxNCA2WiIgZmlsbD0iI0ZCNDcyNSIvPgo8L3N2Zz4K"); } } /** STYLES CARD'S ARROW **/ .note-3d-card-arrow, .note-3d-card-arrow::before { position: absolute; width: 16px; height: 16px; z-index: -1; border-bottom-right-radius: 3px; border-top-left-radius: 3px; } .note-3d-card-arrow::before { content: ''; background: #F7F8FA; border: 0; outline: 0; -webkit-box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); -ms-box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); -o-box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); box-shadow: 0px 1px 3px rgba(0, 51, 77, 0.25); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .note-3d-card-arrow.focused::before { border: 1px solid #4981d6; -webkit-box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); -moz-box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); -ms-box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); -o-box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); box-shadow: 0 0 0 4px rgba(73, 129, 214, 0.3); } .note-3d-card[data-popper-placement^="top"] .note-3d-card-arrow { bottom: -5px; } .note-3d-card[data-popper-placement^="bottom"] .note-3d-card-arrow { top: -5px; } .editor-3d-container { background: black; } .editor-3d-container .hud { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: flex-end; } .editor-3d-container .hud.embed-mode { top: 65px !important; } .editor-3d-container .hud #viewcube { display: block; position: absolute; outline: none; width: 150px; height: 150px; opacity: 1 !important; margin: 0; z-index: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .editor-3d-container .hud-element canvas { opacity: 0.5; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } @media not all and (any-pointer: coarse) { .editor-3d-container .hud-element canvas:hover { opacity: 1; } } .editor-3d-container .viewcube__button { display: block; position: absolute; outline: none; width: 32px; height: 32px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; z-index: 1; background-color: white; } @media (any-pointer: coarse) { .editor-3d-container .viewcube__button { width: 40px; height: 40px; } } .editor-3d-container .button-container-svg { margin: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 30px; min-height: 30px; opacity: 0.65; } @media (any-pointer: coarse) { .editor-3d-container .button-container-svg { min-width: 38px; min-height: 38px; } } @media not all and (any-pointer: coarse) { .editor-3d-container .button-container-svg:hover { opacity: 1; } } .editor-3d-container .button-container-svg:active { opacity: 1; } .editor-3d-container .home-view-container { background: url('data:image/svg+xml;utf8,icons') no-repeat; } @media not all and (any-pointer: coarse) { .editor-3d-container .home-view-container:hover { background: url('data:image/svg+xml;utf8,icons') no-repeat; } } .editor-3d-container .ortho-view-container { background: url('data:image/svg+xml;utf8,icons') no-repeat; } @media not all and (any-pointer: coarse) { .editor-3d-container .ortho-view-container:hover { background: url('data:image/svg+xml;utf8,icons') no-repeat; } } .editor-3d-container .persp-view-container { background: url('data:image/svg+xml;utf8,icons') no-repeat; } @media not all and (any-pointer: coarse) { .editor-3d-container .persp-view-container:hover { background: url('data:image/svg+xml;utf8,icons') no-repeat; } } .editor-3d-container .fit-view-container { background: url('data:image/svg+xml;utf8,icons') no-repeat; } @media not all and (any-pointer: coarse) { .editor-3d-container .fit-view-container:hover { background: url('data:image/svg+xml;utf8,icons') no-repeat; } } .editor-3d-container .zoomin-view-container { background: url('data:image/svg+xml;utf8,icon-zoom-in') no-repeat; } @media not all and (any-pointer: coarse) { .editor-3d-container .zoomin-view-container:hover { background: url('data:image/svg+xml;utf8,icon-zoom-in') no-repeat; } } .editor-3d-container .zoomout-view-container { background: url('data:image/svg+xml;utf8,icon-zoom-out') no-repeat; } @media not all and (any-pointer: coarse) { .editor-3d-container .zoomout-view-container:hover { background: url('data:image/svg+xml;utf8,icon-zoom-out') no-repeat; } }