-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.css.map
More file actions
1 lines (1 loc) · 27.2 KB
/
main.css.map
File metadata and controls
1 lines (1 loc) · 27.2 KB
1
{"version":3,"sources":["webpack://lib/../frontend-shared/frontend-shared/components/Button.scss","webpack://lib/../frontend-shared/frontend-shared/style/mixins/global.scss","webpack://lib/../frontend-shared/frontend-shared/style/mixins/buttons.scss","webpack://lib/../frontend-shared/frontend-shared/redesign/Icon.scss"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["// Do not put any CSS in here, use globals.scss\n\n$color-dark: #6f787e;\n$color-dark-darker: #394044;\n\n$color-gray-lighter: #f8f8f8;\n$color-gray: #f0f0f0;\n$color-gray-darker: #ddd;\n$color-gray-darker-2: #bbb;\n$color-gray-darker-3: #bfc3c5;\n$color-gray-darker-4: #b1b4b6;\n\n$color-green: #19bd9b;\n$color-green-darker: #107a64;\n$color-green-lighter: #d4ece6;\n\n$color-yellow: #f9c815;\n$color-yellow-lighter: #feefbc;\n$color-yellow-darker: #7d6100;\n$color-note: #facc3d;\n\n$color-orange: #f99b2b;\n$color-orange-2: #ef7a13;\n\n$color-blue-darker: #265372;\n$color-blue-darker2: #2283c6;\n$color-blue-play: #3195d8;\n$color-blue: #3498db;\n$color-blue-lighter: #7fbce5;\n$color-blue-lighter2: #ccebf3;\n\n$color-red: #b94a48;\n$color-red-darker: #ff344f;\n$color-red-darker-100: #ba0f25;\n$color-pink: #ffabb6;\n\n$body-font-family: 'Roboto', sans-serif;\n$headline-font-family: 'Roboto', sans-serif;\n\n$z-index-header: 101;\n$z-index-menu: 102;\n$z-index-overlay-popup: 103;\n$z-index-visitor-sessions: 104;\n\n// Ditch bootstrap-sass\n$screen-xs-max: 767px;\n$line-height-base: 1.428571429;\n$screen-lg-min: 1200px;\n$screen-sm-max: 991px;\n$screen-xs-min: 480px;\n\n$color-facebook: #3f70ac;\n$color-twitter: #6ab2e1;\n\n$base: 16px;\n\n// From player\n\n$color-text: $color-dark-darker;\n$heading-text-color: $color-dark-darker;\n$min-width: 1000px;\n$color-error-text: $color-gray-darker-4;\n\n// Redesign\n\n$denim: #3e5b78;\n\n$color-green-r: #2ec09a;\n$color-green-hover-r: #27a684;\n\n$color-blue-r: #4693e0;\n$color-blue-lighter-r: #a9d4ff;\n$color-blue-lighter-2-r: #7ab2e6;\n$color-blue-darker-r: #4f769e;\n\n$color-red-r: #ff344f;\n\n@import '../style/mixins/input.scss';\n@import '../style/mixins/buttons.scss';\n@import '../style/mixins/global.scss';\n\n@mixin container() {\n\t.container__header {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tmin-height: 38px;\n\t\tflex-wrap: wrap;\n\n\t\t> div {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.container__header-title {\n\t\tcolor: $denim;\n\t\tfont-size: 14px;\n\t\tfont-weight: bold;\n\t}\n\n\t.container__header-selector {\n\t\tmargin-left: 32px;\n\t\twidth: 200px;\n\n\t\t@media (max-width: 499px) {\n\t\t\tmargin-left: 16px;\n\t\t}\n\n\t\t&--first {\n\t\t\tmargin-left: 0;\n\t\t}\n\t}\n\n\t.container__header-icon-button {\n\t\tborder-radius: 2px;\n\t\tbackground-color: #ffffff;\n\t\tborder: solid 1px #eae8e8;\n\t\tmargin-left: 2px;\n\t\tmargin-right: 0;\n\t}\n\n\t.container__header-button {\n\t\tmargin-left: 8px;\n\t}\n\n\t.container__content {\n\t\tmargin-top: 16px;\n\t}\n}\n\n@mixin table {\n\t.table-item {\n\t\theight: 80px;\n\t\tborder-radius: 2px;\n\t\tbackground-color: #ffffff;\n\t\tbox-shadow: 0 2px 4px 0 rgba(30, 81, 135, 0.08);\n\t\tborder: solid 1px #fafafa;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: 0 32px;\n\t\tfont-size: 14px;\n\t\tflex-wrap: wrap;\n\t\tcolor: $denim;\n\n\t\t&__view-name {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t.table-item__name {\n\t\t\t\tmargin-left: 32px;\n\t\t\t}\n\t\t}\n\n\t\t&__actions {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__action {\n\t\t\t&--button {\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t}\n\t}\n\n\t.table-empty {\n\t\tfont-size: 14px;\n\t\tmargin-top: 32px;\n\t\tcolor: $denim;\n\t}\n\n\t.table-item + .table-item {\n\t\tmargin-top: 2px;\n\t}\n\n\t.table-item__action + .table-item__action {\n\t\tmargin-left: 32px;\n\t}\n}\n\n@mixin searchSection() {\n\t.search-section {\n\t\t&__title {\n\t\t\tcolor: #2ec09a;\n\t\t\tfont-size: 12px;\n\t\t\tpadding: 0 8px;\n\t\t\ttext-transform: uppercase;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tfont-weight: bold;\n\t\t\tletter-spacing: 1px;\n\t\t\tuser-select: none;\n\t\t}\n\n\t\t&__icon {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tfont-size: 18px;\n\t\t\tmargin-right: 8px;\n\t\t}\n\n\t\t&__upgrade {\n\t\t\tposition: absolute;\n\t\t\ttop: 23px;\n\t\t\tleft: 6px;\n\t\t\tfont-size: 9px;\n\t\t\tcolor: #2ec09a;\n\t\t\tborder: 1px solid #2ec09a;\n\t\t\tborder-radius: 10px;\n\t\t\tpadding: 1px 4px;\n\t\t\tbackground-color: white;\n\t\t}\n\n\t\t&__list {\n\t\t\tmargin-top: 8px;\n\n\t\t\tul {\n\t\t\t\tlist-style-type: none;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-right: 32px;\n\t\t\t\tcolor: #6f787e;\n\t\t\t}\n\n\t\t\tli {\n\t\t\t\tpadding: 6px 8px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tuser-select: none;\n\t\t\t\tposition: relative;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-radius: 2px;\n\t\t\t\t\tbackground-color: #ededed;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tli.active {\n\t\t\t\t&::after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin-left: 8px;\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t\twidth: 8px;\n\t\t\t\t\theight: 8px;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tbackground-color: $denim;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: -16px;\n\t\t\t\t\ttop: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin searchRule() {\n\t.rule {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&__header {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: center;\n\t\t\theight: 46px;\n\t\t\tbackground-color: $denim;\n\t\t\tborder-top-left-radius: 2px;\n\t\t\tborder-top-right-radius: 2px;\n\t\t\tcolor: white;\n\t\t}\n\n\t\t&-title {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: bold;\n\t\t\tpadding: 16px;\n\t\t}\n\n\t\t&-subtitle {\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t&-close {\n\t\t\tpadding: 16px;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&__body {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tpadding: 4px;\n\t\t\tborder: solid 1px #eeeeee;\n\t\t\tborder-bottom-left-radius: 2px;\n\t\t\tborder-bottom-right-radius: 2px;\n\t\t\tcolor: $denim;\n\t\t\tfont-size: 14px;\n\n\t\t\t> div:not(.component-select-input-v2) {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\n\t\t\t\t> *:not(:first-child) {\n\t\t\t\t\tmargin-left: 4px;\n\t\t\t\t}\n\n\t\t\t\t> * {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\n\t\t\t\t> input[type='text'],\n\t\t\t\t> input[type='number'] {\n\t\t\t\t\tflex: 2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> div:not(:first-child) {\n\t\t\t\tmargin-top: 4px;\n\t\t\t}\n\t\t}\n\t\t&__row {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t\t.loading {\n\t\t\tfilter: blur(2px);\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n}\n\n@mixin shadow($shadow) {\n\tbox-shadow: $shadow;\n}\n\n@mixin popup($width: 580px, $height: 280px) {\n\t@include shadow(000010px 00rgba (0, 0, 0, 0.2));\n\n\tposition: fixed;\n\ttop: 50%;\n\tz-index: $z-index-overlay-popup;\n\tleft: 50%;\n\twidth: $width;\n\tmargin-left: -$width / 2;\n\theight: $height;\n\tmargin-top: -$height;\n\tborder-radius: 4px;\n\tborder: 1px solid #dddddd;\n}\n\n@mixin warning() {\n\tmargin: 16px 0;\n\tbackground-color: $color-yellow-lighter;\n\ttext-align: center;\n\tpadding: 16px;\n\tfont-size: 14px;\n\n\tdiv {\n\t\tmargin-bottom: 8px;\n\t}\n\n\t.fa {\n\t\tfont-size: 150%;\n\t}\n\n\t.title {\n\t\tcolor: $color-dark;\n\t}\n\n\t.action {\n\t\tcolor: $color-dark;\n\t\ttext-decoration: underline;\n\t\tcursor: pointer;\n\n\t\ta {\n\t\t\tcolor: $color-dark;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: $color-dark-darker;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin ellipsis {\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n@mixin badge {\n\tpadding-left: 6px;\n\tpadding-right: 6px;\n\tpadding-top: 2px;\n\tpadding-bottom: 2px;\n\tcolor: white;\n\tborder-radius: 4px;\n\tdisplay: inline-block;\n\tfont-weight: normal;\n\tfont-size: 11px;\n\ttext-transform: uppercase;\n}\n\n@mixin badge-lg {\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n\tpadding-top: 4px;\n\tpadding-bottom: 4px;\n\tfont-size: 13px;\n}\n\n@mixin badge-free {\n\t@include badge();\n\n\tbackground-color: $color-gray-darker-2;\n}\n\n@mixin badge-premium {\n\t@include badge();\n\n\tbackground-color: $color-blue-lighter;\n}\n\n@mixin badge-beta {\n\t@include badge();\n\n\tbackground-color: $color-orange;\n}\n\n@mixin badge-operator {\n\t@include badge();\n\n\tbackground-color: $color-gray-darker;\n\tmargin-left: $base;\n\tmargin-top: $base / 4;\n}\n\n@mixin badge-upsell {\n\t@include badge();\n\n\tbackground-color: $color-green;\n\tmargin-left: $base / 2;\n\ttext-shadow: 1px 0 1px rgba(150, 150, 150, 1);\n}\n\n@mixin socialButton($backgroundColor, $color: #fff) {\n\tcolor: $color;\n\tbackground-color: $backgroundColor;\n\tborder: none;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: $color;\n\t\tbackground-color: darken($backgroundColor, 10%);\n\t}\n}\n\n@mixin btn-action-secondary {\n\toutline: 0 none;\n\ttransition: all 200ms linear;\n\tbackground-color: $color-gray-darker;\n\tborder-color: $color-gray-darker;\n\tcolor: $color-dark-darker;\n\tmin-width: 70px;\n\tborder-radius: 2px;\n\tfont-size: 13px;\n\n\t&:hover,\n\t&:active,\n\t&:focus {\n\t\toutline: 0 none;\n\t}\n\n\t&:hover {\n\t\tcolor: $color-dark-darker;\n\t\tbackground-color: #d3d3d3;\n\t}\n}\n\n// From player\n\n@mixin transition($transition) {\n\ttransition: $transition;\n}\n\n@mixin event($type) {\n\tbox-sizing: content-box;\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tborder: 2px solid #f9f9f9;\n\n\t@if $type == 'click' {\n\t\tbackground-color: #4693e0;\n\t\tcolor: #4693e0;\n\t}\n\n\t@if $type == 'url' {\n\t\tbackground-color: #2ec09a;\n\t\tcolor: #2ec09a;\n\t}\n\n\t@if $type == 'error' {\n\t\tbackground-color: #ff344f;\n\t\tcolor: #ff344f;\n\t\twidth: 8px;\n\t\theight: 8px;\n\t}\n\n\t@if $type == 'text' {\n\t\tbackground-color: #b98948;\n\t\tcolor: #b98948;\n\t}\n\n\t@if $type == 'knob' {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tbackground-color: #2ec09a;\n\t\tborder-color: #2ec09a;\n\t}\n\n\t@if $type == 'note' {\n\t\tbackground-color: transparent;\n\t\tborder-color: #f9d006;\n\t}\n\n\t@if $type == 'custom' {\n\t\tbackground-color: #6f787e;\n\t\tborder-color: #f9f9f9;\n\t}\n}\n\n@mixin button-v2-disabled {\n\t&.button-v2--disabled {\n\t\tcolor: #ababab;\n\t\tbackground-color: #eae8e8;\n\t\tborder-color: #eae8e8;\n\t}\n}\n\n.button-v2 {\n\t@include button;\n\n\tpadding: 4px 32px;\n\ttext-transform: uppercase;\n\n\t&.button-v2--disabled {\n\t\tpointer-events: none;\n\t}\n\n\t&.button-v2--wide {\n\t\twidth: 100%;\n\t}\n\n\t&.button-v2--thin {\n\t\tpadding: 0 8px;\n\t}\n\n\t&.button-v2--thiner {\n\t\tpadding: 0 11px;\n\t}\n\n\t&.button-v2--thin .icon,\n\t&.button-v2--thiner .icon{\n\t\tmargin: 0;\n\t}\n\n\t&.button-v2--small {\n\t\theight: 30px;\n\t}\n\n\t&.button-v2--with-icon-left {\n\t\t> .icon-wrapper + span {\n\t\t\tmargin-left: 8px;\n\t\t}\n\t}\n\n\t&.button-v2--with-icon-right {\n\t\t> span + .icon-wrapper {\n\t\t\tmargin-left: 8px;\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n\n\t&.button-v2--primary {\n\t\tborder: 1px solid $color-green-r;\n\t\tbackground-color: $color-green-r;\n\t\tcolor: white;\n\n\t\t&:hover {\n\t\t\tbackground-color: #31cca3;\n\t\t}\n\n\t\t&:active,\n\t\t&:visited {\n\t\t\tbackground-color: #28a684;\n\t\t}\n\n\t\t@include button-v2-disabled;\n\t}\n\n\t&.button-v2--primary--inverted {\n\t\tborder: 1px solid $color-green-r;\n\t\tbackground-color: white;\n\t\tcolor: $color-green-r;\n\n\t\t&:hover {\n\t\t\tbackground-color: #31cca3;\n\t\t\tcolor: white;\n\t\t}\n\n\t\t&:active,\n\t\t&:visited {\n\t\t\tbackground-color: #28a684;\n\t\t\tcolor: white;\n\t\t}\n\n\t\t&.button-v2--disabled {\n\t\t\tcolor: #ababab;\n\t\t\tbackground-color: white;\n\t\t\tborder-color: #eae8e8;\n\t\t}\n\t}\n\n\t&.button-v2--secondary {\n\t\tborder: 1px solid #eae8e8;\n\t\tbackground-color: white;\n\t\tcolor: #4693e0;\n\n\t\t&:hover {\n\t\t\tborder-color: #4693e0;\n\t\t}\n\n\t\t&:active,\n\t\t&:visited {\n\t\t\tbackground-color: #4693e0;\n\t\t\tcolor: white;\n\t\t}\n\n\t\t@include button-v2-disabled;\n\t}\n\n\t&.button-v2--secondary--inverted {\n\t\tborder: 1px solid white;\n\t\tbackground-color: #4693e0;\n\t\tcolor: white;\n\n\t\t&:hover {\n\t\t\tborder-color: white;\n\t\t\tbackground-color: white;\n\t\t\tcolor: #4693e0;\n\t\t}\n\n\t\t&:active,\n\t\t&:visited {\n\t\t\tbackground-color: #e1f0ff;\n\t\t\tcolor: #4693e0;\n\t\t}\n\n\t\t&.button-v2--disabled {\n\t\t\tcolor: #47abf7;\n\t\t\tbackground-color: #4693e0;\n\t\t\tborder-color: #47abf7;\n\t\t}\n\t}\n\n\t&.button-v2--dangerous {\n\t\tborder: 1px solid #ff344f;\n\t\tbackground: #ff344f;\n\t\tcolor: #ffffff;\n\n\t\t&:hover {\n\t\t\tborder-color: #e62e46;\n\t\t\tbackground: #e62e46;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t&:active,\n\t\t&:visited {\n\t\t\tborder-color: #ff566d;\n\t\t\tbackground: #ff566d;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t&.button-v2--disabled {\n\t\t\tcolor: #cb8a8a;\n\t\t\tbackground-color: #fde2e6;\n\t\t\tborder-color: #fde2e6;\n\t\t}\n\t}\n\n\t&.button-v2--dangerous--inverted {\n\t\tborder: 1px solid #ff344f;\n\t\tbackground: #ffffff;\n\t\tcolor: #ff344f;\n\n\t\t&:hover {\n\t\t\tborder-color: #e62e46;\n\t\t\tbackground: #e62e46;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t&:active,\n\t\t&:visited {\n\t\t\tborder-color: #ff566d;\n\t\t\tbackground: #ff566d;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t&.button-v2--disabled {\n\t\t\tcolor: #ababab;\n\t\t\tbackground-color: white;\n\t\t\tborder-color: #eae8e8;\n\t\t}\n\t}\n\n\t&.button-v2--neutral {\n\t\tborder: 1px solid #9aacbd;\n\t\tbackground: #ffffff;\n\t\tcolor: #9aacbd;\n\n\t\t&:hover,\n\t\t&:active,\n\t\t&:visited {\n\t\t\tborder-color: #768292;\n\t\t\tbackground: #768292;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t@include button-v2-disabled;\n\t}\n\n\t&.button-v2--neutral--inverted {\n\t\tborder: 1px solid #9aacbd;\n\t\tbackground: #9aacbd;\n\t\tcolor: #ffffff;\n\n\t\t&:hover,\n\t\t&:active,\n\t\t&:visited {\n\t\t\tborder-color: #768292;\n\t\t\tbackground: #768292;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t@include button-v2-disabled;\n\t}\n\n\t&.button-v2--white {\n\t\tborder: 1px solid #ffffff;\n\t\tbackground: transparent;\n\t\tcolor: #ffffff;\n\n\t\t&:hover {\n\t\t\tborder-color: #ffffff;\n\t\t\tbackground: #ffffff;\n\t\t\tcolor: #3f5b78;\n\t\t}\n\n\t\t&:active,\n\t\t&:visited {\n\t\t\tborder-color: #ffffff;\n\t\t\tbackground: #ffffff;\n\t\t\tcolor: #3f5b78;\n\t\t}\n\n\t\t&.button-v2--disabled {\n\t\t\tcolor: #ababab;\n\t\t\tbackground-color: transparent;\n\t\t\tborder-color: #eae8e8;\n\t\t}\n\t}\n\n\t&.button-v2--transparent {\n\t\tbackground: transparent;\n\t}\n}\n","@mixin line-clamp($numLines : 1, $lineHeight: 1.412) {\n\toverflow: hidden;\n\ttext-overflow: -o-ellipsis-lastline;\n\ttext-overflow: ellipsis;\n\tdisplay: block;\n\n\t/* autoprefixer: off */\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: $numLines;\n\t-webkit-box-orient: vertical;\n\tmax-height: $numLines * $lineHeight + unquote('em');\n}\n\n@mixin tran($duration : 200ms) {\n\ttransition: all $duration cubic-bezier(0.23, 1, 0.32, 1) 50ms;\n}\n","@mixin button {\n\t@include tran(250ms);\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-height: 36px;\n\theight: 38px;\n\tpadding: 4px 16px;\n\tfont-size: 12px;\n\tborder-radius: 2px;\n\tcursor: pointer;\n\tuser-select: none;\n\tbackground-image: none;\n\tborder: 1px solid transparent;\n\toutline: 0 none;\n\ttext-transform: inherit;\n\tfont-weight: normal;\n\n\t&:focus,\n\t&:active,\n\t&:hover,\n\t&:visited {\n\t\toutline: 0 none;\n\t}\n}\n","// Do not put any CSS in here, use globals.scss\n\n$color-dark: #6f787e;\n$color-dark-darker: #394044;\n\n$color-gray-lighter: #f8f8f8;\n$color-gray: #f0f0f0;\n$color-gray-darker: #ddd;\n$color-gray-darker-2: #bbb;\n$color-gray-darker-3: #bfc3c5;\n$color-gray-darker-4: #b1b4b6;\n\n$color-green: #19bd9b;\n$color-green-darker: #107a64;\n$color-green-lighter: #d4ece6;\n\n$color-yellow: #f9c815;\n$color-yellow-lighter: #feefbc;\n$color-yellow-darker: #7d6100;\n$color-note: #facc3d;\n\n$color-orange: #f99b2b;\n$color-orange-2: #ef7a13;\n\n$color-blue-darker: #265372;\n$color-blue-darker2: #2283c6;\n$color-blue-play: #3195d8;\n$color-blue: #3498db;\n$color-blue-lighter: #7fbce5;\n$color-blue-lighter2: #ccebf3;\n\n$color-red: #b94a48;\n$color-red-darker: #ff344f;\n$color-red-darker-100: #ba0f25;\n$color-pink: #ffabb6;\n\n$body-font-family: 'Roboto', sans-serif;\n$headline-font-family: 'Roboto', sans-serif;\n\n$z-index-header: 101;\n$z-index-menu: 102;\n$z-index-overlay-popup: 103;\n$z-index-visitor-sessions: 104;\n\n// Ditch bootstrap-sass\n$screen-xs-max: 767px;\n$line-height-base: 1.428571429;\n$screen-lg-min: 1200px;\n$screen-sm-max: 991px;\n$screen-xs-min: 480px;\n\n$color-facebook: #3f70ac;\n$color-twitter: #6ab2e1;\n\n$base: 16px;\n\n// From player\n\n$color-text: $color-dark-darker;\n$heading-text-color: $color-dark-darker;\n$min-width: 1000px;\n$color-error-text: $color-gray-darker-4;\n\n// Redesign\n\n$denim: #3e5b78;\n\n$color-green-r: #2ec09a;\n$color-green-hover-r: #27a684;\n\n$color-blue-r: #4693e0;\n$color-blue-lighter-r: #a9d4ff;\n$color-blue-lighter-2-r: #7ab2e6;\n$color-blue-darker-r: #4f769e;\n\n$color-red-r: #ff344f;\n\n@import '../style/mixins/input.scss';\n@import '../style/mixins/buttons.scss';\n@import '../style/mixins/global.scss';\n\n@mixin container() {\n\t.container__header {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tmin-height: 38px;\n\t\tflex-wrap: wrap;\n\n\t\t> div {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.container__header-title {\n\t\tcolor: $denim;\n\t\tfont-size: 14px;\n\t\tfont-weight: bold;\n\t}\n\n\t.container__header-selector {\n\t\tmargin-left: 32px;\n\t\twidth: 200px;\n\n\t\t@media (max-width: 499px) {\n\t\t\tmargin-left: 16px;\n\t\t}\n\n\t\t&--first {\n\t\t\tmargin-left: 0;\n\t\t}\n\t}\n\n\t.container__header-icon-button {\n\t\tborder-radius: 2px;\n\t\tbackground-color: #ffffff;\n\t\tborder: solid 1px #eae8e8;\n\t\tmargin-left: 2px;\n\t\tmargin-right: 0;\n\t}\n\n\t.container__header-button {\n\t\tmargin-left: 8px;\n\t}\n\n\t.container__content {\n\t\tmargin-top: 16px;\n\t}\n}\n\n@mixin table {\n\t.table-item {\n\t\theight: 80px;\n\t\tborder-radius: 2px;\n\t\tbackground-color: #ffffff;\n\t\tbox-shadow: 0 2px 4px 0 rgba(30, 81, 135, 0.08);\n\t\tborder: solid 1px #fafafa;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: 0 32px;\n\t\tfont-size: 14px;\n\t\tflex-wrap: wrap;\n\t\tcolor: $denim;\n\n\t\t&__view-name {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t.table-item__name {\n\t\t\t\tmargin-left: 32px;\n\t\t\t}\n\t\t}\n\n\t\t&__actions {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__action {\n\t\t\t&--button {\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t}\n\t}\n\n\t.table-empty {\n\t\tfont-size: 14px;\n\t\tmargin-top: 32px;\n\t\tcolor: $denim;\n\t}\n\n\t.table-item + .table-item {\n\t\tmargin-top: 2px;\n\t}\n\n\t.table-item__action + .table-item__action {\n\t\tmargin-left: 32px;\n\t}\n}\n\n@mixin searchSection() {\n\t.search-section {\n\t\t&__title {\n\t\t\tcolor: #2ec09a;\n\t\t\tfont-size: 12px;\n\t\t\tpadding: 0 8px;\n\t\t\ttext-transform: uppercase;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tfont-weight: bold;\n\t\t\tletter-spacing: 1px;\n\t\t\tuser-select: none;\n\t\t}\n\n\t\t&__icon {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tfont-size: 18px;\n\t\t\tmargin-right: 8px;\n\t\t}\n\n\t\t&__upgrade {\n\t\t\tposition: absolute;\n\t\t\ttop: 23px;\n\t\t\tleft: 6px;\n\t\t\tfont-size: 9px;\n\t\t\tcolor: #2ec09a;\n\t\t\tborder: 1px solid #2ec09a;\n\t\t\tborder-radius: 10px;\n\t\t\tpadding: 1px 4px;\n\t\t\tbackground-color: white;\n\t\t}\n\n\t\t&__list {\n\t\t\tmargin-top: 8px;\n\n\t\t\tul {\n\t\t\t\tlist-style-type: none;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-right: 32px;\n\t\t\t\tcolor: #6f787e;\n\t\t\t}\n\n\t\t\tli {\n\t\t\t\tpadding: 6px 8px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tuser-select: none;\n\t\t\t\tposition: relative;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-radius: 2px;\n\t\t\t\t\tbackground-color: #ededed;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tli.active {\n\t\t\t\t&::after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin-left: 8px;\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t\twidth: 8px;\n\t\t\t\t\theight: 8px;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tbackground-color: $denim;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: -16px;\n\t\t\t\t\ttop: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin searchRule() {\n\t.rule {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&__header {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: center;\n\t\t\theight: 46px;\n\t\t\tbackground-color: $denim;\n\t\t\tborder-top-left-radius: 2px;\n\t\t\tborder-top-right-radius: 2px;\n\t\t\tcolor: white;\n\t\t}\n\n\t\t&-title {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: bold;\n\t\t\tpadding: 16px;\n\t\t}\n\n\t\t&-subtitle {\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t&-close {\n\t\t\tpadding: 16px;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&__body {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tpadding: 4px;\n\t\t\tborder: solid 1px #eeeeee;\n\t\t\tborder-bottom-left-radius: 2px;\n\t\t\tborder-bottom-right-radius: 2px;\n\t\t\tcolor: $denim;\n\t\t\tfont-size: 14px;\n\n\t\t\t> div:not(.component-select-input-v2) {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\n\t\t\t\t> *:not(:first-child) {\n\t\t\t\t\tmargin-left: 4px;\n\t\t\t\t}\n\n\t\t\t\t> * {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\n\t\t\t\t> input[type='text'],\n\t\t\t\t> input[type='number'] {\n\t\t\t\t\tflex: 2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> div:not(:first-child) {\n\t\t\t\tmargin-top: 4px;\n\t\t\t}\n\t\t}\n\t\t&__row {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t\t.loading {\n\t\t\tfilter: blur(2px);\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n}\n\n@mixin shadow($shadow) {\n\tbox-shadow: $shadow;\n}\n\n@mixin popup($width: 580px, $height: 280px) {\n\t@include shadow(000010px 00rgba (0, 0, 0, 0.2));\n\n\tposition: fixed;\n\ttop: 50%;\n\tz-index: $z-index-overlay-popup;\n\tleft: 50%;\n\twidth: $width;\n\tmargin-left: -$width / 2;\n\theight: $height;\n\tmargin-top: -$height;\n\tborder-radius: 4px;\n\tborder: 1px solid #dddddd;\n}\n\n@mixin warning() {\n\tmargin: 16px 0;\n\tbackground-color: $color-yellow-lighter;\n\ttext-align: center;\n\tpadding: 16px;\n\tfont-size: 14px;\n\n\tdiv {\n\t\tmargin-bottom: 8px;\n\t}\n\n\t.fa {\n\t\tfont-size: 150%;\n\t}\n\n\t.title {\n\t\tcolor: $color-dark;\n\t}\n\n\t.action {\n\t\tcolor: $color-dark;\n\t\ttext-decoration: underline;\n\t\tcursor: pointer;\n\n\t\ta {\n\t\t\tcolor: $color-dark;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: $color-dark-darker;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin ellipsis {\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n@mixin badge {\n\tpadding-left: 6px;\n\tpadding-right: 6px;\n\tpadding-top: 2px;\n\tpadding-bottom: 2px;\n\tcolor: white;\n\tborder-radius: 4px;\n\tdisplay: inline-block;\n\tfont-weight: normal;\n\tfont-size: 11px;\n\ttext-transform: uppercase;\n}\n\n@mixin badge-lg {\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n\tpadding-top: 4px;\n\tpadding-bottom: 4px;\n\tfont-size: 13px;\n}\n\n@mixin badge-free {\n\t@include badge();\n\n\tbackground-color: $color-gray-darker-2;\n}\n\n@mixin badge-premium {\n\t@include badge();\n\n\tbackground-color: $color-blue-lighter;\n}\n\n@mixin badge-beta {\n\t@include badge();\n\n\tbackground-color: $color-orange;\n}\n\n@mixin badge-operator {\n\t@include badge();\n\n\tbackground-color: $color-gray-darker;\n\tmargin-left: $base;\n\tmargin-top: $base / 4;\n}\n\n@mixin badge-upsell {\n\t@include badge();\n\n\tbackground-color: $color-green;\n\tmargin-left: $base / 2;\n\ttext-shadow: 1px 0 1px rgba(150, 150, 150, 1);\n}\n\n@mixin socialButton($backgroundColor, $color: #fff) {\n\tcolor: $color;\n\tbackground-color: $backgroundColor;\n\tborder: none;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: $color;\n\t\tbackground-color: darken($backgroundColor, 10%);\n\t}\n}\n\n@mixin btn-action-secondary {\n\toutline: 0 none;\n\ttransition: all 200ms linear;\n\tbackground-color: $color-gray-darker;\n\tborder-color: $color-gray-darker;\n\tcolor: $color-dark-darker;\n\tmin-width: 70px;\n\tborder-radius: 2px;\n\tfont-size: 13px;\n\n\t&:hover,\n\t&:active,\n\t&:focus {\n\t\toutline: 0 none;\n\t}\n\n\t&:hover {\n\t\tcolor: $color-dark-darker;\n\t\tbackground-color: #d3d3d3;\n\t}\n}\n\n// From player\n\n@mixin transition($transition) {\n\ttransition: $transition;\n}\n\n@mixin event($type) {\n\tbox-sizing: content-box;\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tborder: 2px solid #f9f9f9;\n\n\t@if $type == 'click' {\n\t\tbackground-color: #4693e0;\n\t\tcolor: #4693e0;\n\t}\n\n\t@if $type == 'url' {\n\t\tbackground-color: #2ec09a;\n\t\tcolor: #2ec09a;\n\t}\n\n\t@if $type == 'error' {\n\t\tbackground-color: #ff344f;\n\t\tcolor: #ff344f;\n\t\twidth: 8px;\n\t\theight: 8px;\n\t}\n\n\t@if $type == 'text' {\n\t\tbackground-color: #b98948;\n\t\tcolor: #b98948;\n\t}\n\n\t@if $type == 'knob' {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tbackground-color: #2ec09a;\n\t\tborder-color: #2ec09a;\n\t}\n\n\t@if $type == 'note' {\n\t\tbackground-color: transparent;\n\t\tborder-color: #f9d006;\n\t}\n\n\t@if $type == 'custom' {\n\t\tbackground-color: #6f787e;\n\t\tborder-color: #f9f9f9;\n\t}\n}\n\n.icon-wrapper {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n"],"sourceRoot":""}