Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

tmf / @doodle/components js

Repository URL to install this package:

Version: 
3.11.7-rc5  ▾
Details    
@doodle/components / styles.dev.css
Size: Mime: 
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,500i,400italic,700,700italic|Caveat+Brush);/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css *//* Document
   ========================================================================== *//**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */html{line-height:1.15; /* 1 */-ms-text-size-adjust:100%; /* 2 */-webkit-text-size-adjust:100% /* 2 */}/* Sections
   ========================================================================== *//**
 * Remove the margin in all browsers (opinionated).
 */body{margin:0}/**
 * Add the correct display in IE 9-.
 */article,aside,footer,header,nav,section{display:block}/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1{font-size:2em;margin:.67em 0}/* Grouping content
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */figcaption,figure,main{ /* 1 */display:block}/**
 * Add the correct margin in IE 8.
 */figure{margin:1em 40px}/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr{-webkit-box-sizing:content-box;box-sizing:content-box; /* 1 */height:0; /* 1 */overflow:visible /* 2 */}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre{font-family:monospace,monospace; /* 1 */font-size:1em /* 2 */}/* Text-level semantics
   ========================================================================== *//**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */a{background-color:transparent; /* 1 */-webkit-text-decoration-skip:objects /* 2 */}/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title]{border-bottom:none; /* 1 */text-decoration:underline; /* 2 */-webkit-text-decoration:underline dotted;text-decoration:underline dotted /* 2 */}/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */b,strong{font-weight:inherit;font-weight:bolder}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 *//**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,kbd,samp{font-family:monospace,monospace; /* 1 */font-size:1em /* 2 */}/**
 * Add the correct font style in Android 4.3-.
 */dfn{font-style:italic}/**
 * Add the correct background and color in IE 9-.
 */mark{background-color:#ff0;color:#000}/**
 * Add the correct font size in all browsers.
 */small{font-size:80%}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}/* Embedded content
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 */audio,video{display:inline-block}/**
 * Add the correct display in iOS 4-7.
 */audio:not([controls]){display:none;height:0}/**
 * Remove the border on images inside links in IE 10-.
 */img{border-style:none}/**
 * Hide the overflow in IE.
 */svg:not(:root){overflow:hidden}/* Forms
   ========================================================================== *//**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */button,input,optgroup,select,textarea{font-family:sans-serif; /* 1 */font-size:100%; /* 1 */line-height:1.15; /* 1 */margin:0 /* 2 */}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,input{ /* 1 */overflow:visible}/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,select{ /* 1 */text-transform:none}/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 *//* 1 */ [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button /* 2 */}/**
 * Remove the inner border and padding in Firefox.
 */[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}/**
 * Restore the focus styles unset by the previous rule.
 */[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}/**
 * Correct the padding in Firefox.
 */fieldset{padding:.35em .75em .625em}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend{-webkit-box-sizing:border-box;box-sizing:border-box; /* 1 */color:inherit; /* 2 */display:table; /* 1 */max-width:100%; /* 1 */padding:0; /* 3 */white-space:normal /* 1 */}/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress{display:inline-block; /* 1 */vertical-align:baseline /* 2 */}/**
 * Remove the default vertical scrollbar in IE.
 */textarea{overflow:auto}/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box; /* 1 */padding:0 /* 2 */}/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */[type=search]{-webkit-appearance:textfield; /* 1 */outline-offset:-2px /* 2 */}/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button{-webkit-appearance:button; /* 1 */font:inherit /* 2 */}/* Interactive
   ========================================================================== *//*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 *//* 1 */ menu,details{display:block}/*
 * Add the correct display in all browsers.
 */summary{display:list-item}/* Scripting
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 */canvas{display:inline-block}/**
 * Add the correct display in IE.
 *//* Hidden
   ========================================================================== *//**
 * Add the correct display in IE 10-.
 */[hidden],template{display:none}:root{--color-ink:#2f3740;--color-ink-1:#6a7685;--color-ink-2:#b7c4d2;--color-ink-3:#8694a6;--color-ink-4:#a0aebd;--color-ink-5:#b7c4d2;--color-ink-6:#d3dce3;--color-ink-7:#ebeff2;--color-dark-blue:#215bb2;--color-blue:#2372e8;--color-blue-tint20:#4fa6f8;--color-blue-tint10:#4fa6f8;--color-light-blue:#98cdfb;--color-lightest-blue:#ddeffe;--color-dark-green:#517d0f;--color-green:#6a9f19;--color-green-tint20:#abdb61;--color-green-tint10:#abdb61;--color-light-green:#cdeaa1;--color-lightest-green:#ebf7d4;--color-dark-yellow:#936e10;--color-yellow:#f7be00;--color-yellow-tint20:#ffd138;--color-yellow-tint10:#ffd138;--color-light-yellow:#ffe58f;--color-lightest-yellow:#fff0b3;--color-dark-accent:#962708;--color-accent:#dd3809;--color-accent-tint20:#f25b36;--color-accent-tint10:#f25b36;--color-light-accent:#f9a590;--color-lightest-accent:#fedbd2;--color-dark-red:#b8141a;--color-red:#f2a6a8;--color-red-tint20:#e9676c;--color-light-red:#fbe0e1;--color-lightest-red:#fef6f6;--color-dark-soil:#dfd8d2;--color-soil:#eae4df;--color-light-soil:#f5f2ef;--color-paper:#faf7f5;--color-dark-teal:#037a63;--color-teal:#43cdb4;--color-light-teal:#8bead9;--color-lightest-teal:#c8fbf2;--color-dark-purple:#405180;--color-purple:#6f82b7;--color-light-purple:#98a8d7;--color-lightest-purple:#d4defa;--color-ice:#f8f9fa;--shadow-1:0 1.5px 4px rgba(0,0,0,.24),0 1.5px 6px rgba(0,0,0,.12);--shadow-2:0 3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16);--shadow-3:0 6px 12px rgba(0,0,0,.23),0 10px 40px rgba(0,0,0,.19);--shadow-4:0 10px 20px rgba(0,0,0,.22),0 14px 56px rgba(0,0,0,.25);--shadow-5:0 15px 24px rgba(0,0,0,.22),0 19px 76px rgba(0,0,0,.3);--negative-shadow-2:0 -3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16);--color-brand-text:#143261;--color-brand-800:#1b4686;--color-brand-700:#215bb2;--color-brand-600:#2567ca;--color-brand-500:#2372e8;--color-brand-400:#4fa6f8;--color-brand-300:#98cdfb;--color-brand-200:#ddeffe;--color-brand-100:#f5fbff;--color-accent-text:#4f1809;--color-accent-800:#76220a;--color-accent-700:#962708;--color-accent-600:#bd320a;--color-accent-500:#dd3809;--color-accent-400:#f25b36;--color-accent-300:#f9a590;--color-accent-200:#fedbd2;--color-accent-100:#fff7f5;--color-neutral-text:#2f3740;--color-neutral-800:#45505e;--color-neutral-700:#6a7685;--color-neutral-600:#8694a6;--color-neutral-500:#a0aebd;--color-neutral-400:#b7c4d2;--color-neutral-300:#d3dce3;--color-neutral-200:#ebeff2;--color-neutral-100:#f8f9fa;--color-white:#fff;--color-red-100:#fef6f6;--color-red-200:#fbe0e1;--color-red-300:#f2a6a8;--color-red-400:#e9676c;--color-red-500:#d3171e;--color-red-600:#b8141a;--color-red-700:#931015;--color-red-800:#781115;--color-red-text:#4e0e10;--color-yellow-100:#fefaeb;--color-yellow-200:#fff0b3;--color-yellow-300:#ffe58f;--color-yellow-400:#ffd138;--color-yellow-500:#f7be00;--color-yellow-600:#cb980b;--color-yellow-700:#936e10;--color-yellow-800:#674c0f;--color-yellow-text:#43310a;--color-green-100:#f9fdf1;--color-green-200:#ebf7d4;--color-green-300:#cdeaa1;--color-green-400:#abdb61;--color-green-500:#88c924;--color-green-600:#6a9f19;--color-green-700:#517d0f;--color-green-800:#426111;--color-green-text:#283b0c;--font-family-primary:"Fira Sans","Arial",sans-serif;--font-family-handwritten:"Caveat Brush","Comic Sans",sans-serif;/* Old font size variables */--font-size-s-1:14px;--font-size-m-1:18px;--font-size-m-2:20px;--font-size-m-3:24px;--font-size-l-1:27px;--font-size-l-2:32px;--font-size-l-3:40px;/* New font size variables */--font-size:16px;--font-size-tiny:14px;--font-size-medium:18px;--font-size-large:20px;--font-size-x-large:24px;--font-size-xx-large:27px;--font-size-display-medium:32px;--font-size-display-large:40px;--font-weight-bold:500;--font-weight-medium:400;--font-weight-regular:300;--font-weight-light:100;--page-max-width:850px;--border-radius:2px;--border-radius-2x:4px;--space:8px;--space-2x:16px;--space-3x:24px;--space-4x:32px;--space-5x:40px;--space-6x:48px;--space-7x:56px;--space-8x:64px;--space-9x:72px;--space-10x:80px;--velocity:500ms}/* Make sure to update the docs in measures.md when changing these breakpoints *//* @deprecated *//* @deprecated *//* @deprecated */*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{background-color:#fff;color:#333;line-height:1.5;font-family:Fira Sans,Arial,sans-serif;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2f3740}/* OLD TYPOGRAPHY STYLES */.u-h1{font-size:24px}.u-h1,.u-h2{font-family:Fira Sans,Arial,sans-serif;font-weight:400}.u-h2{font-size:18px}.u-h3{font-size:14px;text-transform:uppercase}.u-h3,.u-h4{font-family:Fira Sans,Arial,sans-serif;font-weight:400}.u-h4{font-size:20px}.u-titleXS{font-size:27px}.u-titleS,.u-titleXS{font-family:Fira Sans,Arial,sans-serif;font-weight:400}.u-titleS{font-size:32px}/* NEW TYPOGRAPY STYLES */.display-xx-large,.u-titleL{font-family:Fira Sans,Arial,sans-serif;font-size:40px;font-weight:300}.display-x-large{font-size:32px}.display-large,.display-x-large{font-family:Fira Sans,Arial,sans-serif;font-weight:400}.display-large{font-size:27px}.display-medium{font-size:24px}.display-medium,.display-small{font-family:Fira Sans,Arial,sans-serif;font-weight:400}.display-small{font-size:18px}.display-x-small{font-size:14px;text-transform:uppercase}.display-x-small,.large{font-family:Fira Sans,Arial,sans-serif;font-weight:400}.large{font-size:20px}.body{font-size:16px}.body,.tiny{font-family:Fira Sans,Arial,sans-serif;font-weight:400}.tiny{font-size:14px}.display-xx-large--soft{font-family:Fira Sans,Arial,sans-serif;font-size:40px;font-weight:300;color:#6a7685}.display-x-large--soft{font-size:32px}.display-large--soft,.display-x-large--soft{font-family:Fira Sans,Arial,sans-serif;font-weight:400;color:#6a7685}.display-large--soft{font-size:27px}.display-medium--soft{font-size:24px}.display-medium--soft,.display-small--soft{font-family:Fira Sans,Arial,sans-serif;font-weight:400;color:#6a7685}.display-small--soft{font-size:18px}.display-x-small--soft{font-size:14px;text-transform:uppercase}.display-x-small--soft,.large--soft{font-family:Fira Sans,Arial,sans-serif;font-weight:400;color:#6a7685}.large--soft{font-size:20px}.body--soft{font-size:16px}.body--soft,.tiny--soft{font-family:Fira Sans,Arial,sans-serif;font-weight:400;color:#6a7685}.tiny--soft{font-size:14px}.bold{font-weight:500}.bold,.italic{font-family:Fira Sans,Arial,sans-serif;font-size:16px}.italic{font-weight:400;font-style:italic}.link{color:#2372e8;text-decoration:underline}.error,.link{font-family:Fira Sans,Arial,sans-serif;font-size:16px;font-weight:500}.error{color:#d3171e;font-style:italic}/**
 * Inline List
 */.u-inlineList{list-style-type:none;padding:0;margin:0;text-align:center}/**
 * Bad for performances...
 */.u-inlineList li{display:inline-block}.u-inlineList li:not(:last-child):after{content:"\2022";margin:0 8px}.u-fieldset{margin:0;padding:0;border:none;min-width:0}/**
 * Visible only to screen readers
 * Credits: https://github.com/twbs/bootstrap/blob/29d58fb758683db42c2d716ac654dea3ab6063c7/scss/mixins/_screen-reader.scss
 */.u-srOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.DateStack{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.DateStack-day{line-height:1}.DateStack-month{line-height:1.6;text-transform:uppercase}:root{--menu-width:calc(100% - 4px); /* based on Input component width */--input-padding-left:38px;--icon-top:20px;--downArrow-top:calc(50% - 11px);--input-width:calc(100% - 16px);--iconClose-right:10px;--menu-margin:2px 0 0;--icon-z-index:4;--input-border-invalid:0 0 0 2px #b8141a;--button-padding:15px 25px 15px 20px}.Autocomplete-menu{border-radius:2px;border:1px solid #d3dce3;min-height:48px;max-height:250px;background:#fff;cursor:pointer;width:calc(100% - 4px);margin:2px 0 0;overflow-y:scroll;position:absolute}.Autocomplete-menu>:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Autocomplete-menu>:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.Autocomplete-wrapper{width:100%;min-width:100%;margin:8px 0;z-index:3;border:1px solid #d3dce3}.Autocomplete-wrapper .Button{width:100%}.Autocomplete-mobileIcon{display:none}.Autocomplete--close .Button--white{background-repeat:no-repeat;background-size:22px 22px;background-position:100%;padding:15px 25px 15px 20px}.Autocomplete--close input[value]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Autocomplete--open .Input-field{background-size:0 0}.Autocomplete-wrapper--invalid .Button--white{-webkit-box-shadow:0 0 0 2px #b8141a;box-shadow:0 0 0 2px #b8141a}@media (min-width:826px){.Autocomplete--open .Autocomplete-wrapper{position:relative}}@media (max-width:825px){.Autocomplete--open .Autocomplete-wrapper{position:fixed;top:0;left:0;background-color:#faf7f5}.Autocomplete--open .Autocomplete-menu{height:100vh;max-height:100vh;width:100vw;top:64px;left:0;margin:0;padding:0}.Autocomplete--open .Autocomplete-input{height:48px;width:calc(100% - 16px);border-bottom:1px solid #45505e;padding-left:40px;margin:8px}.Autocomplete--open .Autocomplete-menu{-webkit-box-shadow:none;box-shadow:none;border-radius:0}.Autocomplete--open .Autocomplete-mobileIcon{display:block;position:fixed;top:20px;z-index:4;color:#a0aebd;cursor:pointer}.Autocomplete--open .Autocomplete-closeIcon{right:10px}.Autocomplete--open .Autocomplete-backIcon{left:16px}}.Autocomplete--open .InputFeedback--error{display:none}:root{--icon-button-dimension:44px;--icon-button-small-dimension:32px;--icon-button-icon-dimension:22px;--regular-button-height:44px;--compact-button-height:36px;--very-compact-button-height:26px;--button-velocity:300ms}.Button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;

  /* TODO find a better solution when dealing with long labels that break lines... */padding:10px 20px;border:none;border-radius:2px;min-height:44px;font-size:16px;font-family:Fira Sans,Arial,sans-serif;font-weight:500;text-decoration:none;cursor:pointer;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.Button--accent{color:#fff;background-color:#dd3809}.Button--accent.Button--hover,.Button--accent:hover{background-color:#f25b36}.Button--accent.Button--focus,.Button--accent:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--accent.Button--active,.Button--accent:active{background-color:#dd3809}.Button--accent:disabled{background-color:#d3dce3;color:#6a7685;cursor:auto}.Button--flatAccent{color:#fff;background-color:#dd3809}.Button--flatAccent.Button--hover,.Button--flatAccent:hover{background-color:#f25b36}.Button--flatAccent.Button--focus,.Button--flatAccent:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--flatAccent.Button--active,.Button--flatAccent:active{background-color:#f25b36}.Button--flatAccent:disabled{background-color:#d3dce3;color:#6a7685;cursor:auto}.Button--flatAccent{-webkit-box-shadow:none;box-shadow:none}.Button--green{color:#fff;background-color:#517d0f}.Button--green.Button--hover,.Button--green:hover{background-color:#426111}.Button--green.Button--focus,.Button--green:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--green.Button--active,.Button--green:active{background-color:#517d0f}.Button--green:disabled{background-color:#d3dce3;color:#6a7685;cursor:auto}.Button--blue{color:#fff;background-color:#2372e8}.Button--blue.Button--hover,.Button--blue:hover{background-color:#2567ca}.Button--blue.Button--focus,.Button--blue:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--blue.Button--active,.Button--blue:active{background-color:#2567ca}.Button--blue:disabled{background-color:#d3dce3;color:#6a7685;cursor:auto}.Button--yellow{color:#45505e;background-color:#ffd138}.Button--yellow.Button--hover,.Button--yellow:hover{background-color:#ffe58f}.Button--yellow.Button--focus,.Button--yellow:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--yellow.Button--active,.Button--yellow:active{background-color:#ffd138}.Button--yellow:disabled{background-color:#d3dce3;color:#6a7685;cursor:auto}.Button--white{color:#45505e;background-color:#fff}.Button--white.Button--hover,.Button--white:hover{background-color:#ebeff2}.Button--white.Button--focus,.Button--white:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--white.Button--active,.Button--white:active{background-color:#fff}.Button--white:disabled{background-color:#d3dce3;color:#6a7685;cursor:auto}.Button--whiteWithBorder{color:#45505e;background-color:#fff}.Button--whiteWithBorder.Button--hover,.Button--whiteWithBorder:hover{background-color:#ebeff2}.Button--whiteWithBorder.Button--focus,.Button--whiteWithBorder:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--whiteWithBorder.Button--active,.Button--whiteWithBorder:active{background-color:#fff}.Button--whiteWithBorder:disabled{background-color:#d3dce3;color:#6a7685;cursor:auto}.Button--whiteWithBorder{border:1px solid #d3dce3}.Button--linkBlue{color:#2372e8;background-color:transparent;text-decoration:none}.Button--linkBlue.Button--hover,.Button--linkBlue:hover{text-decoration:underline;color:#2567ca}.Button--linkBlue.Button--active,.Button--linkBlue:active{text-decoration:underline}.Button--linkBlue.Button--focus,.Button--linkBlue:focus{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--linkBlue:disabled{color:#6a7685;text-decoration:none;cursor:auto}.Button--linkWhite{color:#fff;background-color:transparent;text-decoration:none}.Button--linkWhite.Button--hover,.Button--linkWhite:hover{text-decoration:underline;color:#fff}.Button--linkWhite.Button--active,.Button--linkWhite:active{text-decoration:underline}.Button--linkWhite.Button--focus,.Button--linkWhite:focus{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--linkWhite:disabled{color:#6a7685;text-decoration:none;cursor:auto}.Button--linkWhite.Button--active,.Button--linkWhite.Button--hover,.Button--linkWhite:active,.Button--linkWhite:hover{color:#fff}.Button--linkDark{color:#45505e;background-color:transparent;text-decoration:none}.Button--linkDark.Button--hover,.Button--linkDark:hover{text-decoration:underline;color:#6a7685}.Button--linkDark.Button--active,.Button--linkDark:active{text-decoration:underline}.Button--linkDark.Button--focus,.Button--linkDark:focus{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--linkDark:disabled{color:#6a7685;text-decoration:none;cursor:auto}.Button--linkRed{color:#d3171e;background-color:transparent;text-decoration:none}.Button--linkRed.Button--hover,.Button--linkRed:hover{text-decoration:underline;color:#b8141a}.Button--linkRed.Button--active,.Button--linkRed:active{text-decoration:underline}.Button--linkRed.Button--focus,.Button--linkRed:focus{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Button--linkRed:disabled{color:#6a7685;text-decoration:none;cursor:auto}.Button--flatAccent.Button--focus,.Button--flatAccent:focus,.Button--linkBlue.Button--focus,.Button--linkBlue:focus,.Button--linkDark.Button--focus,.Button--linkDark:focus,.Button--linkRed.Button--focus,.Button--linkRed:focus,.Button--linkWhite.Button--focus,.Button--linkWhite:focus{outline:none}.Button-subLabel{font-size:14px;font-weight:400}.Button-icon{margin-top:-1px;-webkit-box-flex:0;-ms-flex:0 0 22px;flex:0 0 22px;vertical-align:middle}.Button-icon:first-child{margin-right:8px;margin-left:-4px}.Button-icon:last-child{margin-right:-4px;margin-left:8px}.Button-label{text-align:left;line-height:1.4}.Button--multiLabelButton{padding:5px 20px 4px}.Button--multiLabelButton .Button-contentWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.Button--multiLabelButton .Button-label,.Button--multiLabelButton .Button-subLabel{white-space:nowrap}.Button--multiLabelButton .Button-label:first-child,.Button--multiLabelButton .Button-subLabel:first-child{margin-bottom:2px}.Button--iconButton{width:44px;height:44px;min-height:auto;padding:0;border-radius:44px}.Button--iconButton.Button--small{width:32px;height:32px;border-radius:32px}.Button--iconButton .Button-icon{margin:0}.Button-labelOverlay{display:none}.Button--loading{position:relative}.Button--loading .Button-icon,.Button--loading .Button-label{opacity:0}.Button--loading .Button-labelOverlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;width:100%;height:100%}@media (max-width:825px){.Button--responsive .Button-label{display:none}.Button--responsive .Button-icon{margin:0}}.Button--compact{min-height:36px;padding:0 16px}.Button--very-compact{font-size:14px;min-height:26px;padding:0 16px}.Button--very-compact .Button-icon{width:16px}:root{--checkmark-top:3px;--checkmark-left:3px;--label-margin-top:1px}.Checkbox{display:-webkit-box;display:-ms-flexbox;display:flex}.Checkbox-checkboxElement{position:absolute;opacity:0}.Checkbox-checkboxElement+.Checkbox-label{position:relative;padding-left:40px;cursor:pointer;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.Checkbox-checkboxElement+.Checkbox-label:before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;background:#fff;border-radius:2px;-webkit-box-shadow:0 0 0 1px #b7c4d2;box-shadow:0 0 0 1px #b7c4d2}.Checkbox-checkboxElement+.Checkbox-label:after{content:url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25' preserveAspectRatio='xMidYMin meet'%3e%3cg stroke='%2387C627' fill='%2387C627'%3e%3cpath class='d-check' d='M4.32396433,9.37778351 C3.37970535,8.37044034 1.79761921,8.31930049 0.790276044,9.26355947 C-0.217067126,10.2078185 -0.268206967,11.7899046 0.676052011,12.7972478 L9.02441295,21.7033472 L23.2153546,8.31868383 C24.2197823,7.37132415 24.266045,5.78908789 23.3186853,4.78466024 C22.3713256,3.78023259 20.7890894,3.73396986 19.7846617,4.68132954 L9.24230403,14.6247084 L4.32396433,9.37778351 Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");position:absolute;top:3px;left:3px;width:18px}.Checkbox-checkboxElement:hover+.Checkbox-label:before{-webkit-box-shadow:0 0 0 1px #215bb2;box-shadow:0 0 0 1px #215bb2}.Checkbox-checkboxElement:not(:checked)+.Checkbox-label:after{opacity:0}.Checkbox-checkboxElement:disabled+.Checkbox-label:before{background-color:#d3dce3;-webkit-box-shadow:none;box-shadow:none;content:"";cursor:default}.Checkbox-checkboxElement:disabled:focus+.Checkbox-label:before,.Checkbox-checkboxElement:disabled:hover+.Checkbox-label:before{-webkit-box-shadow:none;box-shadow:none}.Checkbox-checkboxElement:disabled+.Checkbox-label:after{cursor:default}.Checkbox-checkboxElement:disabled:checked+.Checkbox-label:after{content:url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25' preserveAspectRatio='xMidYMin meet'%3e%3cg stroke='%23ffffff' fill='%23ffffff'%3e%3cpath class='d-check' d='M4.32396433,9.37778351 C3.37970535,8.37044034 1.79761921,8.31930049 0.790276044,9.26355947 C-0.217067126,10.2078185 -0.268206967,11.7899046 0.676052011,12.7972478 L9.02441295,21.7033472 L23.2153546,8.31868383 C24.2197823,7.37132415 24.266045,5.78908789 23.3186853,4.78466024 C22.3713256,3.78023259 20.7890894,3.73396986 19.7846617,4.68132954 L9.24230403,14.6247084 L4.32396433,9.37778351 Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.Checkbox-checkboxElement:disabled:focus+.Checkbox-label{-webkit-box-shadow:none;box-shadow:none}/* to have label starting exactly in the middle of checkox*/.Checkbox-labelText{margin-top:1px}.Checkbox--dark .Checkbox-checkboxElement:focus+.Checkbox-label:before{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Checkbox--dark .Checkbox-labelText{color:#2f3740}.Checkbox--dark .Checkbox-sublabelText{color:#6a7685}.Checkbox--light .Checkbox-checkboxElement:focus+.Checkbox-label:before{-webkit-box-shadow:0 0 0 2px #4fa6f8;box-shadow:0 0 0 2px #4fa6f8}.Checkbox--light .Checkbox-labelText{color:#fff}.Checkbox--light .Checkbox-sublabelText{color:#ebeff2}.Checkbox--light .Checkbox-checkboxElement+.Checkbox-label:before{-webkit-box-shadow:none;box-shadow:none}.Checkbox-sublabelText{font-style:italic;line-height:1.4;opacity:.7}.CopyLink{cursor:pointer;text-decoration:none}.CopyLink:hover{text-decoration:underline}.CopyLink--blue{color:#2372e8}.CopyLink--white{color:#fff}.CopyLink--dark{color:#45505e}:root{--radioButtonWidth:50px;--radioButtonWidthWithBorder:54px;--radioButtonHeight:100%;--radioButtonHeightBorder:calc(100% + 4px)}.CustomRadioButtons-title{margin-bottom:4px;margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex}.CustomRadioButtons-title p{display:inline;margin:0 8px 0 0}.CustomRadioButtons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border:2px solid #d3dce3;border-radius:4px;height:44px; /* Using min-height here will break in IE11 */font-size:16px;font-family:Fira Sans,Arial,sans-serif;text-decoration:none;background-color:#d3dce3}.CustomRadioButtons .CustomRadioButtons-option{position:relative}.CustomRadioButtons label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#6a7685;background:#fff;height:100%;min-width:50px;padding:0 4px}.CustomRadioButtons input[type=radio]{display:none;opacity:0;position:absolute}.CustomRadioButtons input[type=radio]:checked+label{outline:0;background-color:#2372e8;color:#fff;border:3px solid #2372e8;height:calc(100% + 4px)}.CustomRadioButtons input[type=radio]:checked+label:before,.CustomRadioButtons input[type=radio]:focus+label:before,.CustomRadioButtons input[type=radio]:hover+label:before{content:"";position:absolute;top:-2px;bottom:0;border:3px solid #2372e8;height:calc(100% + 4px)}.CustomRadioButtons .CustomRadioButtons-option--middle+.CustomRadioButtons-option--middle label{border-left:2px solid #d3dce3}.CustomRadioButtons .CustomRadioButtons-option--middle label:before{border-right:2px solid #d3dce3;border-left:2px solid #d3dce3;left:0;right:0}.CustomRadioButtons .CustomRadioButtons-option--middle input[type=radio]:checked+label{height:calc(100% + 4px);margin-top:-2px}.CustomRadioButtons .CustomRadioButtons-option--middle input[type=radio]:checked+label:before,.CustomRadioButtons .CustomRadioButtons-option--middle input[type=radio]:focus+label:before,.CustomRadioButtons .CustomRadioButtons-option--middle input[type=radio]:hover+label:before{width:calc(100% + 4px);left:-1px;z-index:1}.CustomRadioButtons .CustomRadioButtons-option--single label{top:-2px;position:absolute;left:-2px;border-radius:2px}.CustomRadioButtons .CustomRadioButtons-option--single label:before{display:none}.CustomRadioButtons .CustomRadioButtons-option--first label,.CustomRadioButtons .CustomRadioButtons-option--first label:before{border-right:2px solid #d3dce3;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;border-top-left-radius:2px;left:-2px;right:0}.CustomRadioButtons .CustomRadioButtons-option--first input[type=radio]:checked+label{height:calc(100% + 4px);margin-top:-2px}.CustomRadioButtons .CustomRadioButtons-option--last label,.CustomRadioButtons .CustomRadioButtons-option--last label:before{border-left:2px solid #d3dce3;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0;border-top-left-radius:0;right:-2px;left:0}.CustomRadioButtons .CustomRadioButtons-option--last input[type=radio]:checked+label{height:calc(100% + 4px);margin-top:-2px}.CustomRadioButtons .CustomRadioButtons-option--first+.CustomRadioButtons-option--middle input[type=radio]:checked+label:before,.CustomRadioButtons .CustomRadioButtons-option--first+.CustomRadioButtons-option--middle input[type=radio]:focus+label:before,.CustomRadioButtons .CustomRadioButtons-option--first+.CustomRadioButtons-option--middle input[type=radio]:hover+label:before{width:calc(100% + 4px);left:-2px;z-index:1}:root{--menu-max-height:250px;--wrapper-z-index:3;--wrapper-margin:8px;--input-box-shadow-invalid:0 0 0 2px #b8141a;--caretIcon-right:4px;--caretIcon-top:12px;--rrs__options-top:50px;--rrs__button-line-height:44px}.rrs{position:relative;margin:8px 0}.rrs__button{color:#45505e;font-weight:500;position:relative;cursor:pointer;line-height:44px;background:#fff;border-radius:2px;border:1px solid #d3dce3}.rrs__button:hover{background-color:#ebeff2}.rrs__button:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.rrs__button--disabled{color:#6a7685;cursor:auto}.rrs__button--disabled,.rrs__button--disabled:hover{background-color:#d3dce3}.rrs__button+.rrs__options{list-style:none;padding:0;margin:0;background:#fff;position:absolute;z-index:2;border:1px solid #d3dce3;border-radius:2px;top:50px;width:100%;height:0;visibility:hidden;overflow:hidden}.rrs--options-visible .rrs__options{height:auto;visibility:visible;overflow:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch;min-height:48px;max-height:250px}.rrs__option{cursor:pointer;padding:12px 16px;padding:.75rem 1rem;margin:0;*{pointer-events:none}}.rrs__option:focus{outline:0}.rrs__option:hover{background:#e2f1f9}.rrs__option:active{background:#e1f5fe}.rrs__option.rrs__option--selected{color:#215bb2}.rrs__label{padding:0 32px 0 16px;padding:0 2rem 0 1rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;max-width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:inherit;background:transparent;border:1px solid transparent}.rrs__label__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rrs--options-visible .rrs__label,.rrs__button:focus .rrs__label{outline:0}.CustomSelect{width:100%;min-width:100%;margin:8px 0;z-index:3}.CustomSelect--invalid .rrs__button{outline:0;-webkit-box-shadow:0 0 0 2px #b8141a;box-shadow:0 0 0 2px #b8141a}.rrs-caretIcon{position:absolute;right:4px;top:12px}:root{--languageMenu-width:320px;--languageMenu-wrapperWidth:105px}.LanguageMenu{display:inline-block;position:relative}.LanguageMenu-itemWrapper{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-item-align:start;align-self:flex-start;width:105px;max-width:50%}.LanguageMenu-buttonIcon,.LanguageMenu-buttonIconIE{min-height:30px;min-width:30px}.LanguageMenu-list{background:#fff;border:1px solid #6a7685;border-radius:3px;padding:0;list-style:none;position:absolute;z-index:1;margin:0 0 2px;bottom:100%;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:stretch;align-content:stretch;width:320px;padding:16px;right:1px}.LanguageMenu-language{margin-left:8px;vertical-align:top}.LanguageMenu-item{display:block;color:#2f3740;cursor:pointer;padding:16px;text-decoration:none;white-space:nowrap}.LanguageMenu-item:hover{background-color:#ddeffe}@media (max-width:825px){.LanguageMenu-list{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}}:root{--ColorPicker-buttonIcon-size:22px;--ColorPicker-input-maxWidth:200px}.ColorPicker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ColorPicker-resetIcon{margin-left:16px}.ColorPicker-input{max-width:200px}.ColorPicker-input--hideInput{
  /* visuallyhidden styles borrowed from: https://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ */
  /* Apparently, if the input was really hidden we can't trigger a click event on it, and the picker doesn't show up. Using a11y styles for visuallyhiding the input we manage to get the picker to pop up (in Safari).
  In Edge we didn't change anything, but since it's self updating and soon it's becoming Chrome-based, the issue will be gone soon (we have very low usage of Doodle coming from Edge browsers) */position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.ColorPicker-input--invalid{-webkit-box-shadow:0 0 0 2px #b8141a;box-shadow:0 0 0 2px #b8141a}.ColorPicker-buttonIcon{display:inline-block;width:22px;height:22px;border-radius:2px}.FileUpload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.FileUpload-input{display:none}.FileUpload-button,.FileUpload-delete{margin-left:16px}:root{--input-padding:38px;--input-icon-top:calc(50% - 11px);--inputButton-top:2px;--input-margin:4px;--input-height:44px}.Input-wrapper{position:relative}.Input-wrapper .Tooltip-wrapper{position:absolute;top:0;right:4px}.Input{font-size:16px;color:#ebeff2;margin-bottom:8px}.Input--light .InputFeedback--note{color:#fff;font-size:14px}.Input--light .Input-label{color:#fff}.Input--light .InputFeedback--error{display:none;color:#fef6f6}.Input--dark .Input-field{-webkit-box-shadow:0 0 0 1px #d3dce3;box-shadow:0 0 0 1px #d3dce3}.Input--dark .InputFeedback--note{color:#6a7685;font-size:14px}.Input--dark .Input-label{color:#45505e}.Input--dark .InputFeedback--error{display:none}.Input--invalid .Input-field{-webkit-box-shadow:0 0 0 2px #d3171e;box-shadow:0 0 0 2px #d3171e}.Input--invalid .Input-field:hover{-webkit-box-shadow:0 0 0 1px #b8141a;box-shadow:0 0 0 1px #b8141a}.Input--invalid .Input-field:focus{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2;outline:0}.Input--invalid .InputFeedback--error{display:block}.Input-field{margin:4px 0;padding:8px;border-radius:2px;background-color:#fff;border:none;width:calc(100% - 4px);min-height:44px;height:44px;color:#2f3740;
  
  /* To make ios happy */-webkit-appearance:none}.Input-field:hover{-webkit-box-shadow:0 0 0 1px #2372e8;box-shadow:0 0 0 1px #2372e8;outline:0}.Input-field.Input--focused,.Input-field:focus{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2;outline:0}.Input-field.Input-field--textarea{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex/*to remove blank vertical space below the textarea*/}.Input-fieldWithButton .Input-field,.Input-fieldWithIcon .Input-field{position:relative;padding:0 38px 0 0}.Input-fieldWithButton .Input-field input,.Input-fieldWithButton .Input-field textarea,.Input-fieldWithIcon .Input-field input,.Input-fieldWithIcon .Input-field textarea{border:none;outline:none;min-height:44px;height:44px;line-height:44px;padding-left:8px;width:100%}.Input-fieldWithIcon{position:relative}.Input-fieldWithIcon .Icon{position:absolute;top:calc(50% - 11px);right:8px;color:#a0aebd}.Input-fieldWithIcon .Input-textareaIcon{top:8px}.Input-fieldWithIcon .Input-selectIcon{/*enable displaying the drop-down list after clicking on custom icon*//*does not work in IE < 11*/pointer-events:none}.Input-fieldWithIcon select.Input-field{-webkit-appearance:none;-moz-appearance:none;padding-left:8px}.Input-fieldWithIcon select:required:invalid.Input-field{color:#a0aebd}.Input-fieldWithButton{position:relative}.Input-fieldWithButton .Input-field{position:relative;z-index:1}.Input-fieldWithButton .Button{position:absolute;width:38px;right:0}.Input-fieldWithButton--showButton .Input-field{padding-right:38px}/* PLACEHOLDER */::-webkit-input-placeholder{ /* Chrome/Opera/Safari */color:#6a7685}::-moz-placeholder{ /* Firefox 19+ */color:#6a7685}:-ms-input-placeholder{ /* IE 10+ */color:#6a7685}:-moz-placeholder{ /* Firefox 18- */color:#6a7685}/* Remove  native arrow in select element *//* Remove IE 'clear field' X button in inputs */.Input-field::-ms-clear,select::-ms-expand{display:none}/* Hide address book input icon in Safari*/.Input-field:focus::-webkit-contacts-auto-fill-button{display:none!important}/*  firefox vertical aligment of select element text */@-moz-document url-prefix(){.Input-fieldWithIcon select.Input-field{padding-top:13px}}.InputFeedback p{margin:0;padding:0}.InputFeedback--note{font-style:italic;line-height:1.4;opacity:.7}.InputFeedback--error{color:#b8141a}.InputFeedback---note{color:#d3dce3}.Radio{display:-webkit-box;display:-ms-flexbox;display:flex}.Radio-radioElement{position:absolute;opacity:0}.Radio-label{position:relative;padding-left:16px;cursor:pointer;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.Radio-sublabelText{font-style:italic;line-height:1.4;opacity:.7}.Radio-radioElement+svg{width:24px;height:24px}.Radio-radioElement+svg .d-background{stroke:#a0aebd}.Radio-radioElement:checked+svg .d-background,.Radio-radioElement:focus+svg .d-background,.Radio-radioElement:hover+svg .d-background{stroke-width:2}.Radio-radioElement:focus+svg .d-background,.Radio-radioElement:hover+svg .d-background{stroke:#2372e8}.Radio-radioElement:checked+svg .d-background{stroke:#215bb2}.Radio-radioElement:checked+svg .d-check{fill:#88c924}.Radio-radioElement:disabled+svg .d-background{stroke:#a0aebd;fill:#a0aebd}.Radio-radioElement:disabled:checked+svg .d-check{fill:#fff}.Radio--light .Radio-labelText,.Radio--light .Radio-sublabelText{color:#fff}.Radio--light .Radio-radioElement+svg .d-background{fill:#fff}.Radio--light .Radio-radioElement:disabled+svg .d-background{fill:#a0aebd}.Radio--light .Radio-radioElement:focus+svg .d-background{stroke:#4fa6f8}.Radio--light .Radio-radioElement:checked+svg .d-background{stroke:#215bb2}.Radio--light .Radio-radioElement:hover+svg .d-background{stroke:#4fa6f8}.Radio--light .Radio-radioElement:disabled+svg .d-background{stroke:#a0aebd}.Link{text-decoration:none;font-weight:500}.Link:focus{outline:none;-webkit-box-shadow:0 3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16),0 0 0 2px #215bb2;box-shadow:0 3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16),0 0 0 2px #215bb2}.Link:hover{text-decoration:underline}.Link--blue{color:#2372e8}.Link--white{color:#fff}.Link--dark{color:#45505e}.Link--block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;border-radius:2px;-webkit-box-shadow:0 0 0 1px #d3dce3;box-shadow:0 0 0 1px #d3dce3;width:100%;color:#6a7685}.Link--block:hover{-webkit-box-shadow:0 0 0 1px #215bb2;box-shadow:0 0 0 1px #215bb2}.Link--block:active{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.Link--block .Icon{color:#6a7685;-webkit-box-flex:0;-ms-flex:0 0 22px;flex:0 0 22px}.Link-subLabel{font-weight:100;text-decoration:none}.Link-labelWrapper{width:100%}.MeetingTypeSelector{-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:860px}.MeetingTypeSelector,.MeetingTypeSelector-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.MeetingTypeSelector-label{height:180px;width:210px;background:#fff;border:1px solid #d4dade;border-radius:2px;padding:12px 24px; /* TODO check if 12px should be part of the design */color:#2f3740;font-family:Fira Sans,Arial,sans-serif;-webkit-box-orient:vertical;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.MeetingTypeSelector-input{opacity:0;position:absolute}.MeetingTypeSelector-input:checked+.MeetingTypeSelector-label{background-color:#f5fbff;border:1px solid #215bb2}.MeetingTypeSelector-label:hover{border:1px solid #215bb2}.MeetingTypeSelector-input:focus+.MeetingTypeSelector-label{outline:0;-webkit-box-shadow:0 0 0 1px #215bb2;box-shadow:0 0 0 1px #215bb2;border:1px solid #215bb2}.MeetingTypeSelector-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:110px;height:80px}.MeetingTypeSelector-icon{width:210px;height:166px}.MeetingTypeSelector-description,.MeetingTypeSelector-title{font-family:Fira Sans,Arial,sans-serif}.MeetingTypeSelector-title{line-height:24px;font-size:16px;font-weight:500;margin-top:15px}.MeetingTypeSelector-description{font-size:14px;width:161px;font-weight:400;line-height:21px;margin:0;text-align:center}@media (max-width:1023px){.MeetingTypeSelector{-webkit-box-orient:vertical;-ms-flex-flow:column;flex-flow:column;margin:0;height:100%}.MeetingTypeSelector,.MeetingTypeSelector-label{-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:280px}.MeetingTypeSelector-label{height:180px;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;padding:0;margin:16px 0 0}.MeetingTypeSelector-label,.MeetingTypeSelector-type{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.MeetingTypeSelector-type{height:100%}.MeetingTypeSelector-title{word-spacing:110px;text-align:center;
    /* IE11 was setting width of element to 110px, whereas the width should be inherited from the parent element */width:100%}.MeetingTypeSelector-description{text-align:left;margin-right:16px}}.Menu{display:inline-block;position:relative}.Menu-list{background:#fff;border:1px solid #d3dce3;border-radius:3px;padding:0;list-style:none;position:absolute;z-index:1;min-width:100%}.Menu-list--position-bottom{margin:2px 0 0;-webkit-box-shadow:0 3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16);box-shadow:0 3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16)}.Menu-list--position-top{margin:0 0 2px;bottom:100%;-webkit-box-shadow:0 -3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16);box-shadow:0 -3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16);text-align:left}.Menu-list--align-left{left:0}.Menu-list--align-right{right:0}.Menu-item{display:block;color:#2f3740;cursor:pointer;padding:16px 24px;text-decoration:none;white-space:nowrap}.Menu-item:hover{background-color:#ddeffe}.Menu-item:focus{outline:0;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2;border-radius:2px;position:relative}:root{--tabs-padding:4px 14px 11px 14px;--border-bottomHeight:4px;--border-topRadius:2px 2px 0 0}.Tabs-tabList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;margin:0;list-style:none;font-size:16px;font-family:Fira Sans,Arial,sans-serif;font-weight:300}.Tabs-tablistItem{position:relative}.Tabs-tab{padding:4px 14px 11px;cursor:pointer}.Tabs-tab.is-active{cursor:default}.Tabs-tab:after{content:"";border-radius:2px 2px 0 0;display:block;position:absolute;height:4px;bottom:0;left:0;right:0;color:#2372e8;-webkit-transition:all .3s;transition:all .3s;background-color:transparent}.Tabs-tab:focus{outline:none/*TODO we need :focus designs for light and dark variantss*/}.Tabs--dark .Tabs-tab{color:#6a7685;font-weight:500}.Tabs--dark .Tabs-tab.is-active{color:#2372e8;font-weight:500}.Tabs--dark .Tabs-tab.is-active:after{background-color:#2372e8}.Tabs--dark .Tabs-tab.is-inactive:hover:after{background-color:#d3dce3}.Tabs--light .Tabs-tab{opacity:1%}.Tabs--light .Tabs-tab,.Tabs--light .Tabs-tab.is-active{color:#fff;font-weight:500}.Tabs--light .Tabs-tab.is-active:after{background-color:#fff}.Tabs--light .Tabs-tab.is-inactive:hover:after{background-color:#d3dce3}.Toggle{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;cursor:pointer}.Toggle-disabled{cursor:default}.Toggle-label{position:relative;padding-left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;line-height:1.3}.Toggle-input{opacity:0;width:0;height:0}.Toggle-slider{-webkit-box-flex:0;flex:0 0 36px;-ms-flex:0 0 33px; /* IE11 style fix */position:relative;height:20px;border:2px solid transparent;top:0;left:0;right:0;bottom:0;-webkit-transition:.4s;transition:.4s}.Toggle-slider:before{position:absolute;content:"";height:16px;width:16px;-webkit-transition:.4s;transition:.4s;background-color:#fff}.Toggle-input:checked+.Toggle-slider:before{-webkit-transform:translateX(16px);transform:translateX(16px);-ms-transform:translateX(8px) translateX(8px)}.Toggle-slider{border-radius:32px}.Toggle-slider:before{border-radius:50%}.Toggle--light .Toggle-label--text{color:#fff}.Toggle--light .Toggle-label--subtext{color:#ebeff2}.Toggle--light .Toggle-slider{background-color:#8694a6}.Toggle--light .Toggle-slider:hover{border:2px solid #4fa6f8}.Toggle--light .Toggle-input:checked+.Toggle-slider{background-color:#6a9f19}.Toggle--light.Toggle--disabled .Toggle-input:checked+.Toggle-slider,.Toggle--light.Toggle--disabled .Toggle-slider{background-color:#d3dce3}.Toggle--light.Toggle--disabled .Toggle-input:checked+.Toggle-slider:hover,.Toggle--light.Toggle--disabled .Toggle-slider:hover{border:2px solid transparent}.Toggle--dark .Toggle-label--text{color:#2f3740}.Toggle--dark .Toggle-label--subtext{color:#6a7685}.Toggle--dark .Toggle-slider{background-color:#8694a6}.Toggle--dark .Toggle-slider:hover{border:2px solid #2372e8}.Toggle--dark .Toggle-input:checked+.Toggle-slider{background-color:#6a9f19}.Toggle--dark.Toggle--disabled .Toggle-label--text{color:#6a7685}.Toggle--dark.Toggle--disabled .Toggle-input:checked+.Toggle-slider,.Toggle--dark.Toggle--disabled .Toggle-slider{background-color:#d3dce3}.Toggle--dark.Toggle--disabled .Toggle-input:checked+.Toggle-slider:hover,.Toggle--dark.Toggle--disabled .Toggle-slider:hover{border:2px solid transparent}.Toggle--dark.Toggle--disabled .Toggle-input:checked~.Toggle-label>.Toggle-label--text{color:#2f3740}.Tooltip-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.Tooltip.__react_component_tooltip{opacity:1;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);font-size:16px;font-weight:400;color:#2f3740;max-width:400px;background-color:#ddeffe;,&.place-right:after{border-right-color:#ddeffe}}.Tooltip.__react_component_tooltip.place-top:after{border-top-color:#ddeffe}.Tooltip.__react_component_tooltip.place-left:after{border-left-color:#ddeffe}.Tooltip.__react_component_tooltip.place-bottom:after{border-bottom-color:#ddeffe}.Tooltip-Icon{color:#8694a6}@media screen and (max-width:530px){.Tooltip{max-width:200px}}.Card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;color:#2f3740;border-radius:4px;border:1px solid #d3dce3}.Card-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.Card-content,.Card-footer,.Card-header{padding:16px}.Card-footer{border-top:1px solid #d3dce3}.Card--greyFooter .Card-footer{border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:#ebeff2}:root{--checkList--icon-size:22px}.CheckList{margin-top:24px}.CheckList-list{padding:0}.CheckList-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.CheckList-item:not(:last-child){margin-bottom:16px}.CheckList-item:before{display:block;content:"";width:22px;height:22px;min-width:22px;min-height:22px;margin-right:16px}.CheckList-item--ink:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25'%3e%3cg stroke='%238696a2' fill='%238696a2'%3e%3cpath class='d-check' d='M4.32396433,9.37778351 C3.37970535,8.37044034 1.79761921,8.31930049 0.790276044,9.26355947 C-0.217067126,10.2078185 -0.268206967,11.7899046 0.676052011,12.7972478 L9.02441295,21.7033472 L23.2153546,8.31868383 C24.2197823,7.37132415 24.266045,5.78908789 23.3186853,4.78466024 C22.3713256,3.78023259 20.7890894,3.73396986 19.7846617,4.68132954 L9.24230403,14.6247084 L4.32396433,9.37778351 Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.CheckList-item--green:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25'%3e%3cg stroke='%2387C627' fill='%2387C627'%3e%3cpath class='d-check' d='M4.32396433,9.37778351 C3.37970535,8.37044034 1.79761921,8.31930049 0.790276044,9.26355947 C-0.217067126,10.2078185 -0.268206967,11.7899046 0.676052011,12.7972478 L9.02441295,21.7033472 L23.2153546,8.31868383 C24.2197823,7.37132415 24.266045,5.78908789 23.3186853,4.78466024 C22.3713256,3.78023259 20.7890894,3.73396986 19.7846617,4.68132954 L9.24230403,14.6247084 L4.32396433,9.37778351 Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.CheckList-item--icon{position:absolute;left:0}/* IE hacks... */.CheckList-text{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.Dialog{background:#fff;border:1px solid #d3dce3;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.15);box-shadow:0 2px 2px 0 rgba(0,0,0,.15);border-radius:2px;color:#2f3740;position:fixed}.Dialog__close-button.Button{position:absolute;top:4px;right:4px;cursor:pointer;color:#a0aebd;padding:0;min-height:auto;font-size:0}.Dialog__close-icon.Icon{height:auto}.Footer{font-weight:300;background-color:#6a7685;color:#fff}.Footer .Section--darkGrey .Section-TextConstraint:last-child{margin-bottom:40px}.Footer .Section--darkGrey .Section-TextConstraint:first-child{margin-top:40px}.Footer .Section--darkGrey .u-inlineList{color:#6a7685}.Footer-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;font-size:14px}.Footer-section{width:100%}.Footer-section .DoodleLogo{vertical-align:middle}.Footer-section--left{text-align:left}.Footer-section--left .Link:first-child{display:block}.Footer-section--left .Link:not(:first-child):not(:last-child):after{content:" • ";margin:0 8px;display:inline-block}.Footer-section--center{text-align:center}.Footer-section--right{text-align:right}.Footer-section--right .Link:not(:last-child){margin-right:16px}/**
 * Adjusting heart icon
 */.Footer .HeartIcon{width:auto;margin:-.1em 0}.Footer-links{display:inline}@media (max-width:825px){.Footer-bar{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding:32px 16px}.Footer-links{display:block}.Footer-section{width:auto

    /* Because of reverse order we apply to first child instead of last */}.Footer-section:not(:first-child){margin-bottom:16px;text-align:center}.Footer-section .LanguageMenu{margin-bottom:16px}.Footer-section--left{text-align:center}.Footer-section--center{color:#fff}.Footer-logo-text{display:none}}:root{--header-entry-margin:16px;--header-height:75px;--header-padding:0 16px}.Header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background-color:#fff;height:75px;padding:0 16px;border-top-right-radius:4px;border-top-left-radius:4px}.Header--transparent{background-color:transparent}.Header-nav{margin:0 auto}.Header-left,.Header-nav,.Header-right{display:-webkit-box;display:-ms-flexbox;display:flex}.Header-left,.Header-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style-type:none;margin:0;padding:0}.Header-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.Header-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.Header-entry{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex}.Header .Section-TextConstraint{padding:0}.Header-entry:not(:last-child){margin-right:16px}.Header-right .Header-entry:nth-child(2){margin-right:8px}@media (max-width:825px){
  /* hide second signup button on small devices */.Header-left .Header-entry:not(:first-child),.Header-right .Header-entry .Button:not(:first-child){display:none}}.Modal{opacity:0;-webkit-transform:scale(1.1) translateY(-10px);transform:scale(1.1) translateY(-10px);-webkit-transition:opacity .2s linear,-webkit-transform .2s linear;transition:opacity .2s linear,-webkit-transform .2s linear;transition:transform .2s linear,opacity .2s linear;transition:transform .2s linear,opacity .2s linear,-webkit-transform .2s linear;will-change:transform,opacity}.Modal.has-entered{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.Modal-underlay{-webkit-transition:background-color .2s linear;transition:background-color .2s linear;will-change:background-color;background-color:transparent}.Modal--blue.Modal-underlay.has-entered{background-color:rgba(35,114,232,.8)/*color(var(--color-brand-500) alpha(0.8))*/}.Modal--ink.Modal-underlay.has-entered{background-color:rgba(69,80,94,.5)/*color(var(--color-neutral-800) alpha(0.5))*/}@-webkit-keyframes Nag-appear{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes Nag-appear{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.Nag{border-radius:2px;position:relative;will-change:opacity,transform}.Nag-closeButton{position:absolute;right:0;top:0}.Nag-content{padding:16px 44px 16px 16px}.Nag--docktop{border-bottom-left-radius:0;border-bottom-right-radius:0}.Nag--dockbottom{border-top-left-radius:0;border-top-right-radius:0}.Nag--entering{-webkit-animation-name:Nag-appear;animation-name:Nag-appear;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:cubic-bezier(.425,1.65,0,.845);animation-timing-function:cubic-bezier(.425,1.65,0,.845)}.Nag--closing{opacity:0;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transition-timing-function:cubic-bezier(.225,-.26,0,1.355);transition-timing-function:cubic-bezier(.225,-.26,0,1.355)}.Nag--success{background-color:#6a9f19;color:#fff}.Nag--error{background-color:#b8141a;color:#fff}.Nag--success .Nag-closeButton .Button{color:#fff}.Nag--notice{background-color:#ffe58f}.Nag--notice,.Nag--notice .Nag-closeButton .Button{color:#45505e}.Page{position:relative}@media (min-width:826px){.Page--flat,.Page--withBorder{min-height:0;margin:16px auto;max-width:850px}.Page--withBorder{border-radius:4px}.Page--withBorder:after,.Page--withBorder:before{content:"";display:block;position:absolute;z-index:0;pointer-events:none;border-radius:4px}.Page--withBorder:before{top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid hsla(0,0%,100%,.25)}.Page--withBorder:after{top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 1.5px 4px rgba(0,0,0,.24),0 1.5px 6px rgba(0,0,0,.12);box-shadow:0 1.5px 4px rgba(0,0,0,.24),0 1.5px 6px rgba(0,0,0,.12)}.Page--withBorder>:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.Page--withBorder>:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}}.Section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:inherit;width:100%}.Section~.Section{border-radius:0;border-radius:initial}.Section-TextConstraint{padding:0 8px;width:100%}.Section--transparent{background-color:transparent;color:inherit}.Section--blue{background-color:#1b4686;color:#fff}.Section--ink{background-color:#ebeff2;color:#fff}.Section--darkGrey{background-color:#d3dce3;color:#fff}.Section--paper{background-color:#faf7f5;color:#ebeff2}.Section--color-white{background-color:#fff;color:#d3dce3}@media (max-width:825px){.Section-TextConstraint{max-width:850px;margin:0 auto}}@media (min-width:1280px){.Section-TextConstraint{max-width:1280px;margin:0 auto;padding:0 24px}}.VerticalMenu-header{margin:24px 0 16px;padding:0 24px}.VerticalMenu-items{list-style:none;margin:0;padding:0}.VerticalMenu-item{display:block}.VerticalMenu-item button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer;font-family:Fira Sans,Arial,sans-serif;font-size:16px;height:100%;line-height:1.5;margin:0;padding-bottom:8px;padding-top:8px;padding-left:16px;text-align:left;width:100%}.VerticalMenu-item .Icon{margin-right:8px}.VerticalMenu-item:not(.VerticalMenu-item--selected) button:hover{background-color:#ebeff2}.VerticalMenu-item button:active{background-color:#98cdfb}.VerticalMenu-item button:focus{outline:0}.VerticalMenu-item:not(.VerticalMenu-item--selected) button:focus{background-color:#d3dce3}.VerticalMenu-item--selected{background-color:#98cdfb;color:#215bb2;cursor:default}.VerticalMenu-item--disabled button{cursor:not-allowed}.VerticalMenu-item--disabled button:hover{background-color:transparent;background-color:initial}.Pattern{color:#fff;min-height:100%;background-color:#1b4686}.Pattern--default{background-image:-webkit-gradient(linear,left top,left bottom,from(#1b4686),to(#1b4686));background-image:linear-gradient(180deg,#1b4686 0,#1b4686);background-size:313px 386px}:root{--UserAvatar-dimension:32px}.UserAvatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.UserAvatar-avatar{width:32px;height:32px;border-radius:32px;margin-right:7px;-webkit-box-shadow:0 0 0 3px hsla(0,0%,100%,.25);box-shadow:0 0 0 3px hsla(0,0%,100%,.25);background-size:cover;background-position:50%;background-repeat:no-repeat}@media (max-width:825px){.UserAvatar-name{display:none}}.UserMenu--compact{height:36px}.UserMenu{text-align:left}.UserMenu--compact .Button--compact{margin:0 16px;padding:0}.DoodlePremiumLogo{width:198px;height:71px;margin:0 4px}.DoodleLogo{width:89px;height:20px!important}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.LoadingIcon{width:32px;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite}.Icon{height:28px}.Icon--small{height:18px}.LogoLink{color:#2372e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.LogoLink:focus{outline:none;-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2;border-radius:2px}.LogoLink-image{display:inline-block;max-width:150px;max-height:50px;width:auto;height:auto}.MultiEmailSelect__container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.MultiEmailSelect__container.extraSmallDevices{top:0;left:0;right:0;bottom:0;padding:8px 0;z-index:10}.MultiEmailSelect__container button{margin-top:4px;height:40%}.MultiEmailSelect{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(100% - 50px);margin-right:5px;max-width:480px}.MultiEmailSelect--no-input{width:100%;margin-right:0}.MultiEmailSelect .MultiEmailSelect__dropdown-indicator{display:none}.MultiEmailSelect .MultiEmailSelect__limit-indicator{position:absolute;right:8px;bottom:0;color:#f2a6a8}.MultiEmailSelect .MultiEmailSelect__control{margin:4px 0;padding:8px 8px 20px;border:none;border-radius:2px;background-color:#fff;width:calc(100% - 4px);min-height:60px;-webkit-appearance:none;-webkit-box-shadow:0 0 0 1px #45505e;box-shadow:0 0 0 1px #45505e;-webkit-transition:all .1s ease 0s;transition:all .1s ease 0s;outline:0!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.extraSmallDevices .MultiEmailSelect .MultiEmailSelect__control{padding:8px 0}.MultiEmailSelect .MultiEmailSelect__control:hover{-webkit-box-shadow:0 0 0 1px #2372e8;box-shadow:0 0 0 1px #2372e8}.MultiEmailSelect .MultiEmailSelect__control--is-focused,.MultiEmailSelect .MultiEmailSelect__control--is-focused:hover{-webkit-box-shadow:0 0 0 2px #215bb2;box-shadow:0 0 0 2px #215bb2}.MultiEmailSelect--error .MultiEmailSelect__control,.MultiEmailSelect--error .MultiEmailSelect__control--is-focused,.MultiEmailSelect--error .MultiEmailSelect__control--is-focused:hover,.MultiEmailSelect--error .MultiEmailSelect__control:hover{-webkit-box-shadow:0 0 0 2px #d3171e;box-shadow:0 0 0 2px #d3171e}.extraSmallDevices .MultiEmailSelect .MultiEmailSelect__value-container{height:60px;overflow:scroll}.MultiEmailSelect__multi-value-container{border-radius:6px;margin-right:5px;margin-bottom:3.75px}.MultiEmailSelect__multi-value-container--error .MultiEmailSelect__multi-value__label,.MultiEmailSelect__multi-value-container--error .MultiEmailSelect__multi-value__remove svg{color:#d3171e}.MultiEmailSelect .MultiEmailSelect__multi-value{padding:0 0 0 4px;border:none;border-radius:6px;background:inherit}.MultiEmailSelect__multi-value-container .MultiEmailSelect__multi-value__label{font-weight:400;word-break:break-all;line-height:32px;font-family:Fira Sans,Arial,sans-serif;font-size:16px}.MultiEmailSelect .MultiEmailSelect__multi-value__remove{width:auto;margin:0;padding:0 4px;border:none;background:none;color:#6a7685;opacity:.75;font-size:18px;line-height:24px;text-indent:0}.MultiEmailSelect .MultiEmailSelect__multi-value__remove:hover{opacity:1;color:#6a7685;background:none;cursor:pointer}.MultiEmailSelect .MultiEmailSelect__menu{top:calc(100% - 8px);left:0;width:99.5%;border:none;border-radius:3px;-webkit-box-shadow:0 15px 24px rgba(0,0,0,.22),0 19px 76px rgba(0,0,0,.3);box-shadow:0 15px 24px rgba(0,0,0,.22),0 19px 76px rgba(0,0,0,.3);text-align:left}.hideMenu .MultiEmailSelect__menu{visibility:hidden}.MultiEmailSelect .MultiEmailSelect__option{display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;margin:8px 0;padding:8px 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6a7685;cursor:pointer;background-color:transparent}.MultiEmailSelect .MultiEmailSelect__option--is-disabled{cursor:not-allowed;opacity:.5}.MultiEmailSelect .MultiEmailSelect__option.MultiEmailSelect__option--is-focused{background-color:#e2f1f9}.MultiEmailSelect__option svg{color:#6a7685;width:24px;height:24px}.MultiEmailSelect__option-text{padding-left:16px;max-width:calc(100% - 24px);font-size:14px}.MultiEmailSelect__option-label{font-weight:500;font-style:normal;font-family:Fira Sans,Arial,sans-serif;font-smooth:always;-webkit-font-smoothing:antialiased}.MultiEmailSelect__option-label,.MultiEmailSelect__option-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MultiEmailSelect-backButton{display:none;position:absolute;height:24px;top:35px;left:20px;z-index:1;cursor:pointer;color:#b7c4d2}.extraSmallDevices .MultiEmailSelect-backButton{display:block}.ActivateSuggestions{background:#faf7f5;z-index:1;width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ActivateSuggestions .Icon{width:160px;height:auto}.ActivateSuggestions-text .Button,.ActivateSuggestions>.ActivateSuggestions-headline{margin:10px 0}.ActivateSuggestions-text,.ActivateSuggestions>.ActivateSuggestions-headline{text-align:center}.MultiEmailSelect__container .InputFeedback{width:100%}/* Small Devices */@media (max-width:767px){
  /* Form Layout  */.MultiEmailSelect__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.MultiEmailSelect{width:100%}.MultiEmailSelect__container button{position:static;margin-bottom:4px}}:root{--modal-border-radius:6px;--modal-max-width:400px;--modal-min-width:250px;--modal-shadow:0 15px 24px rgba(0,0,0,.22),0 19px 76px rgba(0,0,0,.3)}.StandardModal-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:6px;padding:24px 40px 40px;background-color:#faf7f5;max-width:400px;min-width:250px;-webkit-box-shadow:0 15px 24px rgba(0,0,0,.22),0 19px 76px rgba(0,0,0,.3);box-shadow:0 15px 24px rgba(0,0,0,.22),0 19px 76px rgba(0,0,0,.3)}@media (max-width:825px){.StandardModal-container{padding:24px}}.StandardModal-header{padding:0 0 16px;text-align:center}.StandardModal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:24px}.StandardModal-footer--multipleItems>.Button:first-child{margin-right:8px}.StandardModal-footer--singleItem>.Button{width:100%}

Products

About

Resources

Contact Gemfury