.mapboxgl-map {
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mapboxgl-map:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

.mapboxgl-canary {
    background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
    touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: none;
}

.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; }
.mapboxgl-ctrl-top-left     { top: 0; left: 0; }
.mapboxgl-ctrl-top-right    { top: 0; right: 0; }
.mapboxgl-ctrl-bottom-left  { bottom: 0; left: 0; }
.mapboxgl-ctrl-bottom-right { right: 0; bottom: 0; }

.mapboxgl-ctrl { clear: both; pointer-events: auto; }
.mapboxgl-ctrl-top-left .mapboxgl-ctrl     { margin: 10px 0 0 10px; float: left; }
.mapboxgl-ctrl-top-right .mapboxgl-ctrl    { margin: 10px 10px 0 0; float: right; }
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl  { margin: 0 0 10px 10px; float: left; }
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 10px 10px 0; float: right; }

.mapboxgl-ctrl-group {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.mapboxgl-ctrl-group:not(:empty) {
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.mapboxgl-ctrl-group > button {
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}

.mapboxgl-ctrl-group > button + button {
    border-top: 1px solid #ddd;
}

/* https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
.mapboxgl-ctrl > button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.mapboxgl-ctrl > button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-ctrl-icon,
.mapboxgl-ctrl-icon > .mapboxgl-ctrl-compass-arrow {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mapboxgl-ctrl-icon {
    padding: 5px;
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting {
    -webkit-animation: mapboxgl-spin 2s infinite linear;
    -moz-animation: mapboxgl-spin 2s infinite linear;
    -o-animation: mapboxgl-spin 2s infinite linear;
    -ms-animation: mapboxgl-spin 2s infinite linear;
    animation: mapboxgl-spin 2s infinite linear;
}

@-webkit-keyframes mapboxgl-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes mapboxgl-spin {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes mapboxgl-spin {
    0% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes mapboxgl-spin {
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}

@keyframes mapboxgl-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M 5 4 C 4.5 4 4 4.5 4 5 L 4 6 L 4 9 L 4.5 9 L 5.7773438 7.296875 C 6.7771319 8.0602131 7.835765 8.9565728 8.890625 10 C 7.8257121 11.0633 6.7761791 11.951675 5.78125 12.707031 L 4.5 11 L 4 11 L 4 15 C 4 15.5 4.5 16 5 16 L 9 16 L 9 15.5 L 7.2734375 14.205078 C 8.0428931 13.187886 8.9395441 12.133481 9.9609375 11.068359 C 11.042371 12.14699 11.942093 13.2112 12.707031 14.21875 L 11 15.5 L 11 16 L 14 16 L 15 16 C 15.5 16 16 15.5 16 15 L 16 14 L 16 11 L 15.5 11 L 14.205078 12.726562 C 13.177985 11.949617 12.112718 11.043577 11.037109 10.009766 C 12.151856 8.981061 13.224345 8.0798624 14.228516 7.3046875 L 15.5 9 L 16 9 L 16 5 C 16 4.5 15.5 4 15 4 L 11 4 L 11 4.5 L 12.703125 5.7773438 C 11.932647 6.7864834 11.026693 7.8554712 9.9707031 8.9199219 C 8.9584739 7.8204943 8.0698767 6.7627188 7.3046875 5.7714844 L 9 4.5 L 9 4 L 6 4 L 5 4 z '/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23000000;' d='M 4.2421875 3.4921875 A 0.750075 0.750075 0 0 0 3.71875 4.78125 L 5.9648438 7.0273438 L 4 8.5 L 4 9 L 8 9 C 8.500001 8.9999988 9 8.4999992 9 8 L 9 4 L 8.5 4 L 7.0175781 5.9550781 L 4.78125 3.71875 A 0.750075 0.750075 0 0 0 4.2421875 3.4921875 z M 15.734375 3.4921875 A 0.750075 0.750075 0 0 0 15.21875 3.71875 L 12.984375 5.953125 L 11.5 4 L 11 4 L 11 8 C 11 8.4999992 11.499999 8.9999988 12 9 L 16 9 L 16 8.5 L 14.035156 7.0273438 L 16.28125 4.78125 A 0.750075 0.750075 0 0 0 15.734375 3.4921875 z M 4 11 L 4 11.5 L 5.9648438 12.972656 L 3.71875 15.21875 A 0.75130096 0.75130096 0 1 0 4.78125 16.28125 L 7.0273438 14.035156 L 8.5 16 L 9 16 L 9 12 C 9 11.500001 8.500001 11.000001 8 11 L 4 11 z M 12 11 C 11.499999 11.000001 11 11.500001 11 12 L 11 16 L 11.5 16 L 12.972656 14.035156 L 15.21875 16.28125 A 0.75130096 0.75130096 0 1 0 16.28125 15.21875 L 14.035156 12.972656 L 16 11.5 L 16 11 L 12 11 z '/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > .mapboxgl-ctrl-compass-arrow {
    width: 20px;
    height: 20px;
    margin: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23333333' points='6,9 10,1 14,9'/%3E %3Cpolygon fill='%23CCCCCC' points='6,11 10,19 14,11 '/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
}

a.mapboxgl-ctrl-logo {
    width: 85px;
    height: 21px;
    margin: 0 0 -3px -3px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E");
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' style='enable-background:new 0 0 21 21;' xml:space='preserve'%3E%3Cg transform='translate(0,0.01)'%3E%3Cpath d='m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3Cpath d='M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpath d='M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpolygon points='11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 ' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3C/g%3E%3C/svg%3E");
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

@media screen {
    .mapboxgl-ctrl-attrib.mapboxgl-compact {
        margin: 10px;
        position: relative;
        background-color: #fff;
        border-radius: 3px 12px 12px 3px;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
        padding: 2px 24px 2px 4px;
        visibility: visible;
    }

    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
        padding: 2px 4px 2px 24px;
        border-radius: 12px 3px 3px 12px;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
        display: none;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
        display: block;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        content: '';
        cursor: pointer;
        position: absolute;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E");
        background-color: rgba(255, 255, 255, 0.5);
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        border-radius: 12px;
    }

    .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        bottom: 0;
        right: 0;
    }

    .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        top: 0;
        right: 0;
    }

    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        top: 0;
        left: 0;
    }

    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        bottom: 0;
        left: 0;
    }
}

.mapboxgl-ctrl-attrib a {
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline;
}

/* stylelint-disable-next-line selector-class-pattern */
.mapboxgl-ctrl-attrib .mapbox-improve-map {
    font-weight: bold;
    margin-left: 2px;
}

.mapboxgl-attrib-empty {
    display: none;
}

.mapboxgl-ctrl-scale {
    background-color: rgba(255, 255, 255, 0.75);
    font-size: 10px;
    border-width: medium 2px 2px;
    border-style: none solid solid;
    border-color: #333;
    padding: 0 5px;
    color: #333;
    box-sizing: border-box;
}

.mapboxgl-popup {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    will-change: transform;
    pointer-events: none;
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
    -webkit-flex-direction: row;
    flex-direction: row;
}

.mapboxgl-popup-anchor-right {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    z-index: 1;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-top: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-top: none;
    border-left: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    border-top: none;
    border-right: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-bottom: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-left: none;
    border-right-color: #fff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-right: none;
    border-left-color: #fff;
}

.mapboxgl-popup-close-button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    background-color: transparent;
}

.mapboxgl-popup-close-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-popup-content {
    position: relative;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 15px;
    pointer-events: auto;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
    border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
    border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
    border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
    border-bottom-right-radius: 0;
}

.mapboxgl-marker {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
}

.mapboxgl-user-location-dot {
    background-color: #1da1f2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}

.mapboxgl-user-location-dot::before {
    background-color: #1da1f2;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
    -moz-animation: mapboxgl-user-location-dot-pulse 2s infinite;
    -ms-animation: mapboxgl-user-location-dot-pulse 2s infinite;
    animation: mapboxgl-user-location-dot-pulse 2s infinite;
}

.mapboxgl-user-location-dot::after {
    border-radius: 50%;
    border: 2px solid #fff;
    content: '';
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px;
    box-sizing: border-box;
}

@-webkit-keyframes mapboxgl-user-location-dot-pulse {
    0%   { -webkit-transform: scale(1); opacity: 1; }
    70%  { -webkit-transform: scale(3); opacity: 0; }
    100% { -webkit-transform: scale(1); opacity: 0; }
}

@-ms-keyframes mapboxgl-user-location-dot-pulse {
    0%   { -ms-transform: scale(1); opacity: 1; }
    70%  { -ms-transform: scale(3); opacity: 0; }
    100% { -ms-transform: scale(1); opacity: 0; }
}

@keyframes mapboxgl-user-location-dot-pulse {
    0%   { transform: scale(1); opacity: 1; }
    70%  { transform: scale(3); opacity: 0; }
    100% { transform: scale(1); opacity: 0; }
}

.mapboxgl-user-location-dot-stale {
    background-color: #aaa;
}

.mapboxgl-user-location-dot-stale::after {
    display: none;
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
    cursor: crosshair;
}

.mapboxgl-boxzoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #fff;
    border: 2px dotted #202020;
    opacity: 0.5;
}

@media print {
    /* stylelint-disable-next-line selector-class-pattern */
    .mapbox-improve-map {
        display: none;
    }
}
.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}
.react-calendar button:enabled:hover {
  cursor: pointer;
}
.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em;
}
.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__navigation button[disabled] {
  background-color: #f0f0f0;
}
.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}
.react-calendar__month-view__weekNumbers {
  font-weight: bold;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  padding: calc(0.75em / 0.75) calc(0.5em / 0.75);
}
.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}
.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  padding: 0.75em 0.5em;
  background: none;
}
.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__tile--hasActive {
  background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}
.react-calendar__tile--active {
  background: #006edc;
  color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
  z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.Heading {
  margin-top: 12px;
  margin-bottom: 12px;
}
.Heading--one {
  font-size: 24px;
  line-height: 30px;
}
.Heading--two {
  font-size: 20px;
  line-height: 25px;
}
.Heading--three {
  font-size: 14px;
  line-height: 17.5px;
}
.Heading--four {
  font-size: 12px;
  line-height: 15px;
}
.Heading--five {
  font-size: 8px;
  line-height: 10px;
}
.Heading--six {
  font-size: 6px;
  line-height: 7.5px;
}
.Heading.Heading--primary {
  color: #62BDD0;
  border-color: #62BDD0;
}
.Heading.Heading--primary.Heading--xlight {
  color: #d8eef3;
  border-color: #d8eef3;
}
.Heading.Heading--primary.Heading--light {
  color: #b1dee8;
  border-color: #b1dee8;
}
.Heading.Heading--primary.Heading--dark {
  color: #297989;
  border-color: #297989;
}
.Heading.Heading--secondary {
  color: #566B76;
  border-color: #566B76;
}
.Heading.Heading--secondary.Heading--xlight {
  color: #a6b6bf;
  border-color: #a6b6bf;
}
.Heading.Heading--secondary.Heading--light {
  color: #899ea9;
  border-color: #899ea9;
}
.Heading.Heading--secondary.Heading--dark {
  color: #20282c;
  border-color: #20282c;
}
.Heading.Heading--tertiary {
  color: #997AB6;
  border-color: #997AB6;
}
.Heading.Heading--tertiary.Heading--xlight {
  color: #e5ddec;
  border-color: #e5ddec;
}
.Heading.Heading--tertiary.Heading--light {
  color: #ccbcda;
  border-color: #ccbcda;
}
.Heading.Heading--tertiary.Heading--dark {
  color: #593f72;
  border-color: #593f72;
}
.Heading.Heading--success {
  color: #88BC76;
  border-color: #88BC76;
}
.Heading.Heading--success.Heading--xlight {
  color: #e1eedd;
  border-color: #e1eedd;
}
.Heading.Heading--success.Heading--light {
  color: #c4debb;
  border-color: #c4debb;
}
.Heading.Heading--success.Heading--dark {
  color: #4a783b;
  border-color: #4a783b;
}
.Heading.Heading--danger {
  color: #EF7F43;
  border-color: #EF7F43;
}
.Heading.Heading--danger.Heading--xlight {
  color: #fbdfd0;
  border-color: #fbdfd0;
}
.Heading.Heading--danger.Heading--light {
  color: #f7bfa1;
  border-color: #f7bfa1;
}
.Heading.Heading--danger.Heading--dark {
  color: #a5420e;
  border-color: #a5420e;
}
.Heading.Heading--info {
  color: #62BDD0;
  border-color: #62BDD0;
}
.Heading.Heading--info.Heading--xlight {
  color: #d8eef3;
  border-color: #d8eef3;
}
.Heading.Heading--info.Heading--light {
  color: #b1dee8;
  border-color: #b1dee8;
}
.Heading.Heading--info.Heading--dark {
  color: #297989;
  border-color: #297989;
}
.Heading.Heading--positive {
  color: #88BC76;
  border-color: #88BC76;
}
.Heading.Heading--positive.Heading--xlight {
  color: #e1eedd;
  border-color: #e1eedd;
}
.Heading.Heading--positive.Heading--light {
  color: #c4debb;
  border-color: #c4debb;
}
.Heading.Heading--positive.Heading--dark {
  color: #4a783b;
  border-color: #4a783b;
}
.Heading.Heading--warning {
  color: #FEB734;
  border-color: #FEB734;
}
.Heading.Heading--warning.Heading--xlight {
  color: #ffedcc;
  border-color: #ffedcc;
}
.Heading.Heading--warning.Heading--light {
  color: #ffdb9a;
  border-color: #ffdb9a;
}
.Heading.Heading--warning.Heading--dark {
  color: #b27301;
  border-color: #b27301;
}
.Heading.Heading--negative {
  color: #EF7F43;
  border-color: #EF7F43;
}
.Heading.Heading--negative.Heading--xlight {
  color: #fbdfd0;
  border-color: #fbdfd0;
}
.Heading.Heading--negative.Heading--light {
  color: #f7bfa1;
  border-color: #f7bfa1;
}
.Heading.Heading--negative.Heading--dark {
  color: #a5420e;
  border-color: #a5420e;
}
.Heading.Heading--neutral {
  color: #997AB6;
  border-color: #997AB6;
}
.Heading.Heading--neutral.Heading--xlight {
  color: #e5ddec;
  border-color: #e5ddec;
}
.Heading.Heading--neutral.Heading--light {
  color: #ccbcda;
  border-color: #ccbcda;
}
.Heading.Heading--neutral.Heading--dark {
  color: #593f72;
  border-color: #593f72;
}
.Heading.Heading--primaryAction {
  color: #566B76;
  border-color: #566B76;
}
.Heading.Heading--primaryAction.Heading--xlight {
  color: #a6b6bf;
  border-color: #a6b6bf;
}
.Heading.Heading--primaryAction.Heading--light {
  color: #899ea9;
  border-color: #899ea9;
}
.Heading.Heading--primaryAction.Heading--dark {
  color: #20282c;
  border-color: #20282c;
}
.Heading.Heading--brandAction {
  color: #E95949;
  border-color: #E95949;
}
.Heading.Heading--brandAction.Heading--xlight {
  color: #fad5d1;
  border-color: #fad5d1;
}
.Heading.Heading--brandAction.Heading--light {
  color: #f4aca4;
  border-color: #f4aca4;
}
.Heading.Heading--brandAction.Heading--dark {
  color: #9f2113;
  border-color: #9f2113;
}
.Heading.Heading--secondaryAction {
  color: #b3b3b3;
  border-color: #b3b3b3;
}
.Heading.Heading--secondaryAction.Heading--xlight {
  color: #ffffff;
  border-color: #ffffff;
}
.Heading.Heading--secondaryAction.Heading--light {
  color: #e6e6e6;
  border-color: #e6e6e6;
}
.Heading.Heading--secondaryAction.Heading--dark {
  color: #737373;
  border-color: #737373;
}
.Heading.Heading--primaryBrand {
  color: #E95949;
  border-color: #E95949;
}
.Heading.Heading--primaryBrand.Heading--xlight {
  color: #fad5d1;
  border-color: #fad5d1;
}
.Heading.Heading--primaryBrand.Heading--light {
  color: #f4aca4;
  border-color: #f4aca4;
}
.Heading.Heading--primaryBrand.Heading--dark {
  color: #9f2113;
  border-color: #9f2113;
}
.Heading.Heading--secondaryBrand {
  color: #4B5E68;
  border-color: #4B5E68;
}
.Heading.Heading--secondaryBrand.Heading--xlight {
  color: #98aab4;
  border-color: #98aab4;
}
.Heading.Heading--secondaryBrand.Heading--light {
  color: #7a929f;
  border-color: #7a929f;
}
.Heading.Heading--secondaryBrand.Heading--dark {
  color: #161b1e;
  border-color: #161b1e;
}
.Heading.Heading--tertiaryBrand {
  color: #F4F4F0;
  border-color: #F4F4F0;
}
.Heading.Heading--tertiaryBrand.Heading--xlight {
  color: #ffffff;
  border-color: #ffffff;
}
.Heading.Heading--tertiaryBrand.Heading--light {
  color: #ffffff;
  border-color: #ffffff;
}
.Heading.Heading--tertiaryBrand.Heading--dark {
  color: #bebea6;
  border-color: #bebea6;
}
.Heading--narrator {
  font-weight: 300;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SVGImage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Icon {
  font-style: normal;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  vertical-align: middle;
  color: #4d4d4d;
}
.Icon:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon.Icon--square,
.Icon.Icon--round {
  border-color: #4d4d4d;
}
.Icon.Icon--square.Icon--invert,
.Icon.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon.Icon--square.Icon--fill,
.Icon.Icon--round.Icon--fill {
  background: #4d4d4d;
}
.Icon.Icon--square.Icon--fill .SVGImage-svg path,
.Icon.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon.Icon--square.Icon--fill.Icon--invert,
.Icon.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon.Icon--square.Icon--fill.Icon--xlight,
.Icon.Icon--round.Icon--fill.Icon--xlight {
  border-color: #9a9a9a;
  background-color: #9a9a9a;
}
.Icon.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon.Icon--square.Icon--fill.Icon--light,
.Icon.Icon--round.Icon--fill.Icon--light {
  border-color: #808080;
  background-color: #808080;
}
.Icon.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon.Icon--square.Icon--fill.Icon--dark,
.Icon.Icon--round.Icon--fill.Icon--dark {
  border-color: #0d0d0d;
  background-color: #0d0d0d;
}
.Icon.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #1a1a1a;
}
.Icon.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #676767;
}
.Icon.Icon--clickable.Icon--fill:active {
  background: #1a1a1a;
}
.Icon.Icon--clickable.Icon--fill:hover {
  background: #676767;
}
.Icon.Icon--xlight .SVGImage-svg path {
  fill: #9a9a9a;
}
.Icon.Icon--light .SVGImage-svg path {
  fill: #808080;
}
.Icon.Icon--dark .SVGImage-svg path {
  fill: #0d0d0d;
}
.Icon:not(.Icon--customSize) {
  height: 18px;
  width: 18px;
}
.Icon:not(.Icon--customSize) .SVGImage,
.Icon:not(.Icon--customSize) .SVGImage-svg {
  height: 18px;
  width: 18px;
}
.Icon:not(.Icon--customSize).Icon--hover:hover:not(.is-clicking) {
  height: 22px !important;
  width: 22px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon:not(.Icon--customSize).Icon--round,
.Icon:not(.Icon--customSize).Icon--square {
  height: 36px;
  width: 36px;
}
.Icon:not(.Icon--customSize).Icon--round.Icon--hover:hover:not(.is-clicking),
.Icon:not(.Icon--customSize).Icon--square.Icon--hover:hover:not(.is-clicking) {
  height: 40px !important;
  width: 40px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon .SVGImage {
  align-self: center;
}
.Icon--square,
.Icon--round {
  border: 1px solid #4d4d4d;
}
.Icon--square.Icon--fill,
.Icon--round.Icon--fill {
  background: #4d4d4d;
}
.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--square.Icon--fill.Icon--invert,
.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--round {
  border-radius: 50%;
}
.Icon--line {
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}
.Icon--solid {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Icon--hover {
  transition: all ease 0.2s;
}
/* Modifiers
 ------------------------------------------------------------ */
.Icon--xxs:not(.Icon--customSize) {
  height: 10px;
  width: 10px;
}
.Icon--xxs:not(.Icon--customSize) .SVGImage,
.Icon--xxs:not(.Icon--customSize) .SVGImage-svg {
  height: 10px;
  width: 10px;
}
.Icon--xxs:not(.Icon--customSize).Icon--hover:hover:not(.is-clicking) {
  height: 14px !important;
  width: 14px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--xxs:not(.Icon--customSize).Icon--round,
.Icon--xxs:not(.Icon--customSize).Icon--square {
  height: 20px;
  width: 20px;
}
.Icon--xxs:not(.Icon--customSize).Icon--round.Icon--hover:hover:not(.is-clicking),
.Icon--xxs:not(.Icon--customSize).Icon--square.Icon--hover:hover:not(.is-clicking) {
  height: 24px !important;
  width: 24px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--xs:not(.Icon--customSize) {
  height: 12px;
  width: 12px;
}
.Icon--xs:not(.Icon--customSize) .SVGImage,
.Icon--xs:not(.Icon--customSize) .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Icon--xs:not(.Icon--customSize).Icon--hover:hover:not(.is-clicking) {
  height: 16px !important;
  width: 16px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--xs:not(.Icon--customSize).Icon--round,
.Icon--xs:not(.Icon--customSize).Icon--square {
  height: 24px;
  width: 24px;
}
.Icon--xs:not(.Icon--customSize).Icon--round.Icon--hover:hover:not(.is-clicking),
.Icon--xs:not(.Icon--customSize).Icon--square.Icon--hover:hover:not(.is-clicking) {
  height: 28px !important;
  width: 28px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--sm:not(.Icon--customSize) {
  height: 16px;
  width: 16px;
}
.Icon--sm:not(.Icon--customSize) .SVGImage,
.Icon--sm:not(.Icon--customSize) .SVGImage-svg {
  height: 16px;
  width: 16px;
}
.Icon--sm:not(.Icon--customSize).Icon--hover:hover:not(.is-clicking) {
  height: 20px !important;
  width: 20px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--sm:not(.Icon--customSize).Icon--round,
.Icon--sm:not(.Icon--customSize).Icon--square {
  height: 32px;
  width: 32px;
}
.Icon--sm:not(.Icon--customSize).Icon--round.Icon--hover:hover:not(.is-clicking),
.Icon--sm:not(.Icon--customSize).Icon--square.Icon--hover:hover:not(.is-clicking) {
  height: 36px !important;
  width: 36px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--lg:not(.Icon--customSize) {
  height: 24px;
  width: 24px;
}
.Icon--lg:not(.Icon--customSize) .SVGImage,
.Icon--lg:not(.Icon--customSize) .SVGImage-svg {
  height: 24px;
  width: 24px;
}
.Icon--lg:not(.Icon--customSize).Icon--hover:hover:not(.is-clicking) {
  height: 28px !important;
  width: 28px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--lg:not(.Icon--customSize).Icon--round,
.Icon--lg:not(.Icon--customSize).Icon--square {
  height: 48px;
  width: 48px;
}
.Icon--lg:not(.Icon--customSize).Icon--round.Icon--hover:hover:not(.is-clicking),
.Icon--lg:not(.Icon--customSize).Icon--square.Icon--hover:hover:not(.is-clicking) {
  height: 52px !important;
  width: 52px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--xl:not(.Icon--customSize) {
  height: 30px;
  width: 30px;
}
.Icon--xl:not(.Icon--customSize) .SVGImage,
.Icon--xl:not(.Icon--customSize) .SVGImage-svg {
  height: 30px;
  width: 30px;
}
.Icon--xl:not(.Icon--customSize).Icon--hover:hover:not(.is-clicking) {
  height: 34px !important;
  width: 34px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--xl:not(.Icon--customSize).Icon--round,
.Icon--xl:not(.Icon--customSize).Icon--square {
  height: 60px;
  width: 60px;
}
.Icon--xl:not(.Icon--customSize).Icon--round.Icon--hover:hover:not(.is-clicking),
.Icon--xl:not(.Icon--customSize).Icon--square.Icon--hover:hover:not(.is-clicking) {
  height: 64px !important;
  width: 64px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--xxl:not(.Icon--customSize) {
  height: 36px;
  width: 36px;
}
.Icon--xxl:not(.Icon--customSize) .SVGImage,
.Icon--xxl:not(.Icon--customSize) .SVGImage-svg {
  height: 36px;
  width: 36px;
}
.Icon--xxl:not(.Icon--customSize).Icon--hover:hover:not(.is-clicking) {
  height: 40px !important;
  width: 40px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--xxl:not(.Icon--customSize).Icon--round,
.Icon--xxl:not(.Icon--customSize).Icon--square {
  height: 72px;
  width: 72px;
}
.Icon--xxl:not(.Icon--customSize).Icon--round.Icon--hover:hover:not(.is-clicking),
.Icon--xxl:not(.Icon--customSize).Icon--square.Icon--hover:hover:not(.is-clicking) {
  height: 76px !important;
  width: 76px !important;
  margin-top: -2px;
  margin-left: -2px;
}
.Icon--primary,
.Icon--info {
  color: #62BDD0;
}
.Icon--primary:not(.Icon--fixedColor) .SVGImage-svg path,
.Icon--info:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #62BDD0;
}
.Icon--primary.Icon--square,
.Icon--info.Icon--square,
.Icon--primary.Icon--round,
.Icon--info.Icon--round {
  border-color: #62BDD0;
}
.Icon--primary.Icon--square.Icon--invert,
.Icon--info.Icon--square.Icon--invert,
.Icon--primary.Icon--round.Icon--invert,
.Icon--info.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--primary.Icon--square.Icon--fill,
.Icon--info.Icon--square.Icon--fill,
.Icon--primary.Icon--round.Icon--fill,
.Icon--info.Icon--round.Icon--fill {
  background: #62BDD0;
}
.Icon--primary.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--info.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--primary.Icon--round.Icon--fill .SVGImage-svg path,
.Icon--info.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primary.Icon--square.Icon--fill.Icon--invert,
.Icon--info.Icon--square.Icon--fill.Icon--invert,
.Icon--primary.Icon--round.Icon--fill.Icon--invert,
.Icon--info.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--primary.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--info.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--primary.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--info.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #62BDD0;
}
.Icon--primary.Icon--square.Icon--fill.Icon--xlight,
.Icon--info.Icon--square.Icon--fill.Icon--xlight,
.Icon--primary.Icon--round.Icon--fill.Icon--xlight,
.Icon--info.Icon--round.Icon--fill.Icon--xlight {
  border-color: #d8eef3;
  background-color: #d8eef3;
}
.Icon--primary.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--info.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--primary.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--info.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primary.Icon--square.Icon--fill.Icon--light,
.Icon--info.Icon--square.Icon--fill.Icon--light,
.Icon--primary.Icon--round.Icon--fill.Icon--light,
.Icon--info.Icon--round.Icon--fill.Icon--light {
  border-color: #b1dee8;
  background-color: #b1dee8;
}
.Icon--primary.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--info.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--primary.Icon--round.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--info.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primary.Icon--square.Icon--fill.Icon--dark,
.Icon--info.Icon--square.Icon--fill.Icon--dark,
.Icon--primary.Icon--round.Icon--fill.Icon--dark,
.Icon--info.Icon--round.Icon--fill.Icon--dark {
  border-color: #297989;
  background-color: #297989;
}
.Icon--primary.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--info.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--primary.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--info.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primary.Icon--invert .SVGImage-svg path,
.Icon--info.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primary.Icon--invert:active .SVGImage-svg path,
.Icon--info.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primary.Icon--invert:hover .SVGImage-svg path,
.Icon--info.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primary.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path,
.Icon--info.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #2f8a9d;
}
.Icon--primary.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path,
.Icon--info.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #89cddc;
}
.Icon--primary.Icon--clickable.Icon--fill:active,
.Icon--info.Icon--clickable.Icon--fill:active {
  background: #2f8a9d;
}
.Icon--primary.Icon--clickable.Icon--fill:hover,
.Icon--info.Icon--clickable.Icon--fill:hover {
  background: #89cddc;
}
.Icon--primary.Icon--xlight .SVGImage-svg path,
.Icon--info.Icon--xlight .SVGImage-svg path {
  fill: #d8eef3;
}
.Icon--primary.Icon--light .SVGImage-svg path,
.Icon--info.Icon--light .SVGImage-svg path {
  fill: #b1dee8;
}
.Icon--primary.Icon--dark .SVGImage-svg path,
.Icon--info.Icon--dark .SVGImage-svg path {
  fill: #297989;
}
.Icon--secondary,
.Icon--primaryAction {
  color: #566B76;
}
.Icon--secondary:not(.Icon--fixedColor) .SVGImage-svg path,
.Icon--primaryAction:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #566B76;
}
.Icon--secondary.Icon--square,
.Icon--primaryAction.Icon--square,
.Icon--secondary.Icon--round,
.Icon--primaryAction.Icon--round {
  border-color: #566B76;
}
.Icon--secondary.Icon--square.Icon--invert,
.Icon--primaryAction.Icon--square.Icon--invert,
.Icon--secondary.Icon--round.Icon--invert,
.Icon--primaryAction.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--secondary.Icon--square.Icon--fill,
.Icon--primaryAction.Icon--square.Icon--fill,
.Icon--secondary.Icon--round.Icon--fill,
.Icon--primaryAction.Icon--round.Icon--fill {
  background: #566B76;
}
.Icon--secondary.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--primaryAction.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--secondary.Icon--round.Icon--fill .SVGImage-svg path,
.Icon--primaryAction.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondary.Icon--square.Icon--fill.Icon--invert,
.Icon--primaryAction.Icon--square.Icon--fill.Icon--invert,
.Icon--secondary.Icon--round.Icon--fill.Icon--invert,
.Icon--primaryAction.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--secondary.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--primaryAction.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--secondary.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--primaryAction.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #566B76;
}
.Icon--secondary.Icon--square.Icon--fill.Icon--xlight,
.Icon--primaryAction.Icon--square.Icon--fill.Icon--xlight,
.Icon--secondary.Icon--round.Icon--fill.Icon--xlight,
.Icon--primaryAction.Icon--round.Icon--fill.Icon--xlight {
  border-color: #a6b6bf;
  background-color: #a6b6bf;
}
.Icon--secondary.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--primaryAction.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--secondary.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--primaryAction.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondary.Icon--square.Icon--fill.Icon--light,
.Icon--primaryAction.Icon--square.Icon--fill.Icon--light,
.Icon--secondary.Icon--round.Icon--fill.Icon--light,
.Icon--primaryAction.Icon--round.Icon--fill.Icon--light {
  border-color: #899ea9;
  background-color: #899ea9;
}
.Icon--secondary.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--primaryAction.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--secondary.Icon--round.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--primaryAction.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondary.Icon--square.Icon--fill.Icon--dark,
.Icon--primaryAction.Icon--square.Icon--fill.Icon--dark,
.Icon--secondary.Icon--round.Icon--fill.Icon--dark,
.Icon--primaryAction.Icon--round.Icon--fill.Icon--dark {
  border-color: #20282c;
  background-color: #20282c;
}
.Icon--secondary.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--primaryAction.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--secondary.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--primaryAction.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondary.Icon--invert .SVGImage-svg path,
.Icon--primaryAction.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondary.Icon--invert:active .SVGImage-svg path,
.Icon--primaryAction.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondary.Icon--invert:hover .SVGImage-svg path,
.Icon--primaryAction.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondary.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path,
.Icon--primaryAction.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #2b363b;
}
.Icon--secondary.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path,
.Icon--primaryAction.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #6c8693;
}
.Icon--secondary.Icon--clickable.Icon--fill:active,
.Icon--primaryAction.Icon--clickable.Icon--fill:active {
  background: #2b363b;
}
.Icon--secondary.Icon--clickable.Icon--fill:hover,
.Icon--primaryAction.Icon--clickable.Icon--fill:hover {
  background: #6c8693;
}
.Icon--secondary.Icon--xlight .SVGImage-svg path,
.Icon--primaryAction.Icon--xlight .SVGImage-svg path {
  fill: #a6b6bf;
}
.Icon--secondary.Icon--light .SVGImage-svg path,
.Icon--primaryAction.Icon--light .SVGImage-svg path {
  fill: #899ea9;
}
.Icon--secondary.Icon--dark .SVGImage-svg path,
.Icon--primaryAction.Icon--dark .SVGImage-svg path {
  fill: #20282c;
}
.Icon--success,
.Icon--positive {
  color: #88BC76;
}
.Icon--success:not(.Icon--fixedColor) .SVGImage-svg path,
.Icon--positive:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #88BC76;
}
.Icon--success.Icon--square,
.Icon--positive.Icon--square,
.Icon--success.Icon--round,
.Icon--positive.Icon--round {
  border-color: #88BC76;
}
.Icon--success.Icon--square.Icon--invert,
.Icon--positive.Icon--square.Icon--invert,
.Icon--success.Icon--round.Icon--invert,
.Icon--positive.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--success.Icon--square.Icon--fill,
.Icon--positive.Icon--square.Icon--fill,
.Icon--success.Icon--round.Icon--fill,
.Icon--positive.Icon--round.Icon--fill {
  background: #88BC76;
}
.Icon--success.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--positive.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--success.Icon--round.Icon--fill .SVGImage-svg path,
.Icon--positive.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--success.Icon--square.Icon--fill.Icon--invert,
.Icon--positive.Icon--square.Icon--fill.Icon--invert,
.Icon--success.Icon--round.Icon--fill.Icon--invert,
.Icon--positive.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--success.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--positive.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--success.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--positive.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #88BC76;
}
.Icon--success.Icon--square.Icon--fill.Icon--xlight,
.Icon--positive.Icon--square.Icon--fill.Icon--xlight,
.Icon--success.Icon--round.Icon--fill.Icon--xlight,
.Icon--positive.Icon--round.Icon--fill.Icon--xlight {
  border-color: #e1eedd;
  background-color: #e1eedd;
}
.Icon--success.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--positive.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--success.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--positive.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--success.Icon--square.Icon--fill.Icon--light,
.Icon--positive.Icon--square.Icon--fill.Icon--light,
.Icon--success.Icon--round.Icon--fill.Icon--light,
.Icon--positive.Icon--round.Icon--fill.Icon--light {
  border-color: #c4debb;
  background-color: #c4debb;
}
.Icon--success.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--positive.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--success.Icon--round.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--positive.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--success.Icon--square.Icon--fill.Icon--dark,
.Icon--positive.Icon--square.Icon--fill.Icon--dark,
.Icon--success.Icon--round.Icon--fill.Icon--dark,
.Icon--positive.Icon--round.Icon--fill.Icon--dark {
  border-color: #4a783b;
  background-color: #4a783b;
}
.Icon--success.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--positive.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--success.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--positive.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--success.Icon--invert .SVGImage-svg path,
.Icon--positive.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--success.Icon--invert:active .SVGImage-svg path,
.Icon--positive.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--success.Icon--invert:hover .SVGImage-svg path,
.Icon--positive.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--success.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path,
.Icon--positive.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #558943;
}
.Icon--success.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path,
.Icon--positive.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #a6cd98;
}
.Icon--success.Icon--clickable.Icon--fill:active,
.Icon--positive.Icon--clickable.Icon--fill:active {
  background: #558943;
}
.Icon--success.Icon--clickable.Icon--fill:hover,
.Icon--positive.Icon--clickable.Icon--fill:hover {
  background: #a6cd98;
}
.Icon--success.Icon--xlight .SVGImage-svg path,
.Icon--positive.Icon--xlight .SVGImage-svg path {
  fill: #e1eedd;
}
.Icon--success.Icon--light .SVGImage-svg path,
.Icon--positive.Icon--light .SVGImage-svg path {
  fill: #c4debb;
}
.Icon--success.Icon--dark .SVGImage-svg path,
.Icon--positive.Icon--dark .SVGImage-svg path {
  fill: #4a783b;
}
.Icon--warning {
  color: #FEB734;
}
.Icon--warning:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #FEB734;
}
.Icon--warning.Icon--square,
.Icon--warning.Icon--round {
  border-color: #FEB734;
}
.Icon--warning.Icon--square.Icon--invert,
.Icon--warning.Icon--round.Icon--invert {
  border-color: #4d4d4d;
}
.Icon--warning.Icon--square.Icon--fill,
.Icon--warning.Icon--round.Icon--fill {
  background: #FEB734;
}
.Icon--warning.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--warning.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--warning.Icon--square.Icon--fill.Icon--invert,
.Icon--warning.Icon--round.Icon--fill.Icon--invert {
  background: #4d4d4d;
}
.Icon--warning.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--warning.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #FEB734;
}
.Icon--warning.Icon--square.Icon--fill.Icon--xlight,
.Icon--warning.Icon--round.Icon--fill.Icon--xlight {
  border-color: #ffedcc;
  background-color: #ffedcc;
}
.Icon--warning.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--warning.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--warning.Icon--square.Icon--fill.Icon--light,
.Icon--warning.Icon--round.Icon--fill.Icon--light {
  border-color: #ffdb9a;
  background-color: #ffdb9a;
}
.Icon--warning.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--warning.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--warning.Icon--square.Icon--fill.Icon--dark,
.Icon--warning.Icon--round.Icon--fill.Icon--dark {
  border-color: #b27301;
  background-color: #b27301;
}
.Icon--warning.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--warning.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--warning.Icon--invert .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--warning.Icon--invert:active .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--warning.Icon--invert:hover .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--warning.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #cb8401;
}
.Icon--warning.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #fec967;
}
.Icon--warning.Icon--clickable.Icon--fill:active {
  background: #cb8401;
}
.Icon--warning.Icon--clickable.Icon--fill:hover {
  background: #fec967;
}
.Icon--warning.Icon--xlight .SVGImage-svg path {
  fill: #ffedcc;
}
.Icon--warning.Icon--light .SVGImage-svg path {
  fill: #ffdb9a;
}
.Icon--warning.Icon--dark .SVGImage-svg path {
  fill: #b27301;
}
.Icon--danger,
.Icon--negative {
  color: #EF7F43;
}
.Icon--danger:not(.Icon--fixedColor) .SVGImage-svg path,
.Icon--negative:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #EF7F43;
}
.Icon--danger.Icon--square,
.Icon--negative.Icon--square,
.Icon--danger.Icon--round,
.Icon--negative.Icon--round {
  border-color: #EF7F43;
}
.Icon--danger.Icon--square.Icon--invert,
.Icon--negative.Icon--square.Icon--invert,
.Icon--danger.Icon--round.Icon--invert,
.Icon--negative.Icon--round.Icon--invert {
  border-color: #4d4d4d;
}
.Icon--danger.Icon--square.Icon--fill,
.Icon--negative.Icon--square.Icon--fill,
.Icon--danger.Icon--round.Icon--fill,
.Icon--negative.Icon--round.Icon--fill {
  background: #EF7F43;
}
.Icon--danger.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--negative.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--danger.Icon--round.Icon--fill .SVGImage-svg path,
.Icon--negative.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--danger.Icon--square.Icon--fill.Icon--invert,
.Icon--negative.Icon--square.Icon--fill.Icon--invert,
.Icon--danger.Icon--round.Icon--fill.Icon--invert,
.Icon--negative.Icon--round.Icon--fill.Icon--invert {
  background: #4d4d4d;
}
.Icon--danger.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--negative.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--danger.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--negative.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #EF7F43;
}
.Icon--danger.Icon--square.Icon--fill.Icon--xlight,
.Icon--negative.Icon--square.Icon--fill.Icon--xlight,
.Icon--danger.Icon--round.Icon--fill.Icon--xlight,
.Icon--negative.Icon--round.Icon--fill.Icon--xlight {
  border-color: #fbdfd0;
  background-color: #fbdfd0;
}
.Icon--danger.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--negative.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--danger.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--negative.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--danger.Icon--square.Icon--fill.Icon--light,
.Icon--negative.Icon--square.Icon--fill.Icon--light,
.Icon--danger.Icon--round.Icon--fill.Icon--light,
.Icon--negative.Icon--round.Icon--fill.Icon--light {
  border-color: #f7bfa1;
  background-color: #f7bfa1;
}
.Icon--danger.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--negative.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--danger.Icon--round.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--negative.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--danger.Icon--square.Icon--fill.Icon--dark,
.Icon--negative.Icon--square.Icon--fill.Icon--dark,
.Icon--danger.Icon--round.Icon--fill.Icon--dark,
.Icon--negative.Icon--round.Icon--fill.Icon--dark {
  border-color: #a5420e;
  background-color: #a5420e;
}
.Icon--danger.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--negative.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--danger.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--negative.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--danger.Icon--invert .SVGImage-svg path,
.Icon--negative.Icon--invert .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--danger.Icon--invert:active .SVGImage-svg path,
.Icon--negative.Icon--invert:active .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--danger.Icon--invert:hover .SVGImage-svg path,
.Icon--negative.Icon--invert:hover .SVGImage-svg path {
  fill: #4d4d4d;
}
.Icon--danger.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path,
.Icon--negative.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #bc4c10;
}
.Icon--danger.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path,
.Icon--negative.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #f39f72;
}
.Icon--danger.Icon--clickable.Icon--fill:active,
.Icon--negative.Icon--clickable.Icon--fill:active {
  background: #bc4c10;
}
.Icon--danger.Icon--clickable.Icon--fill:hover,
.Icon--negative.Icon--clickable.Icon--fill:hover {
  background: #f39f72;
}
.Icon--danger.Icon--xlight .SVGImage-svg path,
.Icon--negative.Icon--xlight .SVGImage-svg path {
  fill: #fbdfd0;
}
.Icon--danger.Icon--light .SVGImage-svg path,
.Icon--negative.Icon--light .SVGImage-svg path {
  fill: #f7bfa1;
}
.Icon--danger.Icon--dark .SVGImage-svg path,
.Icon--negative.Icon--dark .SVGImage-svg path {
  fill: #a5420e;
}
.Icon--danger.Icon--normal:before,
.Icon--negative.Icon--normal:before {
  font-weight: bold !important;
}
.Icon--disabled,
.Icon--secondaryAction {
  color: #b3b3b3;
}
.Icon--disabled:not(.Icon--fixedColor) .SVGImage-svg path,
.Icon--secondaryAction:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #b3b3b3;
}
.Icon--disabled.Icon--square,
.Icon--secondaryAction.Icon--square,
.Icon--disabled.Icon--round,
.Icon--secondaryAction.Icon--round {
  border-color: #b3b3b3;
}
.Icon--disabled.Icon--square.Icon--invert,
.Icon--secondaryAction.Icon--square.Icon--invert,
.Icon--disabled.Icon--round.Icon--invert,
.Icon--secondaryAction.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--disabled.Icon--square.Icon--fill,
.Icon--secondaryAction.Icon--square.Icon--fill,
.Icon--disabled.Icon--round.Icon--fill,
.Icon--secondaryAction.Icon--round.Icon--fill {
  background: #b3b3b3;
}
.Icon--disabled.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--secondaryAction.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--disabled.Icon--round.Icon--fill .SVGImage-svg path,
.Icon--secondaryAction.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--disabled.Icon--square.Icon--fill.Icon--invert,
.Icon--secondaryAction.Icon--square.Icon--fill.Icon--invert,
.Icon--disabled.Icon--round.Icon--fill.Icon--invert,
.Icon--secondaryAction.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--disabled.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--secondaryAction.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--disabled.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--secondaryAction.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #b3b3b3;
}
.Icon--disabled.Icon--square.Icon--fill.Icon--xlight,
.Icon--secondaryAction.Icon--square.Icon--fill.Icon--xlight,
.Icon--disabled.Icon--round.Icon--fill.Icon--xlight,
.Icon--secondaryAction.Icon--round.Icon--fill.Icon--xlight {
  border-color: #ffffff;
  background-color: #ffffff;
}
.Icon--disabled.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--secondaryAction.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--disabled.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--secondaryAction.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--disabled.Icon--square.Icon--fill.Icon--light,
.Icon--secondaryAction.Icon--square.Icon--fill.Icon--light,
.Icon--disabled.Icon--round.Icon--fill.Icon--light,
.Icon--secondaryAction.Icon--round.Icon--fill.Icon--light {
  border-color: #e6e6e6;
  background-color: #e6e6e6;
}
.Icon--disabled.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--secondaryAction.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--disabled.Icon--round.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--secondaryAction.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--disabled.Icon--square.Icon--fill.Icon--dark,
.Icon--secondaryAction.Icon--square.Icon--fill.Icon--dark,
.Icon--disabled.Icon--round.Icon--fill.Icon--dark,
.Icon--secondaryAction.Icon--round.Icon--fill.Icon--dark {
  border-color: #737373;
  background-color: #737373;
}
.Icon--disabled.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--secondaryAction.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--disabled.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--secondaryAction.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--disabled.Icon--invert .SVGImage-svg path,
.Icon--secondaryAction.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--disabled.Icon--invert:active .SVGImage-svg path,
.Icon--secondaryAction.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--disabled.Icon--invert:hover .SVGImage-svg path,
.Icon--secondaryAction.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--disabled.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path,
.Icon--secondaryAction.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #808080;
}
.Icon--disabled.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path,
.Icon--secondaryAction.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #cccccc;
}
.Icon--disabled.Icon--clickable.Icon--fill:active,
.Icon--secondaryAction.Icon--clickable.Icon--fill:active {
  background: #808080;
}
.Icon--disabled.Icon--clickable.Icon--fill:hover,
.Icon--secondaryAction.Icon--clickable.Icon--fill:hover {
  background: #cccccc;
}
.Icon--disabled.Icon--xlight .SVGImage-svg path,
.Icon--secondaryAction.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--disabled.Icon--light .SVGImage-svg path,
.Icon--secondaryAction.Icon--light .SVGImage-svg path {
  fill: #e6e6e6;
}
.Icon--disabled.Icon--dark .SVGImage-svg path,
.Icon--secondaryAction.Icon--dark .SVGImage-svg path {
  fill: #737373;
}
.Icon--brandAction {
  color: #E95949;
}
.Icon--brandAction:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #E95949;
}
.Icon--brandAction.Icon--square,
.Icon--brandAction.Icon--round {
  border-color: #E95949;
}
.Icon--brandAction.Icon--square.Icon--invert,
.Icon--brandAction.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--brandAction.Icon--square.Icon--fill,
.Icon--brandAction.Icon--round.Icon--fill {
  background: #E95949;
}
.Icon--brandAction.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--brandAction.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--brandAction.Icon--square.Icon--fill.Icon--invert,
.Icon--brandAction.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--brandAction.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--brandAction.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #E95949;
}
.Icon--brandAction.Icon--square.Icon--fill.Icon--xlight,
.Icon--brandAction.Icon--round.Icon--fill.Icon--xlight {
  border-color: #fad5d1;
  background-color: #fad5d1;
}
.Icon--brandAction.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--brandAction.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--brandAction.Icon--square.Icon--fill.Icon--light,
.Icon--brandAction.Icon--round.Icon--fill.Icon--light {
  border-color: #f4aca4;
  background-color: #f4aca4;
}
.Icon--brandAction.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--brandAction.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--brandAction.Icon--square.Icon--fill.Icon--dark,
.Icon--brandAction.Icon--round.Icon--fill.Icon--dark {
  border-color: #9f2113;
  background-color: #9f2113;
}
.Icon--brandAction.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--brandAction.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--brandAction.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--brandAction.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--brandAction.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--brandAction.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #b62616;
}
.Icon--brandAction.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #ef8376;
}
.Icon--brandAction.Icon--clickable.Icon--fill:active {
  background: #b62616;
}
.Icon--brandAction.Icon--clickable.Icon--fill:hover {
  background: #ef8376;
}
.Icon--brandAction.Icon--xlight .SVGImage-svg path {
  fill: #fad5d1;
}
.Icon--brandAction.Icon--light .SVGImage-svg path {
  fill: #f4aca4;
}
.Icon--brandAction.Icon--dark .SVGImage-svg path {
  fill: #9f2113;
}
.Icon--neutral {
  color: #997AB6;
}
.Icon--neutral:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #997AB6;
}
.Icon--neutral.Icon--square,
.Icon--neutral.Icon--round {
  border-color: #997AB6;
}
.Icon--neutral.Icon--square.Icon--invert,
.Icon--neutral.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--neutral.Icon--square.Icon--fill,
.Icon--neutral.Icon--round.Icon--fill {
  background: #997AB6;
}
.Icon--neutral.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--neutral.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--neutral.Icon--square.Icon--fill.Icon--invert,
.Icon--neutral.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--neutral.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--neutral.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #997AB6;
}
.Icon--neutral.Icon--square.Icon--fill.Icon--xlight,
.Icon--neutral.Icon--round.Icon--fill.Icon--xlight {
  border-color: #e5ddec;
  background-color: #e5ddec;
}
.Icon--neutral.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--neutral.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--neutral.Icon--square.Icon--fill.Icon--light,
.Icon--neutral.Icon--round.Icon--fill.Icon--light {
  border-color: #ccbcda;
  background-color: #ccbcda;
}
.Icon--neutral.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--neutral.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--neutral.Icon--square.Icon--fill.Icon--dark,
.Icon--neutral.Icon--round.Icon--fill.Icon--dark {
  border-color: #593f72;
  background-color: #593f72;
}
.Icon--neutral.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--neutral.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--neutral.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--neutral.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--neutral.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--neutral.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #664882;
}
.Icon--neutral.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #b29bc8;
}
.Icon--neutral.Icon--clickable.Icon--fill:active {
  background: #664882;
}
.Icon--neutral.Icon--clickable.Icon--fill:hover {
  background: #b29bc8;
}
.Icon--neutral.Icon--xlight .SVGImage-svg path {
  fill: #e5ddec;
}
.Icon--neutral.Icon--light .SVGImage-svg path {
  fill: #ccbcda;
}
.Icon--neutral.Icon--dark .SVGImage-svg path {
  fill: #593f72;
}
.Icon--primaryBrand {
  color: #E95949;
}
.Icon--primaryBrand:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #E95949;
}
.Icon--primaryBrand.Icon--square,
.Icon--primaryBrand.Icon--round {
  border-color: #E95949;
}
.Icon--primaryBrand.Icon--square.Icon--invert,
.Icon--primaryBrand.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--primaryBrand.Icon--square.Icon--fill,
.Icon--primaryBrand.Icon--round.Icon--fill {
  background: #E95949;
}
.Icon--primaryBrand.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--primaryBrand.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primaryBrand.Icon--square.Icon--fill.Icon--invert,
.Icon--primaryBrand.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--primaryBrand.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--primaryBrand.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #E95949;
}
.Icon--primaryBrand.Icon--square.Icon--fill.Icon--xlight,
.Icon--primaryBrand.Icon--round.Icon--fill.Icon--xlight {
  border-color: #fad5d1;
  background-color: #fad5d1;
}
.Icon--primaryBrand.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--primaryBrand.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primaryBrand.Icon--square.Icon--fill.Icon--light,
.Icon--primaryBrand.Icon--round.Icon--fill.Icon--light {
  border-color: #f4aca4;
  background-color: #f4aca4;
}
.Icon--primaryBrand.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--primaryBrand.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primaryBrand.Icon--square.Icon--fill.Icon--dark,
.Icon--primaryBrand.Icon--round.Icon--fill.Icon--dark {
  border-color: #9f2113;
  background-color: #9f2113;
}
.Icon--primaryBrand.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--primaryBrand.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primaryBrand.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primaryBrand.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primaryBrand.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--primaryBrand.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #b62616;
}
.Icon--primaryBrand.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #ef8376;
}
.Icon--primaryBrand.Icon--clickable.Icon--fill:active {
  background: #b62616;
}
.Icon--primaryBrand.Icon--clickable.Icon--fill:hover {
  background: #ef8376;
}
.Icon--primaryBrand.Icon--xlight .SVGImage-svg path {
  fill: #fad5d1;
}
.Icon--primaryBrand.Icon--light .SVGImage-svg path {
  fill: #f4aca4;
}
.Icon--primaryBrand.Icon--dark .SVGImage-svg path {
  fill: #9f2113;
}
.Icon--secondaryBrand {
  color: #4B5E68;
}
.Icon--secondaryBrand:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #4B5E68;
}
.Icon--secondaryBrand.Icon--square,
.Icon--secondaryBrand.Icon--round {
  border-color: #4B5E68;
}
.Icon--secondaryBrand.Icon--square.Icon--invert,
.Icon--secondaryBrand.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--secondaryBrand.Icon--square.Icon--fill,
.Icon--secondaryBrand.Icon--round.Icon--fill {
  background: #4B5E68;
}
.Icon--secondaryBrand.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--secondaryBrand.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondaryBrand.Icon--square.Icon--fill.Icon--invert,
.Icon--secondaryBrand.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--secondaryBrand.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--secondaryBrand.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #4B5E68;
}
.Icon--secondaryBrand.Icon--square.Icon--fill.Icon--xlight,
.Icon--secondaryBrand.Icon--round.Icon--fill.Icon--xlight {
  border-color: #98aab4;
  background-color: #98aab4;
}
.Icon--secondaryBrand.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--secondaryBrand.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondaryBrand.Icon--square.Icon--fill.Icon--light,
.Icon--secondaryBrand.Icon--round.Icon--fill.Icon--light {
  border-color: #7a929f;
  background-color: #7a929f;
}
.Icon--secondaryBrand.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--secondaryBrand.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondaryBrand.Icon--square.Icon--fill.Icon--dark,
.Icon--secondaryBrand.Icon--round.Icon--fill.Icon--dark {
  border-color: #161b1e;
  background-color: #161b1e;
}
.Icon--secondaryBrand.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--secondaryBrand.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondaryBrand.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondaryBrand.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondaryBrand.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--secondaryBrand.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #20282d;
}
.Icon--secondaryBrand.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #607986;
}
.Icon--secondaryBrand.Icon--clickable.Icon--fill:active {
  background: #20282d;
}
.Icon--secondaryBrand.Icon--clickable.Icon--fill:hover {
  background: #607986;
}
.Icon--secondaryBrand.Icon--xlight .SVGImage-svg path {
  fill: #98aab4;
}
.Icon--secondaryBrand.Icon--light .SVGImage-svg path {
  fill: #7a929f;
}
.Icon--secondaryBrand.Icon--dark .SVGImage-svg path {
  fill: #161b1e;
}
.Icon--tertiaryBrand {
  color: #F4F4F0;
}
.Icon--tertiaryBrand:not(.Icon--fixedColor) .SVGImage-svg path {
  fill: #F4F4F0;
}
.Icon--tertiaryBrand.Icon--square,
.Icon--tertiaryBrand.Icon--round {
  border-color: #F4F4F0;
}
.Icon--tertiaryBrand.Icon--square.Icon--invert,
.Icon--tertiaryBrand.Icon--round.Icon--invert {
  border-color: #ffffff;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill,
.Icon--tertiaryBrand.Icon--round.Icon--fill {
  background: #F4F4F0;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill .SVGImage-svg path,
.Icon--tertiaryBrand.Icon--round.Icon--fill .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill.Icon--invert,
.Icon--tertiaryBrand.Icon--round.Icon--fill.Icon--invert {
  background: #ffffff;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill.Icon--invert .SVGImage-svg path,
.Icon--tertiaryBrand.Icon--round.Icon--fill.Icon--invert .SVGImage-svg path {
  fill: #F4F4F0;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill.Icon--xlight,
.Icon--tertiaryBrand.Icon--round.Icon--fill.Icon--xlight {
  border-color: #ffffff;
  background-color: #ffffff;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill.Icon--xlight .SVGImage-svg path,
.Icon--tertiaryBrand.Icon--round.Icon--fill.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill.Icon--light,
.Icon--tertiaryBrand.Icon--round.Icon--fill.Icon--light {
  border-color: #ffffff;
  background-color: #ffffff;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill.Icon--light .SVGImage-svg path,
.Icon--tertiaryBrand.Icon--round.Icon--fill.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill.Icon--dark,
.Icon--tertiaryBrand.Icon--round.Icon--fill.Icon--dark {
  border-color: #bebea6;
  background-color: #bebea6;
}
.Icon--tertiaryBrand.Icon--square.Icon--fill.Icon--dark .SVGImage-svg path,
.Icon--tertiaryBrand.Icon--round.Icon--fill.Icon--dark .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--invert .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--invert:active .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--invert:hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--clickable:not(.Icon--fill):active .SVGImage-svg path {
  fill: #c9c9b5;
}
.Icon--tertiaryBrand.Icon--clickable:not(.Icon--fill):hover .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--clickable.Icon--fill:active {
  background: #c9c9b5;
}
.Icon--tertiaryBrand.Icon--clickable.Icon--fill:hover {
  background: #ffffff;
}
.Icon--tertiaryBrand.Icon--xlight .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--light .SVGImage-svg path {
  fill: #ffffff;
}
.Icon--tertiaryBrand.Icon--dark .SVGImage-svg path {
  fill: #bebea6;
}
.Icon--90 {
  transform: rotate(90deg);
}
.Icon--180 {
  transform: rotate(180deg);
}
.Icon--270 {
  transform: rotate(270deg);
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Accordion {
  border: 1px solid #e6e6e6;
}
/* Descendants
------------------------------------------------------------ */
.Accordion-pane-header {
  position: relative;
  background: #F4F4F0;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
.Accordion-pane-header-title.Heading {
  margin: 0;
  padding: 12px 48px 12px 12px;
}
.Accordion-pane-header-icon {
  position: absolute;
  right: 12px;
  top: 12px;
}
.Accordion-pane-content {
  height: 0;
  overflow: hidden;
}
.Accordion-pane-content:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.Accordion-pane-content-body {
  padding: 12px;
}
/* States
 ------------------------------------------------------------ */
.Accordion-pane.is-open .Accordion-pane-content {
  height: auto;
  overflow: visible;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Spinner .Spinner-anim {
  font-size: 2px;
}
.Spinner .Spinner-text {
  font-size: 14px;
}
.Spinner-anim {
  text-align: center;
  margin: auto;
  text-indent: -9999em;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid #4d4d4d;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.Spinner-anim,
.Spinner-anim:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
  overflow: hidden;
}
/* Modifiers
 ------------------------------------------------------------ */
.Spinner--xxl .Spinner-anim {
  font-size: 8px;
}
.Spinner--xxl .Spinner-text {
  font-size: 30px;
}
.Spinner--xl .Spinner-anim {
  font-size: 6px;
}
.Spinner--xl .Spinner-text {
  font-size: 20px;
}
.Spinner--lg .Spinner-anim {
  font-size: 4px;
}
.Spinner--lg .Spinner-text {
  font-size: 16px;
}
.Spinner--sm .Spinner-anim {
  font-size: 1px;
}
.Spinner--sm .Spinner-text {
  font-size: 12px;
}
.Spinner--xs .Spinner-anim {
  font-size: 0.7px;
}
.Spinner--xs .Spinner-text {
  font-size: 10px;
}
.Spinner--xxs .Spinner-anim {
  font-size: 0.5px;
}
.Spinner--xxs .Spinner-text {
  font-size: 8px;
}
.Spinner--inverse .Spinner-anim {
  border-left-color: #FFFFFF;
}
.Spinner--horizontal {
  display: flex;
  align-items: center;
}
.Spinner--horizontal .Spinner-text {
  margin-left: 12px;
  text-align: left;
  display: block;
  line-height: 150%;
}
.Spinner--horizontal.Spinner--rightSided .Spinner-text {
  margin-left: inherit;
  margin-right: 12px;
}
.Spinner--vertical .Spinner-content {
  text-align: center;
  margin-top: 12px;
}
/* Mixins
 ------------------------------------------------------------ */
/* Animation
 ------------------------------------------------------------ */
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Button
 ------------------------------------------------------------ */
.Button {
  display: inline-flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0;
  box-sizing: border-box;
  font-weight: 500;
  vertical-align: middle;
  font-size: 14px;
  line-height: 48px;
  height: 48px;
}
.Button.is-busy:not(.Button--clean) {
  height: 48px;
}
.Button:not(.Button--icon) {
  padding-left: 12px;
  padding-right: 12px;
}
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon {
  height: 24px;
  width: 24px;
}
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage,
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage-svg {
  height: 24px;
  width: 24px;
}
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round,
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square {
  height: 22px;
  width: 22px;
}
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage,
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage,
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Button:not(.Button--icon).Button--clean .Button-icon.Icon {
  height: 12px;
  width: 12px;
}
.Button:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage,
.Button:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Button:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round,
.Button:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square {
  height: 10px;
  width: 10px;
}
.Button:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage,
.Button:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage,
.Button:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 6px;
  width: 6px;
}
.Button-label {
  min-width: 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  width: auto;
}
.Button:focus {
  outline: none;
}
.Button:hover {
  cursor: pointer;
}
/* Button types
 ------------------------------------------------------------ */
.Button--fallback {
  border: 1px solid #b3b3b3;
}
.Button--fallback:hover {
  background: #c0c0c0;
}
.Button--fallback:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Button--fallback.is-disabled {
  opacity: 0.42;
}
.Button--fallback .Button-icon.Icon {
  vertical-align: middle;
}
.Button--fallback .Button-icon.Icon + .Button-label {
  margin-left: 12px;
}
.Button--fallback .Button-label + .Button-icon {
  margin-left: 12px;
}
.Button--default {
  border-radius: 3px;
  padding: 0 24px;
}
.Button--default.Button--primary {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.Button--default.Button--primary:hover {
  background-color: #91d1de;
}
.Button--default.Button--primary:active {
  background-color: #38a6bc;
}
.Button--default.Button--primary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(98, 189, 208, 0.2);
}
.Button--default.Button--primary.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--primary.Button--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.Button--default.Button--primary.Button--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.Button--default.Button--primary.Button--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.Button--default.Button--secondary {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.Button--default.Button--secondary:hover {
  background-color: #718b98;
}
.Button--default.Button--secondary:active {
  background-color: #3c4b53;
}
.Button--default.Button--secondary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Button--default.Button--secondary.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--secondary.Button--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.Button--default.Button--secondary.Button--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.Button--default.Button--secondary.Button--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.Button--default.Button--tertiary {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.Button--default.Button--tertiary:hover {
  background-color: #b7a2cc;
}
.Button--default.Button--tertiary:active {
  background-color: #7b569d;
}
.Button--default.Button--tertiary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(153, 122, 182, 0.2);
}
.Button--default.Button--tertiary.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--tertiary.Button--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.Button--default.Button--tertiary.Button--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.Button--default.Button--tertiary.Button--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.Button--default.Button--success {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.Button--default.Button--success:hover {
  background-color: #acd09f;
}
.Button--default.Button--success:active {
  background-color: #66a450;
}
.Button--default.Button--success:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(136, 188, 118, 0.2);
}
.Button--default.Button--success.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--success.Button--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.Button--default.Button--success.Button--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.Button--default.Button--success.Button--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.Button--default.Button--danger {
  background-color: #EF7F43;
  color: #ffffff;
  border-color: #EF7F43;
}
.Button--default.Button--danger:hover {
  background-color: #f4a57b;
}
.Button--default.Button--danger:active {
  background-color: #e25b13;
}
.Button--default.Button--danger:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(239, 127, 67, 0.2);
}
.Button--default.Button--danger.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--danger.Button--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.Button--default.Button--danger.Button--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.Button--default.Button--danger.Button--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.Button--default.Button--info {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.Button--default.Button--info:hover {
  background-color: #91d1de;
}
.Button--default.Button--info:active {
  background-color: #38a6bc;
}
.Button--default.Button--info:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(98, 189, 208, 0.2);
}
.Button--default.Button--info.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--info.Button--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.Button--default.Button--info.Button--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.Button--default.Button--info.Button--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.Button--default.Button--positive {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.Button--default.Button--positive:hover {
  background-color: #acd09f;
}
.Button--default.Button--positive:active {
  background-color: #66a450;
}
.Button--default.Button--positive:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(136, 188, 118, 0.2);
}
.Button--default.Button--positive.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--positive.Button--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.Button--default.Button--positive.Button--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.Button--default.Button--positive.Button--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.Button--default.Button--warning {
  background-color: #FEB734;
  color: #4d4d4d;
  border-color: #FEB734;
}
.Button--default.Button--warning:hover {
  background-color: #fecd71;
}
.Button--default.Button--warning:active {
  background-color: #f49e01;
}
.Button--default.Button--warning:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(254, 183, 52, 0.2);
}
.Button--default.Button--warning.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--warning.Button--xlight {
  background-color: #ffedcc;
  color: #4d4d4d;
}
.Button--default.Button--warning.Button--light {
  background-color: #ffdb9a;
  color: #4d4d4d;
}
.Button--default.Button--warning.Button--dark {
  background-color: #b27301;
  color: #ffffff;
  border-color: #b27301;
}
.Button--default.Button--negative {
  background-color: #EF7F43;
  color: #4d4d4d;
  border-color: #EF7F43;
}
.Button--default.Button--negative:hover {
  background-color: #f4a57b;
}
.Button--default.Button--negative:active {
  background-color: #e25b13;
}
.Button--default.Button--negative:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(239, 127, 67, 0.2);
}
.Button--default.Button--negative.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--negative.Button--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.Button--default.Button--negative.Button--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.Button--default.Button--negative.Button--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.Button--default.Button--negative.Button--normal {
  font-weight: bold;
}
.Button--default.Button--neutral {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.Button--default.Button--neutral:hover {
  background-color: #b7a2cc;
}
.Button--default.Button--neutral:active {
  background-color: #7b569d;
}
.Button--default.Button--neutral:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(153, 122, 182, 0.2);
}
.Button--default.Button--neutral.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--neutral.Button--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.Button--default.Button--neutral.Button--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.Button--default.Button--neutral.Button--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.Button--default.Button--primaryBrand {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.Button--default.Button--primaryBrand:hover {
  background-color: #f08b80;
}
.Button--default.Button--primaryBrand:active {
  background-color: #da2e1a;
}
.Button--default.Button--primaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(233, 89, 73, 0.2);
}
.Button--default.Button--primaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--primaryBrand.Button--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.Button--default.Button--primaryBrand.Button--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.Button--default.Button--primaryBrand.Button--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.Button--default.Button--secondaryBrand {
  background-color: #4B5E68;
  color: #ffffff;
  border-color: #4B5E68;
}
.Button--default.Button--secondaryBrand:hover {
  background-color: #657e8c;
}
.Button--default.Button--secondaryBrand:active {
  background-color: #313e44;
}
.Button--default.Button--secondaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(75, 94, 104, 0.2);
}
.Button--default.Button--secondaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--secondaryBrand.Button--xlight {
  background-color: #98aab4;
  color: #4d4d4d;
}
.Button--default.Button--secondaryBrand.Button--light {
  background-color: #7a929f;
  color: #4d4d4d;
}
.Button--default.Button--secondaryBrand.Button--dark {
  background-color: #161b1e;
  color: #ffffff;
  border-color: #161b1e;
}
.Button--default.Button--tertiaryBrand {
  background-color: #F4F4F0;
  color: #4d4d4d;
  border-color: #F4F4F0;
}
.Button--default.Button--tertiaryBrand:hover {
  background-color: #ffffff;
}
.Button--default.Button--tertiaryBrand:active {
  background-color: #dadacd;
}
.Button--default.Button--tertiaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(244, 244, 240, 0.2);
}
.Button--default.Button--tertiaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--tertiaryBrand.Button--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Button--default.Button--tertiaryBrand.Button--light {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Button--default.Button--tertiaryBrand.Button--dark {
  background-color: #bebea6;
  color: #4d4d4d;
  border-color: #bebea6;
}
.Button--default.Button--primaryAction {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.Button--default.Button--primaryAction:hover {
  background-color: #718b98;
}
.Button--default.Button--primaryAction:active {
  background-color: #3c4b53;
}
.Button--default.Button--primaryAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Button--default.Button--primaryAction.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--primaryAction.Button--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.Button--default.Button--primaryAction.Button--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.Button--default.Button--primaryAction.Button--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.Button--default.Button--brandAction {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.Button--default.Button--brandAction:hover {
  background-color: #f08b80;
}
.Button--default.Button--brandAction:active {
  background-color: #da2e1a;
}
.Button--default.Button--brandAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(233, 89, 73, 0.2);
}
.Button--default.Button--brandAction.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--brandAction.Button--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.Button--default.Button--brandAction.Button--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.Button--default.Button--brandAction.Button--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.Button--default.Button--secondaryAction {
  background-color: #b3b3b3;
  color: #ffffff;
  border-color: #b3b3b3;
}
.Button--default.Button--secondaryAction:hover {
  background-color: #d2d2d2;
}
.Button--default.Button--secondaryAction:active {
  background-color: #949494;
}
.Button--default.Button--secondaryAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(179, 179, 179, 0.2);
}
.Button--default.Button--secondaryAction.is-disabled {
  opacity: 0.42;
}
.Button--default.Button--secondaryAction.Button--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Button--default.Button--secondaryAction.Button--light {
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.Button--default.Button--secondaryAction.Button--dark {
  background-color: #737373;
  color: #ffffff;
  border-color: #737373;
}
.Button--default .Button-icon.Icon {
  vertical-align: middle;
}
.Button--default .Button-icon.Icon + .Button-label {
  margin-left: 12px;
}
.Button--default .Button-label + .Button-icon {
  margin-left: 12px;
}
.Button--link {
  justify-content: left;
  padding: 0 24px;
  border-radius: 3px;
}
.Button--link .Button-label {
  text-align: left;
}
.Button--link:hover {
  background: #c0c0c0;
}
.Button--link:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Button--link.Button--primary {
  color: #62BDD0;
}
.Button--link.Button--primary.Button--xlight {
  color: #d8eef3;
}
.Button--link.Button--primary.Button--light {
  color: #b1dee8;
}
.Button--link.Button--primary.Button--dark {
  color: #297989;
}
.Button--link.Button--primary:hover {
  background-color: #d8eef3;
}
.Button--link.Button--primary:active {
  background-color: #b1dee8;
}
.Button--link.Button--primary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(98, 189, 208, 0.2);
}
.Button--link.Button--primary.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--secondary {
  color: #566B76;
}
.Button--link.Button--secondary.Button--xlight {
  color: #a6b6bf;
}
.Button--link.Button--secondary.Button--light {
  color: #899ea9;
}
.Button--link.Button--secondary.Button--dark {
  color: #20282c;
}
.Button--link.Button--secondary:hover {
  background-color: #a6b6bf;
}
.Button--link.Button--secondary:active {
  background-color: #899ea9;
}
.Button--link.Button--secondary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Button--link.Button--secondary.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--tertiary {
  color: #997AB6;
}
.Button--link.Button--tertiary.Button--xlight {
  color: #e5ddec;
}
.Button--link.Button--tertiary.Button--light {
  color: #ccbcda;
}
.Button--link.Button--tertiary.Button--dark {
  color: #593f72;
}
.Button--link.Button--tertiary:hover {
  background-color: #e5ddec;
}
.Button--link.Button--tertiary:active {
  background-color: #ccbcda;
}
.Button--link.Button--tertiary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(153, 122, 182, 0.2);
}
.Button--link.Button--tertiary.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--success {
  color: #88BC76;
}
.Button--link.Button--success.Button--xlight {
  color: #e1eedd;
}
.Button--link.Button--success.Button--light {
  color: #c4debb;
}
.Button--link.Button--success.Button--dark {
  color: #4a783b;
}
.Button--link.Button--success:hover {
  background-color: #e1eedd;
}
.Button--link.Button--success:active {
  background-color: #c4debb;
}
.Button--link.Button--success:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(136, 188, 118, 0.2);
}
.Button--link.Button--success.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--danger {
  color: #EF7F43;
}
.Button--link.Button--danger.Button--xlight {
  color: #fbdfd0;
}
.Button--link.Button--danger.Button--light {
  color: #f7bfa1;
}
.Button--link.Button--danger.Button--dark {
  color: #a5420e;
}
.Button--link.Button--danger:hover {
  background-color: #fbdfd0;
}
.Button--link.Button--danger:active {
  background-color: #f7bfa1;
}
.Button--link.Button--danger:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(239, 127, 67, 0.2);
}
.Button--link.Button--danger.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--info {
  color: #62BDD0;
}
.Button--link.Button--info.Button--xlight {
  color: #d8eef3;
}
.Button--link.Button--info.Button--light {
  color: #b1dee8;
}
.Button--link.Button--info.Button--dark {
  color: #297989;
}
.Button--link.Button--info:hover {
  background-color: #d8eef3;
}
.Button--link.Button--info:active {
  background-color: #b1dee8;
}
.Button--link.Button--info:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(98, 189, 208, 0.2);
}
.Button--link.Button--info.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--positive {
  color: #88BC76;
}
.Button--link.Button--positive.Button--xlight {
  color: #e1eedd;
}
.Button--link.Button--positive.Button--light {
  color: #c4debb;
}
.Button--link.Button--positive.Button--dark {
  color: #4a783b;
}
.Button--link.Button--positive:hover {
  background-color: #e1eedd;
}
.Button--link.Button--positive:active {
  background-color: #c4debb;
}
.Button--link.Button--positive:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(136, 188, 118, 0.2);
}
.Button--link.Button--positive.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--warning {
  color: #FEB734;
}
.Button--link.Button--warning.Button--xlight {
  color: #ffedcc;
}
.Button--link.Button--warning.Button--light {
  color: #ffdb9a;
}
.Button--link.Button--warning.Button--dark {
  color: #b27301;
}
.Button--link.Button--warning:hover {
  background-color: #ffedcc;
}
.Button--link.Button--warning:active {
  background-color: #ffdb9a;
}
.Button--link.Button--warning:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(254, 183, 52, 0.2);
}
.Button--link.Button--warning.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--negative {
  color: #EF7F43;
}
.Button--link.Button--negative.Button--xlight {
  color: #fbdfd0;
}
.Button--link.Button--negative.Button--light {
  color: #f7bfa1;
}
.Button--link.Button--negative.Button--dark {
  color: #a5420e;
}
.Button--link.Button--negative:hover {
  background-color: #fbdfd0;
}
.Button--link.Button--negative:active {
  background-color: #f7bfa1;
}
.Button--link.Button--negative:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(239, 127, 67, 0.2);
}
.Button--link.Button--negative.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--neutral {
  color: #997AB6;
}
.Button--link.Button--neutral.Button--xlight {
  color: #e5ddec;
}
.Button--link.Button--neutral.Button--light {
  color: #ccbcda;
}
.Button--link.Button--neutral.Button--dark {
  color: #593f72;
}
.Button--link.Button--neutral:hover {
  background-color: #e5ddec;
}
.Button--link.Button--neutral:active {
  background-color: #ccbcda;
}
.Button--link.Button--neutral:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(153, 122, 182, 0.2);
}
.Button--link.Button--neutral.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--primaryAction {
  color: #566B76;
}
.Button--link.Button--primaryAction.Button--xlight {
  color: #a6b6bf;
}
.Button--link.Button--primaryAction.Button--light {
  color: #899ea9;
}
.Button--link.Button--primaryAction.Button--dark {
  color: #20282c;
}
.Button--link.Button--primaryAction:hover {
  background-color: #e2e7ea;
}
.Button--link.Button--primaryAction:active {
  background-color: #c4cfd4;
}
.Button--link.Button--primaryAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Button--link.Button--primaryAction.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--brandAction {
  color: #E95949;
}
.Button--link.Button--brandAction.Button--xlight {
  color: #fad5d1;
}
.Button--link.Button--brandAction.Button--light {
  color: #f4aca4;
}
.Button--link.Button--brandAction.Button--dark {
  color: #9f2113;
}
.Button--link.Button--brandAction:hover {
  background-color: #fceae8;
}
.Button--link.Button--brandAction:active {
  background-color: #f7c1bb;
}
.Button--link.Button--brandAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(233, 89, 73, 0.2);
}
.Button--link.Button--brandAction.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--secondaryAction {
  color: #b3b3b3;
}
.Button--link.Button--secondaryAction.Button--xlight {
  color: #ffffff;
}
.Button--link.Button--secondaryAction.Button--light {
  color: #e6e6e6;
}
.Button--link.Button--secondaryAction.Button--dark {
  color: #737373;
}
.Button--link.Button--secondaryAction:hover {
  background-color: #e6e6e6;
}
.Button--link.Button--secondaryAction:active {
  background-color: #cccccc;
}
.Button--link.Button--secondaryAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(179, 179, 179, 0.2);
}
.Button--link.Button--secondaryAction.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--primaryBrand {
  color: #E95949;
}
.Button--link.Button--primaryBrand.Button--xlight {
  color: #fad5d1;
}
.Button--link.Button--primaryBrand.Button--light {
  color: #f4aca4;
}
.Button--link.Button--primaryBrand.Button--dark {
  color: #9f2113;
}
.Button--link.Button--primaryBrand:hover {
  background-color: #fad5d1;
}
.Button--link.Button--primaryBrand:active {
  background-color: #f4aca4;
}
.Button--link.Button--primaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(233, 89, 73, 0.2);
}
.Button--link.Button--primaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--secondaryBrand {
  color: #4B5E68;
}
.Button--link.Button--secondaryBrand.Button--xlight {
  color: #98aab4;
}
.Button--link.Button--secondaryBrand.Button--light {
  color: #7a929f;
}
.Button--link.Button--secondaryBrand.Button--dark {
  color: #161b1e;
}
.Button--link.Button--secondaryBrand:hover {
  background-color: #98aab4;
}
.Button--link.Button--secondaryBrand:active {
  background-color: #7a929f;
}
.Button--link.Button--secondaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(75, 94, 104, 0.2);
}
.Button--link.Button--secondaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--link.Button--tertiaryBrand {
  color: #F4F4F0;
}
.Button--link.Button--tertiaryBrand.Button--xlight {
  color: #ffffff;
}
.Button--link.Button--tertiaryBrand.Button--light {
  color: #ffffff;
}
.Button--link.Button--tertiaryBrand.Button--dark {
  color: #bebea6;
}
.Button--link.Button--tertiaryBrand:hover {
  background-color: #ffffff;
}
.Button--link.Button--tertiaryBrand:active {
  background-color: #ffffff;
}
.Button--link.Button--tertiaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(244, 244, 240, 0.2);
}
.Button--link.Button--tertiaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--link .Button-icon.Icon {
  vertical-align: middle;
}
.Button--link .Button-icon.Icon + .Button-label {
  margin-left: 12px;
}
.Button--link .Button-label + .Button-icon {
  margin-left: 12px;
}
.Button--link.Button--block {
  justify-content: center;
}
.Button--link.Button--clean {
  line-height: 150%;
  height: auto;
  padding: 0 6px;
  margin: 0 -6px;
}
.Button--icon {
  width: auto;
  line-height: inherit;
  height: inherit;
}
.Button--icon .Button-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.Button--icon .Button-icon {
  margin: 0;
}
.Button--outline {
  background: transparent;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  padding: 0 24px;
}
.Button--outline.Button--primary {
  color: #62BDD0;
  border-color: #62BDD0;
}
.Button--outline.Button--primary.Button--xlight {
  color: #d8eef3;
  border-color: #d8eef3;
}
.Button--outline.Button--primary.Button--light {
  color: #b1dee8;
  border-color: #b1dee8;
}
.Button--outline.Button--primary.Button--dark {
  color: #297989;
  border-color: #297989;
}
.Button--outline.Button--primary:hover {
  background-color: #d8eef3;
}
.Button--outline.Button--primary:active {
  background-color: #b1dee8;
}
.Button--outline.Button--primary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(98, 189, 208, 0.2);
}
.Button--outline.Button--primary.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--secondary {
  color: #566B76;
  border-color: #566B76;
}
.Button--outline.Button--secondary.Button--xlight {
  color: #a6b6bf;
  border-color: #a6b6bf;
}
.Button--outline.Button--secondary.Button--light {
  color: #899ea9;
  border-color: #899ea9;
}
.Button--outline.Button--secondary.Button--dark {
  color: #20282c;
  border-color: #20282c;
}
.Button--outline.Button--secondary:hover {
  background-color: #a6b6bf;
}
.Button--outline.Button--secondary:active {
  background-color: #899ea9;
}
.Button--outline.Button--secondary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Button--outline.Button--secondary.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--tertiary {
  color: #997AB6;
  border-color: #997AB6;
}
.Button--outline.Button--tertiary.Button--xlight {
  color: #e5ddec;
  border-color: #e5ddec;
}
.Button--outline.Button--tertiary.Button--light {
  color: #ccbcda;
  border-color: #ccbcda;
}
.Button--outline.Button--tertiary.Button--dark {
  color: #593f72;
  border-color: #593f72;
}
.Button--outline.Button--tertiary:hover {
  background-color: #e5ddec;
}
.Button--outline.Button--tertiary:active {
  background-color: #ccbcda;
}
.Button--outline.Button--tertiary:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(153, 122, 182, 0.2);
}
.Button--outline.Button--tertiary.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--success {
  color: #88BC76;
  border-color: #88BC76;
}
.Button--outline.Button--success.Button--xlight {
  color: #e1eedd;
  border-color: #e1eedd;
}
.Button--outline.Button--success.Button--light {
  color: #c4debb;
  border-color: #c4debb;
}
.Button--outline.Button--success.Button--dark {
  color: #4a783b;
  border-color: #4a783b;
}
.Button--outline.Button--success:hover {
  background-color: #e1eedd;
}
.Button--outline.Button--success:active {
  background-color: #c4debb;
}
.Button--outline.Button--success:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(136, 188, 118, 0.2);
}
.Button--outline.Button--success.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--danger {
  color: #EF7F43;
  border-color: #EF7F43;
}
.Button--outline.Button--danger.Button--xlight {
  color: #fbdfd0;
  border-color: #fbdfd0;
}
.Button--outline.Button--danger.Button--light {
  color: #f7bfa1;
  border-color: #f7bfa1;
}
.Button--outline.Button--danger.Button--dark {
  color: #a5420e;
  border-color: #a5420e;
}
.Button--outline.Button--danger:hover {
  background-color: #fbdfd0;
}
.Button--outline.Button--danger:active {
  background-color: #f7bfa1;
}
.Button--outline.Button--danger:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(239, 127, 67, 0.2);
}
.Button--outline.Button--danger.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--info {
  color: #62BDD0;
  border-color: #62BDD0;
}
.Button--outline.Button--info.Button--xlight {
  color: #d8eef3;
  border-color: #d8eef3;
}
.Button--outline.Button--info.Button--light {
  color: #b1dee8;
  border-color: #b1dee8;
}
.Button--outline.Button--info.Button--dark {
  color: #297989;
  border-color: #297989;
}
.Button--outline.Button--info:hover {
  background-color: #d8eef3;
}
.Button--outline.Button--info:active {
  background-color: #b1dee8;
}
.Button--outline.Button--info:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(98, 189, 208, 0.2);
}
.Button--outline.Button--info.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--positive {
  color: #88BC76;
  border-color: #88BC76;
}
.Button--outline.Button--positive.Button--xlight {
  color: #e1eedd;
  border-color: #e1eedd;
}
.Button--outline.Button--positive.Button--light {
  color: #c4debb;
  border-color: #c4debb;
}
.Button--outline.Button--positive.Button--dark {
  color: #4a783b;
  border-color: #4a783b;
}
.Button--outline.Button--positive:hover {
  background-color: #e1eedd;
}
.Button--outline.Button--positive:active {
  background-color: #c4debb;
}
.Button--outline.Button--positive:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(136, 188, 118, 0.2);
}
.Button--outline.Button--positive.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--warning {
  color: #FEB734;
  border-color: #FEB734;
}
.Button--outline.Button--warning.Button--xlight {
  color: #ffedcc;
  border-color: #ffedcc;
}
.Button--outline.Button--warning.Button--light {
  color: #ffdb9a;
  border-color: #ffdb9a;
}
.Button--outline.Button--warning.Button--dark {
  color: #b27301;
  border-color: #b27301;
}
.Button--outline.Button--warning:hover {
  background-color: #ffedcc;
}
.Button--outline.Button--warning:active {
  background-color: #ffdb9a;
}
.Button--outline.Button--warning:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(254, 183, 52, 0.2);
}
.Button--outline.Button--warning.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--negative {
  color: #EF7F43;
  border-color: #EF7F43;
}
.Button--outline.Button--negative.Button--xlight {
  color: #fbdfd0;
  border-color: #fbdfd0;
}
.Button--outline.Button--negative.Button--light {
  color: #f7bfa1;
  border-color: #f7bfa1;
}
.Button--outline.Button--negative.Button--dark {
  color: #a5420e;
  border-color: #a5420e;
}
.Button--outline.Button--negative:hover {
  background-color: #fbdfd0;
}
.Button--outline.Button--negative:active {
  background-color: #f7bfa1;
}
.Button--outline.Button--negative:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(239, 127, 67, 0.2);
}
.Button--outline.Button--negative.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--neutral {
  color: #997AB6;
  border-color: #997AB6;
}
.Button--outline.Button--neutral.Button--xlight {
  color: #e5ddec;
  border-color: #e5ddec;
}
.Button--outline.Button--neutral.Button--light {
  color: #ccbcda;
  border-color: #ccbcda;
}
.Button--outline.Button--neutral.Button--dark {
  color: #593f72;
  border-color: #593f72;
}
.Button--outline.Button--neutral:hover {
  background-color: #e5ddec;
}
.Button--outline.Button--neutral:active {
  background-color: #ccbcda;
}
.Button--outline.Button--neutral:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(153, 122, 182, 0.2);
}
.Button--outline.Button--neutral.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--primaryAction {
  color: #566B76;
  border-color: #566B76;
}
.Button--outline.Button--primaryAction.Button--xlight {
  color: #a6b6bf;
  border-color: #a6b6bf;
}
.Button--outline.Button--primaryAction.Button--light {
  color: #899ea9;
  border-color: #899ea9;
}
.Button--outline.Button--primaryAction.Button--dark {
  color: #20282c;
  border-color: #20282c;
}
.Button--outline.Button--primaryAction:hover {
  background-color: #e2e7ea;
}
.Button--outline.Button--primaryAction:active {
  background-color: #c4cfd4;
}
.Button--outline.Button--primaryAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Button--outline.Button--primaryAction.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--brandAction {
  color: #E95949;
  border-color: #E95949;
}
.Button--outline.Button--brandAction.Button--xlight {
  color: #fad5d1;
  border-color: #fad5d1;
}
.Button--outline.Button--brandAction.Button--light {
  color: #f4aca4;
  border-color: #f4aca4;
}
.Button--outline.Button--brandAction.Button--dark {
  color: #9f2113;
  border-color: #9f2113;
}
.Button--outline.Button--brandAction:hover {
  background-color: #fceae8;
}
.Button--outline.Button--brandAction:active {
  background-color: #f7c1bb;
}
.Button--outline.Button--brandAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(233, 89, 73, 0.2);
}
.Button--outline.Button--brandAction.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--secondaryAction {
  color: #b3b3b3;
  border-color: #b3b3b3;
}
.Button--outline.Button--secondaryAction.Button--xlight {
  color: #ffffff;
  border-color: #ffffff;
}
.Button--outline.Button--secondaryAction.Button--light {
  color: #e6e6e6;
  border-color: #e6e6e6;
}
.Button--outline.Button--secondaryAction.Button--dark {
  color: #737373;
  border-color: #737373;
}
.Button--outline.Button--secondaryAction:hover {
  background-color: #e6e6e6;
}
.Button--outline.Button--secondaryAction:active {
  background-color: #cccccc;
}
.Button--outline.Button--secondaryAction:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(179, 179, 179, 0.2);
}
.Button--outline.Button--secondaryAction.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--primaryBrand {
  color: #E95949;
  border-color: #E95949;
}
.Button--outline.Button--primaryBrand.Button--xlight {
  color: #fad5d1;
  border-color: #fad5d1;
}
.Button--outline.Button--primaryBrand.Button--light {
  color: #f4aca4;
  border-color: #f4aca4;
}
.Button--outline.Button--primaryBrand.Button--dark {
  color: #9f2113;
  border-color: #9f2113;
}
.Button--outline.Button--primaryBrand:hover {
  background-color: #fad5d1;
}
.Button--outline.Button--primaryBrand:active {
  background-color: #f4aca4;
}
.Button--outline.Button--primaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(233, 89, 73, 0.2);
}
.Button--outline.Button--primaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--secondaryBrand {
  color: #4B5E68;
  border-color: #4B5E68;
}
.Button--outline.Button--secondaryBrand.Button--xlight {
  color: #98aab4;
  border-color: #98aab4;
}
.Button--outline.Button--secondaryBrand.Button--light {
  color: #7a929f;
  border-color: #7a929f;
}
.Button--outline.Button--secondaryBrand.Button--dark {
  color: #161b1e;
  border-color: #161b1e;
}
.Button--outline.Button--secondaryBrand:hover {
  background-color: #98aab4;
}
.Button--outline.Button--secondaryBrand:active {
  background-color: #7a929f;
}
.Button--outline.Button--secondaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(75, 94, 104, 0.2);
}
.Button--outline.Button--secondaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--outline.Button--tertiaryBrand {
  color: #F4F4F0;
  border-color: #F4F4F0;
}
.Button--outline.Button--tertiaryBrand.Button--xlight {
  color: #ffffff;
  border-color: #ffffff;
}
.Button--outline.Button--tertiaryBrand.Button--light {
  color: #ffffff;
  border-color: #ffffff;
}
.Button--outline.Button--tertiaryBrand.Button--dark {
  color: #bebea6;
  border-color: #bebea6;
}
.Button--outline.Button--tertiaryBrand:hover {
  background-color: #ffffff;
}
.Button--outline.Button--tertiaryBrand:active {
  background-color: #ffffff;
}
.Button--outline.Button--tertiaryBrand:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(244, 244, 240, 0.2);
}
.Button--outline.Button--tertiaryBrand.is-disabled {
  opacity: 0.42;
}
.Button--outline .Button-icon.Icon {
  vertical-align: middle;
}
.Button--outline .Button-icon.Icon + .Button-label {
  margin-left: 12px;
}
.Button--outline .Button-label + .Button-icon {
  margin-left: 12px;
}
.Button--shadow:not(.Button--icon) {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.28);
}
.Button--shadow.Button--icon .Icon {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.28);
}
.Button--shadow.Button--disabled {
  box-shadow: initial;
}
/* Modifiers
 ------------------------------------------------------------ */
.Button--left {
  justify-content: flex-start;
  text-align: left;
}
.Button--right {
  justify-content: flex-end;
  text-align: right;
}
.Button--block {
  display: flex;
  width: 100%;
}
.Button--xxs {
  font-size: 10px;
  line-height: 30px;
  height: 30px;
}
.Button--xxs.is-busy:not(.Button--clean) {
  height: 30px;
}
.Button--xxs:not(.Button--icon) {
  padding-left: 6px;
  padding-right: 6px;
}
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon {
  height: 15px;
  width: 15px;
}
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage,
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage-svg {
  height: 15px;
  width: 15px;
}
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round,
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square {
  height: 13px;
  width: 13px;
}
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage,
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage,
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--xxs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 7.5px;
  width: 7.5px;
}
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon {
  height: 12px;
  width: 12px;
}
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage,
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round,
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square {
  height: 10px;
  width: 10px;
}
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage,
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage,
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--xxs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 6px;
  width: 6px;
}
.Button--xs {
  font-size: 12px;
  line-height: 36px;
  height: 36px;
}
.Button--xs.is-busy:not(.Button--clean) {
  height: 36px;
}
.Button--xs:not(.Button--icon) {
  padding-left: 6px;
  padding-right: 6px;
}
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon {
  height: 18px;
  width: 18px;
}
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage,
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage-svg {
  height: 18px;
  width: 18px;
}
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round,
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square {
  height: 16px;
  width: 16px;
}
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage,
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage,
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--xs:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 9px;
  width: 9px;
}
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon {
  height: 12px;
  width: 12px;
}
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage,
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round,
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square {
  height: 10px;
  width: 10px;
}
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage,
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage,
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--xs:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 6px;
  width: 6px;
}
.Button--sm {
  font-size: 12px;
  line-height: 42px;
  height: 42px;
}
.Button--sm.is-busy:not(.Button--clean) {
  height: 42px;
}
.Button--sm:not(.Button--icon) {
  padding-left: 12px;
  padding-right: 12px;
}
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon {
  height: 21px;
  width: 21px;
}
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage,
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage-svg {
  height: 21px;
  width: 21px;
}
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round,
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square {
  height: 19px;
  width: 19px;
}
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage,
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage,
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--sm:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 10.5px;
  width: 10.5px;
}
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon {
  height: 12px;
  width: 12px;
}
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage,
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round,
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square {
  height: 10px;
  width: 10px;
}
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage,
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage,
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--sm:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 6px;
  width: 6px;
}
.Button--lg {
  font-size: 14px;
  line-height: 54px;
  height: 54px;
}
.Button--lg.is-busy:not(.Button--clean) {
  height: 54px;
}
.Button--lg:not(.Button--icon) {
  padding-left: 12px;
  padding-right: 12px;
}
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon {
  height: 27px;
  width: 27px;
}
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage,
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage-svg {
  height: 27px;
  width: 27px;
}
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round,
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square {
  height: 25px;
  width: 25px;
}
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage,
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage,
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--lg:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 13.5px;
  width: 13.5px;
}
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon {
  height: 12px;
  width: 12px;
}
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage,
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round,
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square {
  height: 10px;
  width: 10px;
}
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage,
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage,
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--lg:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 6px;
  width: 6px;
}
.Button--xl {
  font-size: 14px;
  line-height: 60px;
  height: 60px;
}
.Button--xl.is-busy:not(.Button--clean) {
  height: 60px;
}
.Button--xl:not(.Button--icon) {
  padding-left: 12px;
  padding-right: 12px;
}
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon {
  height: 30px;
  width: 30px;
}
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage,
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage-svg {
  height: 30px;
  width: 30px;
}
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round,
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square {
  height: 28px;
  width: 28px;
}
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage,
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage,
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--xl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 15px;
  width: 15px;
}
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon {
  height: 12px;
  width: 12px;
}
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage,
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round,
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square {
  height: 10px;
  width: 10px;
}
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage,
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage,
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--xl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 6px;
  width: 6px;
}
.Button--xxl {
  font-size: 18px;
  line-height: 66px;
  height: 66px;
}
.Button--xxl.is-busy:not(.Button--clean) {
  height: 66px;
}
.Button--xxl:not(.Button--icon) {
  padding-left: 12px;
  padding-right: 12px;
}
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon {
  height: 33px;
  width: 33px;
}
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage,
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon .SVGImage-svg {
  height: 33px;
  width: 33px;
}
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round,
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square {
  height: 31px;
  width: 31px;
}
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage,
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage,
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--xxl:not(.Button--icon):not(.Button--clean) .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 16.5px;
  width: 16.5px;
}
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon {
  height: 12px;
  width: 12px;
}
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage,
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon .SVGImage-svg {
  height: 12px;
  width: 12px;
}
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round,
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square {
  height: 10px;
  width: 10px;
}
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage,
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage,
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--round .SVGImage-svg,
.Button--xxl:not(.Button--icon).Button--clean .Button-icon.Icon.Icon--square .SVGImage-svg {
  height: 6px;
  width: 6px;
}
/* States
 ------------------------------------------------------------ */
.Button.is-busy {
  cursor: progress !important;
  overflow: hidden;
}
.Button.is-busy .Button-icon,
.Button.is-busy .Button-label {
  opacity: 0;
}
.Button.is-busy .Button-spinner {
  line-height: inherit;
  position: absolute;
}
.Button.is-disabled {
  cursor: not-allowed;
}
/* Mixins
 ------------------------------------------------------------ */
/* Helpers */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.AddContentButton .Button-label {
  font-weight: bold;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Text {
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
  /* subtext shouldn't have vertical align because it skews a Text component within a Text component so they're not aligned vertically */
}
.Text.Text--primary {
  color: #62BDD0;
}
.Text.Text--primary.Text--xlight {
  color: #d8eef3;
}
.Text.Text--primary.Text--light {
  color: #b1dee8;
}
.Text.Text--primary.Text--dark {
  color: #297989;
}
.Text.Text--secondary {
  color: #566B76;
}
.Text.Text--secondary.Text--xlight {
  color: #a6b6bf;
}
.Text.Text--secondary.Text--light {
  color: #899ea9;
}
.Text.Text--secondary.Text--dark {
  color: #20282c;
}
.Text.Text--tertiary {
  color: #997AB6;
}
.Text.Text--tertiary.Text--xlight {
  color: #e5ddec;
}
.Text.Text--tertiary.Text--light {
  color: #ccbcda;
}
.Text.Text--tertiary.Text--dark {
  color: #593f72;
}
.Text.Text--success {
  color: #88BC76;
}
.Text.Text--success.Text--xlight {
  color: #e1eedd;
}
.Text.Text--success.Text--light {
  color: #c4debb;
}
.Text.Text--success.Text--dark {
  color: #4a783b;
}
.Text.Text--danger {
  color: #EF7F43;
}
.Text.Text--danger.Text--xlight {
  color: #fbdfd0;
}
.Text.Text--danger.Text--light {
  color: #f7bfa1;
}
.Text.Text--danger.Text--dark {
  color: #a5420e;
}
.Text.Text--info {
  color: #62BDD0;
}
.Text.Text--info.Text--xlight {
  color: #d8eef3;
}
.Text.Text--info.Text--light {
  color: #b1dee8;
}
.Text.Text--info.Text--dark {
  color: #297989;
}
.Text.Text--positive {
  color: #88BC76;
}
.Text.Text--positive.Text--xlight {
  color: #e1eedd;
}
.Text.Text--positive.Text--light {
  color: #c4debb;
}
.Text.Text--positive.Text--dark {
  color: #4a783b;
}
.Text.Text--warning {
  color: #FEB734;
}
.Text.Text--warning.Text--xlight {
  color: #ffedcc;
}
.Text.Text--warning.Text--light {
  color: #ffdb9a;
}
.Text.Text--warning.Text--dark {
  color: #b27301;
}
.Text.Text--negative {
  color: #EF7F43;
}
.Text.Text--negative.Text--xlight {
  color: #fbdfd0;
}
.Text.Text--negative.Text--light {
  color: #f7bfa1;
}
.Text.Text--negative.Text--dark {
  color: #a5420e;
}
.Text.Text--neutral {
  color: #997AB6;
}
.Text.Text--neutral.Text--xlight {
  color: #e5ddec;
}
.Text.Text--neutral.Text--light {
  color: #ccbcda;
}
.Text.Text--neutral.Text--dark {
  color: #593f72;
}
.Text.Text--primaryAction {
  color: #566B76;
}
.Text.Text--primaryAction.Text--xlight {
  color: #a6b6bf;
}
.Text.Text--primaryAction.Text--light {
  color: #899ea9;
}
.Text.Text--primaryAction.Text--dark {
  color: #20282c;
}
.Text.Text--brandAction {
  color: #E95949;
}
.Text.Text--brandAction.Text--xlight {
  color: #fad5d1;
}
.Text.Text--brandAction.Text--light {
  color: #f4aca4;
}
.Text.Text--brandAction.Text--dark {
  color: #9f2113;
}
.Text.Text--secondaryAction {
  color: #b3b3b3;
}
.Text.Text--secondaryAction.Text--xlight {
  color: #ffffff;
}
.Text.Text--secondaryAction.Text--light {
  color: #e6e6e6;
}
.Text.Text--secondaryAction.Text--dark {
  color: #737373;
}
.Text.Text--primaryBrand {
  color: #E95949;
}
.Text.Text--primaryBrand.Text--xlight {
  color: #fad5d1;
}
.Text.Text--primaryBrand.Text--light {
  color: #f4aca4;
}
.Text.Text--primaryBrand.Text--dark {
  color: #9f2113;
}
.Text.Text--secondaryBrand {
  color: #4B5E68;
}
.Text.Text--secondaryBrand.Text--xlight {
  color: #98aab4;
}
.Text.Text--secondaryBrand.Text--light {
  color: #7a929f;
}
.Text.Text--secondaryBrand.Text--dark {
  color: #161b1e;
}
.Text.Text--tertiaryBrand {
  color: #F4F4F0;
}
.Text.Text--tertiaryBrand.Text--xlight {
  color: #ffffff;
}
.Text.Text--tertiaryBrand.Text--light {
  color: #ffffff;
}
.Text.Text--tertiaryBrand.Text--dark {
  color: #bebea6;
}
.Text .Text {
  vertical-align: initial;
}
/* Descendants
------------------------------------------------------------ */
.Text-part--bold {
  font-weight: bold;
}
.Text-part--underline {
  text-decoration: underline;
}
.Text--xxs {
  font-size: 8px;
  line-height: 12px;
}
.Text--xs {
  font-size: 10px;
  line-height: 15px;
}
.Text--sm {
  font-size: 12px;
  line-height: 18px;
}
.Text--lg {
  font-size: 16px;
  line-height: 24px;
}
.Text--xl {
  font-size: 20px;
  line-height: 30px;
}
.Text--xxl {
  font-size: 30px;
  line-height: 45px;
}
.Text--disabled {
  opacity: 0.5;
}
.Text--narrator {
  font-weight: 300;
}
.Text--bold {
  font-weight: bold;
}
.Text--italic {
  font-style: italic;
}
.Text--paragraph {
  display: block;
  margin-bottom: 12px;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Grid {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  position: relative;
  max-width: 100%;
  list-style-type: none;
  width: 100%;
}
.Grid:before,
.Grid:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.Grid *:before,
.Grid *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.Grid .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.Grid.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.Grid > .Column--1 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(8.33333333% - 22px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--1:first-of-type {
  margin-left: 0;
}
.Grid > .Column--1:last-of-type {
  margin-right: 0;
}
.Grid > .Column--2 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(16.66666667% - 20px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--2:first-of-type {
  margin-left: 0;
}
.Grid > .Column--2:last-of-type {
  margin-right: 0;
}
.Grid > .Column--3 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(25% - 18px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--3:first-of-type {
  margin-left: 0;
}
.Grid > .Column--3:last-of-type {
  margin-right: 0;
}
.Grid > .Column--4 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(33.33333333% - 16px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--4:first-of-type {
  margin-left: 0;
}
.Grid > .Column--4:last-of-type {
  margin-right: 0;
}
.Grid > .Column--5 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(41.66666667% - 14px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--5:first-of-type {
  margin-left: 0;
}
.Grid > .Column--5:last-of-type {
  margin-right: 0;
}
.Grid > .Column--6 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(50% - 12px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--6:first-of-type {
  margin-left: 0;
}
.Grid > .Column--6:last-of-type {
  margin-right: 0;
}
.Grid > .Column--7 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(58.33333333% - 10px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--7:first-of-type {
  margin-left: 0;
}
.Grid > .Column--7:last-of-type {
  margin-right: 0;
}
.Grid > .Column--8 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(66.66666667% - 8px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--8:first-of-type {
  margin-left: 0;
}
.Grid > .Column--8:last-of-type {
  margin-right: 0;
}
.Grid > .Column--9 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(75% - 6px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--9:first-of-type {
  margin-left: 0;
}
.Grid > .Column--9:last-of-type {
  margin-right: 0;
}
.Grid > .Column--10 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(83.33333333% - 4px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--10:first-of-type {
  margin-left: 0;
}
.Grid > .Column--10:last-of-type {
  margin-right: 0;
}
.Grid > .Column--11 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(91.66666667% - 2px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Column--11:first-of-type {
  margin-left: 0;
}
.Grid > .Column--11:last-of-type {
  margin-right: 0;
}
.Grid > .Column--12 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(100% - 0px);
  margin: 0 12px 0 12px;
  padding: 0;
  margin: 0;
}
.Grid > .Column--12:first-of-type {
  margin-left: 0;
}
.Grid > .Column--12:last-of-type {
  margin-right: 0;
}
.Grid > .Column--12:first-of-type {
  margin-left: 0;
  margin-right: 0;
}
.Grid > .Column--12:last-of-type {
  margin-left: 0;
  margin-right: 0;
}
.Grid > .Column--auto {
  flex: 1 1 0;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(0% - 24px);
  margin: 0 12px 0 12px;
  padding: 0;
  width: calc(var(--width) - 24px);
}
.Grid > .Column--auto:first-of-type {
  margin-left: 0;
}
.Grid > .Column--auto:last-of-type {
  margin-right: 0;
}
.Grid > .Column--auto:first-child {
  margin-left: 0;
}
.Grid > .Column--auto:last-child {
  margin-right: 0;
}
.Grid > .Column--right {
  align-items: flex-end;
  text-align: right;
}
.Grid > .Column--centered {
  align-items: center;
  text-align: center;
}
.Grid > .Column .Column-content {
  width: 100%;
}
.Grid > .Row > .Column--1 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(8.33333333% - 22px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--1:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--1:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--2 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(16.66666667% - 20px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--2:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--2:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--3 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(25% - 18px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--3:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--3:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--4 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(33.33333333% - 16px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--4:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--4:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--5 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(41.66666667% - 14px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--5:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--5:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--6 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(50% - 12px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--6:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--6:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--7 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(58.33333333% - 10px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--7:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--7:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--8 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(66.66666667% - 8px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--8:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--8:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--9 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(75% - 6px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--9:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--9:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--10 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(83.33333333% - 4px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--10:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--10:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--11 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(91.66666667% - 2px);
  margin: 0 12px 0 12px;
  padding: 0;
}
.Grid > .Row > .Column--11:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--11:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--12 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(100% - 0px);
  margin: 0 12px 0 12px;
  padding: 0;
  margin: 0;
}
.Grid > .Row > .Column--12:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--12:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--12:first-of-type {
  margin-left: 0;
  margin-right: 0;
}
.Grid > .Row > .Column--12:last-of-type {
  margin-left: 0;
  margin-right: 0;
}
.Grid > .Row > .Column--auto {
  flex: 1 1 0;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(0% - 24px);
  margin: 0 12px 0 12px;
  padding: 0;
  width: calc(var(--width) - 24px);
}
.Grid > .Row > .Column--auto:first-of-type {
  margin-left: 0;
}
.Grid > .Row > .Column--auto:last-of-type {
  margin-right: 0;
}
.Grid > .Row > .Column--auto:first-child {
  margin-left: 0;
}
.Grid > .Row > .Column--auto:last-child {
  margin-right: 0;
}
.Grid > .Row > .Column--right {
  align-items: flex-end;
  text-align: right;
}
.Grid > .Row > .Column--centered {
  align-items: center;
  text-align: center;
}
.Grid--clean {
  margin: 0;
}
.Grid--clean > .Column {
  margin: 0;
}
.Grid--clean > .Column--1 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 8.33333333%;
  padding: 0;
}
.Grid--clean > .Column--2 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 16.66666667%;
  padding: 0;
}
.Grid--clean > .Column--3 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 25%;
  padding: 0;
}
.Grid--clean > .Column--4 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 33.33333333%;
  padding: 0;
}
.Grid--clean > .Column--5 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 41.66666667%;
  padding: 0;
}
.Grid--clean > .Column--6 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 50%;
  padding: 0;
}
.Grid--clean > .Column--7 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 58.33333333%;
  padding: 0;
}
.Grid--clean > .Column--8 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 66.66666667%;
  padding: 0;
}
.Grid--clean > .Column--9 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 75%;
  padding: 0;
}
.Grid--clean > .Column--10 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 83.33333333%;
  padding: 0;
}
.Grid--clean > .Column--11 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 91.66666667%;
  padding: 0;
}
.Grid--clean > .Column--12 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  vertical-align: top;
  padding: 12px;
  width: 100%;
  padding: 0;
  margin: 0;
}
.Grid--clean > .Column--auto {
  flex: 1 1 0;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 0%;
  padding: 0;
  width: var(--width);
}
.Grid--clean > .Column--auto:first-child {
  margin-left: 0;
}
.Grid--clean > .Column--auto:last-child {
  margin-right: 0;
}
.Grid--clean > .Column--right {
  align-items: flex-end;
  text-align: right;
}
.Grid--clean > .Column--centered {
  align-items: center;
  text-align: center;
}
.Grid--clean > .Row {
  margin-bottom: 0;
}
.Grid--clean > .Row > .Column {
  margin: 0;
}
.Grid--clean > .Row > .Column--1 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 8.33333333%;
  padding: 0;
}
.Grid--clean > .Row > .Column--2 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 16.66666667%;
  padding: 0;
}
.Grid--clean > .Row > .Column--3 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 25%;
  padding: 0;
}
.Grid--clean > .Row > .Column--4 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 33.33333333%;
  padding: 0;
}
.Grid--clean > .Row > .Column--5 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 41.66666667%;
  padding: 0;
}
.Grid--clean > .Row > .Column--6 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 50%;
  padding: 0;
}
.Grid--clean > .Row > .Column--7 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 58.33333333%;
  padding: 0;
}
.Grid--clean > .Row > .Column--8 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 66.66666667%;
  padding: 0;
}
.Grid--clean > .Row > .Column--9 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 75%;
  padding: 0;
}
.Grid--clean > .Row > .Column--10 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 83.33333333%;
  padding: 0;
}
.Grid--clean > .Row > .Column--11 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 91.66666667%;
  padding: 0;
}
.Grid--clean > .Row > .Column--12 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  vertical-align: top;
  padding: 12px;
  width: 100%;
  padding: 0;
  margin: 0;
}
.Grid--clean > .Row > .Column--auto {
  flex: 1 1 0;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 0%;
  padding: 0;
  width: var(--width);
}
.Grid--clean > .Row > .Column--auto:first-child {
  margin-left: 0;
}
.Grid--clean > .Row > .Column--auto:last-child {
  margin-right: 0;
}
.Grid--clean > .Row > .Column--right {
  align-items: flex-end;
  text-align: right;
}
.Grid--clean > .Row > .Column--centered {
  align-items: center;
  text-align: center;
}
.Grid--sm > .Column--1 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(8.33333333% - 11px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--1:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--1:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--2 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(16.66666667% - 10px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--2:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--2:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--3 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(25% - 9px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--3:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--3:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--4 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(33.33333333% - 8px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--4:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--4:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--5 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(41.66666667% - 7px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--5:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--5:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--6 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(50% - 6px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--6:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--6:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--7 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(58.33333333% - 5px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--7:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--7:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--8 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(66.66666667% - 4px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--8:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--8:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--9 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(75% - 3px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--9:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--9:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--10 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(83.33333333% - 2px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--10:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--10:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--11 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(91.66666667% - 1px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Column--11:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--11:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--12 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(100% - 0px);
  margin: 0 6px 0 6px;
  padding: 0;
  margin: 0;
}
.Grid--sm > .Column--12:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--12:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--12:first-of-type {
  margin-left: 0;
  margin-right: 0;
}
.Grid--sm > .Column--12:last-of-type {
  margin-left: 0;
  margin-right: 0;
}
.Grid--sm > .Column--auto {
  flex: 1 1 0;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(0% - 12px);
  margin: 0 6px 0 6px;
  padding: 0;
  width: calc(var(--width) - 12px);
}
.Grid--sm > .Column--auto:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Column--auto:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Column--auto:first-child {
  margin-left: 0;
}
.Grid--sm > .Column--auto:last-child {
  margin-right: 0;
}
.Grid--sm > .Column--right {
  align-items: flex-end;
  text-align: right;
}
.Grid--sm > .Column--centered {
  align-items: center;
  text-align: center;
}
.Grid--sm > .Row > .Column--1 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(8.33333333% - 11px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--1:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--1:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--2 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(16.66666667% - 10px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--2:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--2:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--3 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(25% - 9px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--3:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--3:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--4 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(33.33333333% - 8px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--4:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--4:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--5 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(41.66666667% - 7px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--5:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--5:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--6 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(50% - 6px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--6:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--6:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--7 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(58.33333333% - 5px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--7:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--7:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--8 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(66.66666667% - 4px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--8:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--8:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--9 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(75% - 3px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--9:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--9:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--10 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(83.33333333% - 2px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--10:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--10:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--11 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(91.66666667% - 1px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.Grid--sm > .Row > .Column--11:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--11:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--12 {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(100% - 0px);
  margin: 0 6px 0 6px;
  padding: 0;
  margin: 0;
}
.Grid--sm > .Row > .Column--12:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--12:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--12:first-of-type {
  margin-left: 0;
  margin-right: 0;
}
.Grid--sm > .Row > .Column--12:last-of-type {
  margin-left: 0;
  margin-right: 0;
}
.Grid--sm > .Row > .Column--auto {
  flex: 1 1 0;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(0% - 12px);
  margin: 0 6px 0 6px;
  padding: 0;
  width: calc(var(--width) - 12px);
}
.Grid--sm > .Row > .Column--auto:first-of-type {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--auto:last-of-type {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--auto:first-child {
  margin-left: 0;
}
.Grid--sm > .Row > .Column--auto:last-child {
  margin-right: 0;
}
.Grid--sm > .Row > .Column--right {
  align-items: flex-end;
  text-align: right;
}
.Grid--sm > .Row > .Column--centered {
  align-items: center;
  text-align: center;
}
.Row {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
  margin-bottom: 24px;
}
.Row:before,
.Row:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.Row *:before,
.Row *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.Row .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.Row.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.Row--clean {
  margin-bottom: 0;
}
.Row--auto {
  flex-grow: 1;
}
.Row--centered {
  align-items: center;
  justify-content: center;
}
.Row--bottom {
  align-items: flex-end;
}
.Row--stretch {
  align-items: stretch;
}
.Row--stretch .Column-content {
  height: 100%;
}
.Row--multi {
  align-content: stretch;
}
.Row--multi .Column--2:nth-child(6n+1) {
  margin-left: 0;
}
.Row--multi .Column--2:nth-child(6n+6) {
  margin-right: 0;
}
.Row--multi .Column--3:nth-child(4n+1) {
  margin-left: 0;
}
.Row--multi .Column--3:nth-child(4n+4) {
  margin-right: 0;
}
.Row--multi .Column--4:nth-child(3n+1) {
  margin-left: 0;
}
.Row--multi .Column--4:nth-child(3n+3) {
  margin-right: 0;
}
.Row--multi .Column--6:nth-child(2n+1) {
  margin-left: 0;
}
.Row--multi .Column--6:nth-child(2n+2) {
  margin-right: 0;
}
.Row--1 {
  width: 8.33333333%;
}
.Row--2 {
  width: 16.66666667%;
}
.Row--3 {
  width: 25%;
}
.Row--4 {
  width: 33.33333333%;
}
.Row--5 {
  width: 41.66666667%;
}
.Row--6 {
  width: 50%;
}
.Row--7 {
  width: 58.33333333%;
}
.Row--8 {
  width: 66.66666667%;
}
.Row--9 {
  width: 75%;
}
.Row--10 {
  width: 83.33333333%;
}
.Row--11 {
  width: 91.66666667%;
}
.Row--12 {
  width: 100%;
}
/* Mixins to set column and row sizes
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Alert {
  background: #ffffff;
  padding: 18px;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  border: 1px solid #e6e6e6;
}
.Alert-header,
.Alert-main {
  position: relative;
}
.Alert-header-icon,
.Alert-main-icon {
  position: absolute;
  left: 0;
}
.Alert-header-close,
.Alert-main-close {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.Alert-header {
  margin-bottom: 12px;
}
.Alert-header-icon {
  top: 3px;
}
.Alert-header-close {
  top: 3px;
}
.Alert-main-icon {
  top: 0;
}
.Alert-main-close {
  top: 0;
}
.Alert--default.Alert--primary {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.Alert--default.Alert--primary.Alert--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.Alert--default.Alert--primary.Alert--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.Alert--default.Alert--primary.Alert--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.Alert--default.Alert--secondary {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.Alert--default.Alert--secondary.Alert--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.Alert--default.Alert--secondary.Alert--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.Alert--default.Alert--secondary.Alert--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.Alert--default.Alert--tertiary {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.Alert--default.Alert--tertiary.Alert--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.Alert--default.Alert--tertiary.Alert--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.Alert--default.Alert--tertiary.Alert--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.Alert--default.Alert--success {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.Alert--default.Alert--success.Alert--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.Alert--default.Alert--success.Alert--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.Alert--default.Alert--success.Alert--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.Alert--default.Alert--danger {
  background-color: #EF7F43;
  color: #ffffff;
  border-color: #EF7F43;
}
.Alert--default.Alert--danger.Alert--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.Alert--default.Alert--danger.Alert--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.Alert--default.Alert--danger.Alert--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.Alert--default.Alert--info {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.Alert--default.Alert--info.Alert--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.Alert--default.Alert--info.Alert--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.Alert--default.Alert--info.Alert--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.Alert--default.Alert--positive {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.Alert--default.Alert--positive.Alert--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.Alert--default.Alert--positive.Alert--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.Alert--default.Alert--positive.Alert--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.Alert--default.Alert--warning {
  background-color: #FEB734;
  color: #4d4d4d;
  border-color: #FEB734;
}
.Alert--default.Alert--warning.Alert--xlight {
  background-color: #ffedcc;
  color: #4d4d4d;
}
.Alert--default.Alert--warning.Alert--light {
  background-color: #ffdb9a;
  color: #4d4d4d;
}
.Alert--default.Alert--warning.Alert--dark {
  background-color: #b27301;
  color: #ffffff;
  border-color: #b27301;
}
.Alert--default.Alert--negative {
  background-color: #EF7F43;
  color: #4d4d4d;
  border-color: #EF7F43;
}
.Alert--default.Alert--negative.Alert--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.Alert--default.Alert--negative.Alert--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.Alert--default.Alert--negative.Alert--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.Alert--default.Alert--negative.Alert--normal {
  font-weight: bold;
}
.Alert--default.Alert--neutral {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.Alert--default.Alert--neutral.Alert--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.Alert--default.Alert--neutral.Alert--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.Alert--default.Alert--neutral.Alert--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.Alert--default.Alert--primaryBrand {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.Alert--default.Alert--primaryBrand.Alert--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.Alert--default.Alert--primaryBrand.Alert--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.Alert--default.Alert--primaryBrand.Alert--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.Alert--default.Alert--secondaryBrand {
  background-color: #4B5E68;
  color: #ffffff;
  border-color: #4B5E68;
}
.Alert--default.Alert--secondaryBrand.Alert--xlight {
  background-color: #98aab4;
  color: #4d4d4d;
}
.Alert--default.Alert--secondaryBrand.Alert--light {
  background-color: #7a929f;
  color: #4d4d4d;
}
.Alert--default.Alert--secondaryBrand.Alert--dark {
  background-color: #161b1e;
  color: #ffffff;
  border-color: #161b1e;
}
.Alert--default.Alert--tertiaryBrand {
  background-color: #F4F4F0;
  color: #4d4d4d;
  border-color: #F4F4F0;
}
.Alert--default.Alert--tertiaryBrand.Alert--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Alert--default.Alert--tertiaryBrand.Alert--light {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Alert--default.Alert--tertiaryBrand.Alert--dark {
  background-color: #bebea6;
  color: #4d4d4d;
  border-color: #bebea6;
}
.Alert--default.Alert--primaryAction {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.Alert--default.Alert--primaryAction.Alert--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.Alert--default.Alert--primaryAction.Alert--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.Alert--default.Alert--primaryAction.Alert--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.Alert--default.Alert--brandAction {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.Alert--default.Alert--brandAction.Alert--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.Alert--default.Alert--brandAction.Alert--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.Alert--default.Alert--brandAction.Alert--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.Alert--default.Alert--secondaryAction {
  background-color: #b3b3b3;
  color: #ffffff;
  border-color: #b3b3b3;
}
.Alert--default.Alert--secondaryAction.Alert--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Alert--default.Alert--secondaryAction.Alert--light {
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.Alert--default.Alert--secondaryAction.Alert--dark {
  background-color: #737373;
  color: #ffffff;
  border-color: #737373;
}
.Alert--noBorder {
  border: none;
}
.Alert--noBackground {
  background: transparent;
}
.Alert--shadow {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.24);
}
.Alert--outline.Alert--primary {
  border-color: #62BDD0;
}
.Alert--outline.Alert--primary.Alert--xlight {
  border-color: #d8eef3;
}
.Alert--outline.Alert--primary.Alert--light {
  border-color: #b1dee8;
}
.Alert--outline.Alert--primary.Alert--dark {
  border-color: #297989;
}
.Alert--outline.Alert--secondary {
  border-color: #566B76;
}
.Alert--outline.Alert--secondary.Alert--xlight {
  border-color: #a6b6bf;
}
.Alert--outline.Alert--secondary.Alert--light {
  border-color: #899ea9;
}
.Alert--outline.Alert--secondary.Alert--dark {
  border-color: #20282c;
}
.Alert--outline.Alert--tertiary {
  border-color: #997AB6;
}
.Alert--outline.Alert--tertiary.Alert--xlight {
  border-color: #e5ddec;
}
.Alert--outline.Alert--tertiary.Alert--light {
  border-color: #ccbcda;
}
.Alert--outline.Alert--tertiary.Alert--dark {
  border-color: #593f72;
}
.Alert--outline.Alert--success {
  border-color: #88BC76;
}
.Alert--outline.Alert--success.Alert--xlight {
  border-color: #e1eedd;
}
.Alert--outline.Alert--success.Alert--light {
  border-color: #c4debb;
}
.Alert--outline.Alert--success.Alert--dark {
  border-color: #4a783b;
}
.Alert--outline.Alert--danger {
  border-color: #EF7F43;
}
.Alert--outline.Alert--danger.Alert--xlight {
  border-color: #fbdfd0;
}
.Alert--outline.Alert--danger.Alert--light {
  border-color: #f7bfa1;
}
.Alert--outline.Alert--danger.Alert--dark {
  border-color: #a5420e;
}
.Alert--outline.Alert--info {
  border-color: #62BDD0;
}
.Alert--outline.Alert--info.Alert--xlight {
  border-color: #d8eef3;
}
.Alert--outline.Alert--info.Alert--light {
  border-color: #b1dee8;
}
.Alert--outline.Alert--info.Alert--dark {
  border-color: #297989;
}
.Alert--outline.Alert--positive {
  border-color: #88BC76;
}
.Alert--outline.Alert--positive.Alert--xlight {
  border-color: #e1eedd;
}
.Alert--outline.Alert--positive.Alert--light {
  border-color: #c4debb;
}
.Alert--outline.Alert--positive.Alert--dark {
  border-color: #4a783b;
}
.Alert--outline.Alert--warning {
  border-color: #FEB734;
}
.Alert--outline.Alert--warning.Alert--xlight {
  border-color: #ffedcc;
}
.Alert--outline.Alert--warning.Alert--light {
  border-color: #ffdb9a;
}
.Alert--outline.Alert--warning.Alert--dark {
  border-color: #b27301;
}
.Alert--outline.Alert--negative {
  border-color: #EF7F43;
}
.Alert--outline.Alert--negative.Alert--xlight {
  border-color: #fbdfd0;
}
.Alert--outline.Alert--negative.Alert--light {
  border-color: #f7bfa1;
}
.Alert--outline.Alert--negative.Alert--dark {
  border-color: #a5420e;
}
.Alert--outline.Alert--neutral {
  border-color: #997AB6;
}
.Alert--outline.Alert--neutral.Alert--xlight {
  border-color: #e5ddec;
}
.Alert--outline.Alert--neutral.Alert--light {
  border-color: #ccbcda;
}
.Alert--outline.Alert--neutral.Alert--dark {
  border-color: #593f72;
}
.Alert--outline.Alert--primaryAction {
  border-color: #566B76;
}
.Alert--outline.Alert--primaryAction.Alert--xlight {
  border-color: #a6b6bf;
}
.Alert--outline.Alert--primaryAction.Alert--light {
  border-color: #899ea9;
}
.Alert--outline.Alert--primaryAction.Alert--dark {
  border-color: #20282c;
}
.Alert--outline.Alert--brandAction {
  border-color: #E95949;
}
.Alert--outline.Alert--brandAction.Alert--xlight {
  border-color: #fad5d1;
}
.Alert--outline.Alert--brandAction.Alert--light {
  border-color: #f4aca4;
}
.Alert--outline.Alert--brandAction.Alert--dark {
  border-color: #9f2113;
}
.Alert--outline.Alert--secondaryAction {
  border-color: #b3b3b3;
}
.Alert--outline.Alert--secondaryAction.Alert--xlight {
  border-color: #ffffff;
}
.Alert--outline.Alert--secondaryAction.Alert--light {
  border-color: #e6e6e6;
}
.Alert--outline.Alert--secondaryAction.Alert--dark {
  border-color: #737373;
}
.Alert--outline.Alert--primaryBrand {
  border-color: #E95949;
}
.Alert--outline.Alert--primaryBrand.Alert--xlight {
  border-color: #fad5d1;
}
.Alert--outline.Alert--primaryBrand.Alert--light {
  border-color: #f4aca4;
}
.Alert--outline.Alert--primaryBrand.Alert--dark {
  border-color: #9f2113;
}
.Alert--outline.Alert--secondaryBrand {
  border-color: #4B5E68;
}
.Alert--outline.Alert--secondaryBrand.Alert--xlight {
  border-color: #98aab4;
}
.Alert--outline.Alert--secondaryBrand.Alert--light {
  border-color: #7a929f;
}
.Alert--outline.Alert--secondaryBrand.Alert--dark {
  border-color: #161b1e;
}
.Alert--outline.Alert--tertiaryBrand {
  border-color: #F4F4F0;
}
.Alert--outline.Alert--tertiaryBrand.Alert--xlight {
  border-color: #ffffff;
}
.Alert--outline.Alert--tertiaryBrand.Alert--light {
  border-color: #ffffff;
}
.Alert--outline.Alert--tertiaryBrand.Alert--dark {
  border-color: #bebea6;
}
.Alert--withIcon .Alert-header,
.Alert--withIcon .Alert-main {
  padding-left: 36px;
}
.Alert--withCloseButton .Alert-header,
.Alert--withCloseButton .Alert-main {
  padding-right: 36px;
}
.Alert--sm,
.Alert--xs,
.Alert--xxs {
  padding: 12px 12px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.AmountWithBorder {
  border-top: 3px solid #e6e6e6;
  margin-bottom: 12px;
  border-radius: 3px 3px 0 0;
  position: relative;
}
.AmountWithBorder-title {
  margin: 0 0 6px 0;
}
.AmountWithBorder-title:before {
  display: block;
  content: '';
  border-bottom: 3px solid #e6e6e6;
  border-radius: 0 0 3px 3px;
  margin-bottom: 6px;
}
.AmountWithBorder-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transition: right 200ms cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.AmountWithBorder-amount {
  font-weight: bold;
  font-size: 24px;
}
.AmountWithBorder--positive {
  border-top-color: #88BC76;
}
.AmountWithBorder--positive .AmountWithBorder-title:before {
  border-bottom-color: #88BC76;
}
.AmountWithBorder--warning {
  border-top-color: #FEB734;
}
.AmountWithBorder--warning .AmountWithBorder-title:before {
  border-bottom-color: #FEB734;
}
.AmountWithBorder--negative {
  border-top-color: #EF7F43;
}
.AmountWithBorder--negative .AmountWithBorder-title:before {
  border-bottom-color: #EF7F43;
}
.AmountWithBorder--info {
  border-top-color: #62BDD0;
}
.AmountWithBorder--info .AmountWithBorder-title:before {
  border-bottom-color: #62BDD0;
}
.AmountWithBorder--neutral {
  border-top-color: #997AB6;
}
.AmountWithBorder--neutral .AmountWithBorder-title:before {
  border-bottom-color: #997AB6;
}
.AmountWithBorder--clickable {
  cursor: pointer;
}
.AmountWithBorder--clickable:hover .AmountWithBorder-icon {
  right: -12px;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.AmountWithIcon {
  display: inline-block;
}
.AmountWithIcon--xxs .AmountWithIcon-content {
  font-size: 8px;
}
.AmountWithIcon--xs .AmountWithIcon-content {
  font-size: 10px;
}
.AmountWithIcon--sm .AmountWithIcon-content {
  font-size: 12px;
}
.AmountWithIcon--lg .AmountWithIcon-content {
  font-size: 16px;
}
.AmountWithIcon--xl .AmountWithIcon-content {
  font-size: 20px;
}
.AmountWithIcon--xxl .AmountWithIcon-content {
  font-size: 30px;
}
/* Descendants
------------------------------------------------------------ */
.AmountWithIcon-content {
  display: inline-block;
  font-size: 14px;
  line-height: inherit;
  vertical-align: middle;
}
.AmountWithIcon-text {
  display: inline-block;
  margin-right: 12px;
}
.AmountWithIcon-icon {
  margin-left: 12px;
  vertical-align: middle;
}
.AmountWithIcon-amount {
  display: inline-block;
}
/* Modifiers
------------------------------------------------------------ */
.AmountWithIcon--info .AmountWithIcon-icon,
.AmountWithIcon--info .AmountWithIcon-amount {
  color: #62BDD0;
}
.AmountWithIcon--neutral .AmountWithIcon-icon,
.AmountWithIcon--neutral .AmountWithIcon-amount {
  color: #997AB6;
}
.AmountWithIcon--warning .AmountWithIcon-icon,
.AmountWithIcon--warning .AmountWithIcon-amount {
  color: #FEB734;
}
.AmountWithIcon--positive .AmountWithIcon-icon,
.AmountWithIcon--positive .AmountWithIcon-amount {
  color: #88BC76;
}
.AmountWithIcon--negative .AmountWithIcon-icon,
.AmountWithIcon--negative .AmountWithIcon-amount {
  color: #EF7F43;
}
.AmountWithIcon--inFront .AmountWithIcon-icon {
  margin-left: 0;
  margin-right: 12px;
}
/* Modifiers
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.AmountWithLabel .AmountWithLabel-label {
  margin: 6px 6px 6px 0;
}
.AmountWithLabel .AmountWithLabel-amount {
  margin: 6px 0;
}
.AmountWithLabel.AmountWithLabel .AmountWithLabel-label {
  font-size: 14px;
  line-height: 16px;
}
.AmountWithLabel.AmountWithLabel .AmountWithLabel-amount {
  font-size: 21px;
  line-height: 23px;
}
.AmountWithLabel--xxl.AmountWithLabel .AmountWithLabel-label {
  font-size: 30px;
  line-height: 32px;
}
.AmountWithLabel--xxl.AmountWithLabel .AmountWithLabel-amount {
  font-size: 45px;
  line-height: 47px;
}
.AmountWithLabel--xl.AmountWithLabel .AmountWithLabel-label {
  font-size: 20px;
  line-height: 22px;
}
.AmountWithLabel--xl.AmountWithLabel .AmountWithLabel-amount {
  font-size: 30px;
  line-height: 32px;
}
.AmountWithLabel--lg.AmountWithLabel .AmountWithLabel-label {
  font-size: 16px;
  line-height: 18px;
}
.AmountWithLabel--lg.AmountWithLabel .AmountWithLabel-amount {
  font-size: 24px;
  line-height: 26px;
}
.AmountWithLabel--sm.AmountWithLabel .AmountWithLabel-label {
  font-size: 12px;
  line-height: 14px;
}
.AmountWithLabel--sm.AmountWithLabel .AmountWithLabel-amount {
  font-size: 18px;
  line-height: 20px;
}
.AmountWithLabel--xs.AmountWithLabel .AmountWithLabel-label {
  font-size: 10px;
  line-height: 12px;
}
.AmountWithLabel--xs.AmountWithLabel .AmountWithLabel-amount {
  font-size: 15px;
  line-height: 17px;
}
.AmountWithLabel--xxs.AmountWithLabel .AmountWithLabel-label {
  font-size: 8px;
  line-height: 10px;
}
.AmountWithLabel--xxs.AmountWithLabel .AmountWithLabel-amount {
  font-size: 12px;
  line-height: 14px;
}
.AmountWithLabel--block .AmountWithLabel-label {
  display: block;
  margin: 0;
  color: #666666;
}
.AmountWithLabel--block .AmountWithLabel-amount {
  display: block;
  font-weight: 200;
}
.AmountWithLabel--invert .AmountWithLabel-label {
  margin-right: 0;
}
.AmountWithLabel--invert .AmountWithLabel-amount {
  margin-right: 6px;
}
.AmountWithLabel--invert.AmountWithLabel--block .AmountWithLabel-amount {
  margin: 0;
}
.AmountWithLabel--invert.AmountWithLabel--block .AmountWithLabel-label {
  margin: 6px 0;
}
.AmountWithLabel.AmountWithLabel--primary {
  color: #62BDD0;
}
.AmountWithLabel.AmountWithLabel--primary.AmountWithLabel--xlight {
  color: #d8eef3;
}
.AmountWithLabel.AmountWithLabel--primary.AmountWithLabel--light {
  color: #b1dee8;
}
.AmountWithLabel.AmountWithLabel--primary.AmountWithLabel--dark {
  color: #297989;
}
.AmountWithLabel.AmountWithLabel--secondary {
  color: #566B76;
}
.AmountWithLabel.AmountWithLabel--secondary.AmountWithLabel--xlight {
  color: #a6b6bf;
}
.AmountWithLabel.AmountWithLabel--secondary.AmountWithLabel--light {
  color: #899ea9;
}
.AmountWithLabel.AmountWithLabel--secondary.AmountWithLabel--dark {
  color: #20282c;
}
.AmountWithLabel.AmountWithLabel--tertiary {
  color: #997AB6;
}
.AmountWithLabel.AmountWithLabel--tertiary.AmountWithLabel--xlight {
  color: #e5ddec;
}
.AmountWithLabel.AmountWithLabel--tertiary.AmountWithLabel--light {
  color: #ccbcda;
}
.AmountWithLabel.AmountWithLabel--tertiary.AmountWithLabel--dark {
  color: #593f72;
}
.AmountWithLabel.AmountWithLabel--success {
  color: #88BC76;
}
.AmountWithLabel.AmountWithLabel--success.AmountWithLabel--xlight {
  color: #e1eedd;
}
.AmountWithLabel.AmountWithLabel--success.AmountWithLabel--light {
  color: #c4debb;
}
.AmountWithLabel.AmountWithLabel--success.AmountWithLabel--dark {
  color: #4a783b;
}
.AmountWithLabel.AmountWithLabel--danger {
  color: #EF7F43;
}
.AmountWithLabel.AmountWithLabel--danger.AmountWithLabel--xlight {
  color: #fbdfd0;
}
.AmountWithLabel.AmountWithLabel--danger.AmountWithLabel--light {
  color: #f7bfa1;
}
.AmountWithLabel.AmountWithLabel--danger.AmountWithLabel--dark {
  color: #a5420e;
}
.AmountWithLabel.AmountWithLabel--info {
  color: #62BDD0;
}
.AmountWithLabel.AmountWithLabel--info.AmountWithLabel--xlight {
  color: #d8eef3;
}
.AmountWithLabel.AmountWithLabel--info.AmountWithLabel--light {
  color: #b1dee8;
}
.AmountWithLabel.AmountWithLabel--info.AmountWithLabel--dark {
  color: #297989;
}
.AmountWithLabel.AmountWithLabel--positive {
  color: #88BC76;
}
.AmountWithLabel.AmountWithLabel--positive.AmountWithLabel--xlight {
  color: #e1eedd;
}
.AmountWithLabel.AmountWithLabel--positive.AmountWithLabel--light {
  color: #c4debb;
}
.AmountWithLabel.AmountWithLabel--positive.AmountWithLabel--dark {
  color: #4a783b;
}
.AmountWithLabel.AmountWithLabel--warning {
  color: #FEB734;
}
.AmountWithLabel.AmountWithLabel--warning.AmountWithLabel--xlight {
  color: #ffedcc;
}
.AmountWithLabel.AmountWithLabel--warning.AmountWithLabel--light {
  color: #ffdb9a;
}
.AmountWithLabel.AmountWithLabel--warning.AmountWithLabel--dark {
  color: #b27301;
}
.AmountWithLabel.AmountWithLabel--negative {
  color: #EF7F43;
}
.AmountWithLabel.AmountWithLabel--negative.AmountWithLabel--xlight {
  color: #fbdfd0;
}
.AmountWithLabel.AmountWithLabel--negative.AmountWithLabel--light {
  color: #f7bfa1;
}
.AmountWithLabel.AmountWithLabel--negative.AmountWithLabel--dark {
  color: #a5420e;
}
.AmountWithLabel.AmountWithLabel--neutral {
  color: #997AB6;
}
.AmountWithLabel.AmountWithLabel--neutral.AmountWithLabel--xlight {
  color: #e5ddec;
}
.AmountWithLabel.AmountWithLabel--neutral.AmountWithLabel--light {
  color: #ccbcda;
}
.AmountWithLabel.AmountWithLabel--neutral.AmountWithLabel--dark {
  color: #593f72;
}
.AmountWithLabel.AmountWithLabel--primaryAction {
  color: #566B76;
}
.AmountWithLabel.AmountWithLabel--primaryAction.AmountWithLabel--xlight {
  color: #a6b6bf;
}
.AmountWithLabel.AmountWithLabel--primaryAction.AmountWithLabel--light {
  color: #899ea9;
}
.AmountWithLabel.AmountWithLabel--primaryAction.AmountWithLabel--dark {
  color: #20282c;
}
.AmountWithLabel.AmountWithLabel--brandAction {
  color: #E95949;
}
.AmountWithLabel.AmountWithLabel--brandAction.AmountWithLabel--xlight {
  color: #fad5d1;
}
.AmountWithLabel.AmountWithLabel--brandAction.AmountWithLabel--light {
  color: #f4aca4;
}
.AmountWithLabel.AmountWithLabel--brandAction.AmountWithLabel--dark {
  color: #9f2113;
}
.AmountWithLabel.AmountWithLabel--secondaryAction {
  color: #b3b3b3;
}
.AmountWithLabel.AmountWithLabel--secondaryAction.AmountWithLabel--xlight {
  color: #ffffff;
}
.AmountWithLabel.AmountWithLabel--secondaryAction.AmountWithLabel--light {
  color: #e6e6e6;
}
.AmountWithLabel.AmountWithLabel--secondaryAction.AmountWithLabel--dark {
  color: #737373;
}
.AmountWithLabel.AmountWithLabel--primaryBrand {
  color: #E95949;
}
.AmountWithLabel.AmountWithLabel--primaryBrand.AmountWithLabel--xlight {
  color: #fad5d1;
}
.AmountWithLabel.AmountWithLabel--primaryBrand.AmountWithLabel--light {
  color: #f4aca4;
}
.AmountWithLabel.AmountWithLabel--primaryBrand.AmountWithLabel--dark {
  color: #9f2113;
}
.AmountWithLabel.AmountWithLabel--secondaryBrand {
  color: #4B5E68;
}
.AmountWithLabel.AmountWithLabel--secondaryBrand.AmountWithLabel--xlight {
  color: #98aab4;
}
.AmountWithLabel.AmountWithLabel--secondaryBrand.AmountWithLabel--light {
  color: #7a929f;
}
.AmountWithLabel.AmountWithLabel--secondaryBrand.AmountWithLabel--dark {
  color: #161b1e;
}
.AmountWithLabel.AmountWithLabel--tertiaryBrand {
  color: #F4F4F0;
}
.AmountWithLabel.AmountWithLabel--tertiaryBrand.AmountWithLabel--xlight {
  color: #ffffff;
}
.AmountWithLabel.AmountWithLabel--tertiaryBrand.AmountWithLabel--light {
  color: #ffffff;
}
.AmountWithLabel.AmountWithLabel--tertiaryBrand.AmountWithLabel--dark {
  color: #bebea6;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.AppErrorPage {
  margin: 100px auto;
  text-align: center;
  max-width: 480px;
}
.AppErrorPage-title {
  font-size: 42px;
  line-height: 48px;
}
.AppErrorPage-text {
  font-size: 20px;
  line-height: 30px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.DataImage {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 100px;
  width: 100px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Pending {
  position: relative;
}
.Pending-spinner {
  opacity: 0;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
}
.Pending-children {
  opacity: 0;
  position: relative;
}
.Pending.is-ready .Pending-spinner {
  opacity: 0;
  animation: fadeOut 0.1s ease-out;
}
.Pending.is-ready .Pending-children {
  opacity: 1;
  animation: fadeIn 0.2s ease-in;
}
.Pending.is-delay {
  display: block !important;
}
.Pending.is-delay .Pending-spinner {
  opacity: 0;
}
.Pending.is-delay .Pending-children {
  opacity: 0;
}
.Pending.is-pending {
  min-height: 100px;
}
.Pending.is-pending .Pending-spinner {
  opacity: 1;
  animation: fadeIn 0.1s ease-in;
}
.Pending.is-pending .Pending-children {
  opacity: 0;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.AppHeader {
  display: block;
}
.AppHeader-content {
  display: flex;
  align-items: center;
  padding: 0 30px;
  justify-content: space-between;
}
.AppHeader-logo {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-size: contain;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  align-self: center;
}
.AppHeader-logo h1 {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.AppHeader-titles {
  text-align: right;
}
.AppHeader-title,
.AppHeader-subtitle {
  color: #4d4d4d;
}
.AppHeader--clickable .AppHeader-content {
  cursor: pointer;
}
.AppHeader--fixed {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
}
.AppHeader--top {
  top: 0;
}
.AppHeader--bottom {
  bottom: 0;
  width: 228px;
  border-right: 1px solid #e6e6e6;
  background: #fff;
  transition: all 200ms ease-in-out;
}
.AppHeader--vertical .AppHeader-content {
  height: 90px;
  border-bottom: 1px solid #e6e6e6;
}
.AppHeader--horizontal {
  width: 100%;
  background: #ffffff;
}
.AppHeader--horizontal .AppHeader-content {
  height: 95px;
  border-bottom: 1px solid #e6e6e6;
}
.AppHeader--sidebar .AppHeader-svg {
  transition: all 200ms ease-in-out;
  transform: translate(0, -40%);
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.AppLogout-loggedIn,
.AppLogout-link {
  display: inline-block;
  margin: 0 6px;
}
.AppLogout-loggedIn {
  border-right: 1px solid #e6e6e6;
  padding-right: 6px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.AppNavigation {
  font-size: 14px;
}
.AppNavigation .Nav {
  text-align: left;
}
.AppNavigation .Nav-item {
  background: 0;
  border-left: 0;
}
.AppNavigation .Nav-item.is-selected,
.AppNavigation .Nav-item.is-child-selected {
  background: 0;
}
.AppNavigation .Nav-item.is-selected:hover,
.AppNavigation .Nav-item.is-child-selected:hover {
  border-left: 0;
}
.AppNavigation .Nav-item.is-selected .Nav--sub,
.AppNavigation .Nav-item.is-child-selected .Nav--sub {
  display: block;
}
.AppNavigation .Nav-link {
  color: #666666;
  display: block;
  padding: 0 20px 0 20px;
  transition: padding 200ms;
  display: flex;
  align-content: center;
  align-items: center;
  min-height: 48px;
}
.AppNavigation .Nav-link--withIcon {
  padding-left: 30px;
}
.AppNavigation .Nav-link--withIcon .Nav-label {
  margin-left: 14px;
}
.AppNavigation .Nav-link .Icon {
  vertical-align: middle;
  display: inline;
}
.AppNavigation .Nav-link .Nav-label {
  transition: opacity 150ms;
  transition-delay: 0ms;
  display: inline-block;
}
.AppNavigation .Nav-link.is-selected {
  color: #E95949;
}
.AppNavigation .Nav-link.is-selected .Icon .SVGImage-svg path {
  fill: #E95949;
}
.AppNavigation .Nav--sub {
  display: none;
}
.AppNavigation .Nav--sub.is-selected {
  display: block;
}
.AppNavigation .Nav--sub .Nav-link {
  min-height: 36px;
  position: relative;
}
.AppNavigation .Nav--sub .Nav-label {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-height: 15px !important;
  /* fallback */
  max-height: 30px;
  margin: 6px 0 6px 12px;
  font-size: 12px;
  transition: opacity 150ms;
}
.AppNavigation--default .Nav-link:hover {
  color: #E95949;
}
.AppNavigation--default .Nav-link:hover .Icon .SVGImage-svg path {
  fill: #E95949;
}
.AppNavigation--tabs .Nav-item {
  display: inline-block;
}
.AppNavigation--tabs .Nav-item:after {
  content: '';
  background: transparent;
  transition: width 0.5s ease, background-color 0.5s ease;
  width: 0;
  margin: auto;
  height: 3px;
  display: block;
  position: relative;
  top: -3px;
  border-radius: 3px 3px 0 0;
}
.AppNavigation--tabs .Nav-item.is-selected:after {
  background: #E95949;
  width: 100%;
}
.AppNavigation--tabs .Nav-link {
  padding: 0 18px;
}
.AppNavigation--tabs .Nav-link--withIcon {
  padding-left: 18px;
}
.AppNavigation--tabs .Nav-link--withIcon .Nav-label {
  margin-left: 12px;
}
.AppNavigation--tabs .Nav-link:hover {
  background-color: #fceae8;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.MaskedImage {
  display: inline-block;
  text-align: center;
  background: #F4F4F0;
  overflow: hidden;
  width: 90px;
  height: 90px;
}
.MaskedImage-content {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
}
.MaskedImage--hexagon {
  -webkit-clip-path: polygon(53.55% 1%, 90.74% 24.6%, 92.76% 25.84%, 94% 28.04%, 94% 30.42%, 94% 69.58%, 94% 71.96%, 92.76% 74.16%, 90.74% 75.4%, 53.55% 99%, 51.37% 100.33%, 48.63% 100.33%, 46.45% 99%, 9.26% 75.4%, 7.24% 74.16%, 6% 71.96%, 6% 69.58%, 6% 30.42%, 6% 28.04%, 7.24% 25.84%, 9.26% 24.6%, 46.45% 1%, 48.63% -0.33%, 51.37% -0.33%, 53.55% 1%);
  clip-path: polygon(53.55% 1%, 90.74% 24.6%, 92.76% 25.84%, 94% 28.04%, 94% 30.42%, 94% 69.58%, 94% 71.96%, 92.76% 74.16%, 90.74% 75.4%, 53.55% 99%, 51.37% 100.33%, 48.63% 100.33%, 46.45% 99%, 9.26% 75.4%, 7.24% 74.16%, 6% 71.96%, 6% 69.58%, 6% 30.42%, 6% 28.04%, 7.24% 25.84%, 9.26% 24.6%, 46.45% 1%, 48.63% -0.33%, 51.37% -0.33%, 53.55% 1%);
}
.MaskedImage--circle {
  border-radius: 50%;
}
.MaskedImage .MaskedImage-content {
  height: inherit;
  width: inherit;
}
.MaskedImage .MaskedImage-content .Image {
  width: inherit;
  height: inherit;
}
.MaskedImage--info {
  background-color: #62BDD0;
}
.MaskedImage--neutral {
  background-color: #997AB6;
}
.MaskedImage--warning {
  background-color: #FEB734;
}
.MaskedImage--positive {
  background-color: #88BC76;
}
.MaskedImage--negative {
  background-color: #EF7F43;
}
.MaskedImage--primaryBrand {
  background-color: #E95949;
}
.MaskedImage--secondaryBrand {
  background-color: #4B5E68;
}
.MaskedImage--tertiaryBrand {
  background-color: #F4F4F0;
}
.MaskedImage--lg {
  width: 120px;
  height: 120px;
}
.MaskedImage--lg .MaskedImage-content {
  height: inherit;
  width: inherit;
}
.MaskedImage--lg .MaskedImage-content .Image {
  width: inherit;
  height: inherit;
}
.MaskedImage--sm {
  width: 78px;
  height: 78px;
}
.MaskedImage--sm .MaskedImage-content {
  height: inherit;
  width: inherit;
}
.MaskedImage--sm .MaskedImage-content .Image {
  width: inherit;
  height: inherit;
}
.MaskedImage--xs {
  width: 60px;
  height: 60px;
}
.MaskedImage--xs .MaskedImage-content {
  height: inherit;
  width: inherit;
}
.MaskedImage--xs .MaskedImage-content .Image {
  width: inherit;
  height: inherit;
}
.MaskedImage--xxs {
  width: 30px;
  height: 30px;
}
.MaskedImage--xxs .MaskedImage-content {
  height: inherit;
  width: inherit;
}
.MaskedImage--xxs .MaskedImage-content .Image {
  width: inherit;
  height: inherit;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.AppUserProfile {
  cursor: pointer;
}
.AppUserProfile-actions {
  position: absolute;
  right: 0;
  padding: 20px;
  min-width: 200px;
  background-color: white;
  line-height: 24px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Collapser {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -24px;
  width: 18px;
  height: 48px;
  background: #f9f9f7;
  border: 1px solid #eee;
  border-right: 0;
  border-radius: 6px 0 0 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition-delay: 200ms;
  transition-duration: 100ms;
}
.Collapser:hover {
  border-color: #dfdfdf;
}
.Collapser.is-collapsed {
  transform: translateX(19px);
  border-color: #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-left: 0;
  border-radius: 0 6px 6px 0;
}
.Collapser.is-collapsed:hover {
  background: #fff;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.AppSidebar {
  width: 228px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
  background: #ffffff;
  border-right: 1px solid #e6e6e6;
  transition: width 200ms ease-in-out;
}
@media (max-width: 1439px) {
  .AppSidebar.AppSidebar--desktopWide {
    width: 60px;
  }
  .AppSidebar.AppSidebar--desktopWide:hover {
    width: 228px;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppHeader {
    width: 228px;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppHeader-content {
    padding: 0 30px;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppHeader-titles {
    display: block;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppHeader-logo {
    transform: scale(1);
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppNavigation .Nav .Nav-link {
    padding: 0 20px 0 30px;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppNavigation .Nav .Nav-link .Nav-label {
    opacity: 1;
    transition-delay: 200ms;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppNavigation .Nav-item.is-selected .Nav--sub,
  .AppSidebar.AppSidebar--desktopWide:hover .AppNavigation .Nav-item.is-child-selected .Nav--sub {
    display: block;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppNavigation .Nav--sub .Nav-link .Nav-label {
    opacity: 1;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppLogout-loggedIn-label {
    display: flex;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppLogout-text {
    display: flex;
  }
  .AppSidebar.AppSidebar--desktopWide:hover .AppLogout-link {
    padding-left: 30px;
    padding-right: 30px;
  }
  .AppSidebar.AppSidebar--desktopWide .AppHeader {
    width: 60px;
  }
  .AppSidebar.AppSidebar--desktopWide .AppHeader-content {
    padding: 0;
    text-align: center;
  }
  .AppSidebar.AppSidebar--desktopWide .AppHeader-logo {
    transform: scale(0.8);
  }
  .AppSidebar.AppSidebar--desktopWide .AppHeader-titles {
    display: none;
  }
  .AppSidebar.AppSidebar--desktopWide .AppNavigation .Nav-item.is-selected .Nav--sub,
  .AppSidebar.AppSidebar--desktopWide .AppNavigation .Nav-item.is-child-selected .Nav--sub {
    display: none;
  }
  .AppSidebar.AppSidebar--desktopWide .Collapser {
    display: none;
  }
  .AppSidebar.AppSidebar--desktopWide .AppNavigation .Nav-link {
    padding: 0 0 0 20px;
  }
  .AppSidebar.AppSidebar--desktopWide .AppNavigation .Nav-label {
    opacity: 0;
    white-space: nowrap;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-height: 15px !important;
    /* fallback */
    max-height: 15px;
  }
  .AppSidebar.AppSidebar--desktopWide .AppLogout-loggedIn-label {
    display: none;
  }
  .AppSidebar.AppSidebar--desktopWide .AppLogout-link {
    padding-left: 20px;
    padding-right: 20px;
  }
  .AppSidebar.AppSidebar--desktopWide .AppLogout-text {
    display: none;
  }
}
@media (max-width: 1439px) {
  .AppSidebar.AppSidebar--desktopWide.AppSidebar--collapsible .AppNavigation .Nav-link .Nav-label {
    transition: opacity 150ms;
    transition-delay: 0ms;
    opacity: 0;
  }
}
@media (max-width: 1279px) {
  .AppSidebar.AppSidebar--desktop {
    width: 60px;
  }
  .AppSidebar.AppSidebar--desktop:hover {
    width: 228px;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppHeader {
    width: 228px;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppHeader-content {
    padding: 0 30px;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppHeader-titles {
    display: block;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppHeader-logo {
    transform: scale(1);
  }
  .AppSidebar.AppSidebar--desktop:hover .AppNavigation .Nav .Nav-link {
    padding: 0 20px 0 30px;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppNavigation .Nav .Nav-link .Nav-label {
    opacity: 1;
    transition-delay: 200ms;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppNavigation .Nav-item.is-selected .Nav--sub,
  .AppSidebar.AppSidebar--desktop:hover .AppNavigation .Nav-item.is-child-selected .Nav--sub {
    display: block;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppNavigation .Nav--sub .Nav-link .Nav-label {
    opacity: 1;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppLogout-loggedIn-label {
    display: flex;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppLogout-text {
    display: flex;
  }
  .AppSidebar.AppSidebar--desktop:hover .AppLogout-link {
    padding-left: 30px;
    padding-right: 30px;
  }
  .AppSidebar.AppSidebar--desktop .AppHeader {
    width: 60px;
  }
  .AppSidebar.AppSidebar--desktop .AppHeader-content {
    padding: 0;
    text-align: center;
  }
  .AppSidebar.AppSidebar--desktop .AppHeader-logo {
    transform: scale(0.8);
  }
  .AppSidebar.AppSidebar--desktop .AppHeader-titles {
    display: none;
  }
  .AppSidebar.AppSidebar--desktop .AppNavigation .Nav-item.is-selected .Nav--sub,
  .AppSidebar.AppSidebar--desktop .AppNavigation .Nav-item.is-child-selected .Nav--sub {
    display: none;
  }
  .AppSidebar.AppSidebar--desktop .Collapser {
    display: none;
  }
  .AppSidebar.AppSidebar--desktop .AppNavigation .Nav-link {
    padding: 0 0 0 20px;
  }
  .AppSidebar.AppSidebar--desktop .AppNavigation .Nav-label {
    opacity: 0;
    white-space: nowrap;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-height: 15px !important;
    /* fallback */
    max-height: 15px;
  }
  .AppSidebar.AppSidebar--desktop .AppLogout-loggedIn-label {
    display: none;
  }
  .AppSidebar.AppSidebar--desktop .AppLogout-link {
    padding-left: 20px;
    padding-right: 20px;
  }
  .AppSidebar.AppSidebar--desktop .AppLogout-text {
    display: none;
  }
}
@media (max-width: 1279px) {
  .AppSidebar.AppSidebar--desktop.AppSidebar--collapsible .AppNavigation .Nav-link .Nav-label {
    transition: opacity 150ms;
    transition-delay: 0ms;
    opacity: 0;
  }
}
@media (max-width: 1023px) {
  .AppSidebar.AppSidebar--tablet {
    width: 60px;
  }
  .AppSidebar.AppSidebar--tablet:hover {
    width: 228px;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppHeader {
    width: 228px;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppHeader-content {
    padding: 0 30px;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppHeader-titles {
    display: block;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppHeader-logo {
    transform: scale(1);
  }
  .AppSidebar.AppSidebar--tablet:hover .AppNavigation .Nav .Nav-link {
    padding: 0 20px 0 30px;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppNavigation .Nav .Nav-link .Nav-label {
    opacity: 1;
    transition-delay: 200ms;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppNavigation .Nav-item.is-selected .Nav--sub,
  .AppSidebar.AppSidebar--tablet:hover .AppNavigation .Nav-item.is-child-selected .Nav--sub {
    display: block;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppNavigation .Nav--sub .Nav-link .Nav-label {
    opacity: 1;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppLogout-loggedIn-label {
    display: flex;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppLogout-text {
    display: flex;
  }
  .AppSidebar.AppSidebar--tablet:hover .AppLogout-link {
    padding-left: 30px;
    padding-right: 30px;
  }
  .AppSidebar.AppSidebar--tablet .AppHeader {
    width: 60px;
  }
  .AppSidebar.AppSidebar--tablet .AppHeader-content {
    padding: 0;
    text-align: center;
  }
  .AppSidebar.AppSidebar--tablet .AppHeader-logo {
    transform: scale(0.8);
  }
  .AppSidebar.AppSidebar--tablet .AppHeader-titles {
    display: none;
  }
  .AppSidebar.AppSidebar--tablet .AppNavigation .Nav-item.is-selected .Nav--sub,
  .AppSidebar.AppSidebar--tablet .AppNavigation .Nav-item.is-child-selected .Nav--sub {
    display: none;
  }
  .AppSidebar.AppSidebar--tablet .Collapser {
    display: none;
  }
  .AppSidebar.AppSidebar--tablet .AppNavigation .Nav-link {
    padding: 0 0 0 20px;
  }
  .AppSidebar.AppSidebar--tablet .AppNavigation .Nav-label {
    opacity: 0;
    white-space: nowrap;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-height: 15px !important;
    /* fallback */
    max-height: 15px;
  }
  .AppSidebar.AppSidebar--tablet .AppLogout-loggedIn-label {
    display: none;
  }
  .AppSidebar.AppSidebar--tablet .AppLogout-link {
    padding-left: 20px;
    padding-right: 20px;
  }
  .AppSidebar.AppSidebar--tablet .AppLogout-text {
    display: none;
  }
}
@media (max-width: 1023px) {
  .AppSidebar.AppSidebar--tablet.AppSidebar--collapsible .AppNavigation .Nav-link .Nav-label {
    transition: opacity 150ms;
    transition-delay: 0ms;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .AppSidebar.AppSidebar--tabletSmall {
    width: 60px;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover {
    width: 228px;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppHeader {
    width: 228px;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppHeader-content {
    padding: 0 30px;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppHeader-titles {
    display: block;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppHeader-logo {
    transform: scale(1);
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppNavigation .Nav .Nav-link {
    padding: 0 20px 0 30px;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppNavigation .Nav .Nav-link .Nav-label {
    opacity: 1;
    transition-delay: 200ms;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppNavigation .Nav-item.is-selected .Nav--sub,
  .AppSidebar.AppSidebar--tabletSmall:hover .AppNavigation .Nav-item.is-child-selected .Nav--sub {
    display: block;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppNavigation .Nav--sub .Nav-link .Nav-label {
    opacity: 1;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppLogout-loggedIn-label {
    display: flex;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppLogout-text {
    display: flex;
  }
  .AppSidebar.AppSidebar--tabletSmall:hover .AppLogout-link {
    padding-left: 30px;
    padding-right: 30px;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppHeader {
    width: 60px;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppHeader-content {
    padding: 0;
    text-align: center;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppHeader-logo {
    transform: scale(0.8);
  }
  .AppSidebar.AppSidebar--tabletSmall .AppHeader-titles {
    display: none;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppNavigation .Nav-item.is-selected .Nav--sub,
  .AppSidebar.AppSidebar--tabletSmall .AppNavigation .Nav-item.is-child-selected .Nav--sub {
    display: none;
  }
  .AppSidebar.AppSidebar--tabletSmall .Collapser {
    display: none;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppNavigation .Nav-link {
    padding: 0 0 0 20px;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppNavigation .Nav-label {
    opacity: 0;
    white-space: nowrap;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-height: 15px !important;
    /* fallback */
    max-height: 15px;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppLogout-loggedIn-label {
    display: none;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppLogout-link {
    padding-left: 20px;
    padding-right: 20px;
  }
  .AppSidebar.AppSidebar--tabletSmall .AppLogout-text {
    display: none;
  }
}
@media (max-width: 767px) {
  .AppSidebar.AppSidebar--tabletSmall.AppSidebar--collapsible .AppNavigation .Nav-link .Nav-label {
    transition: opacity 150ms;
    transition-delay: 0ms;
    opacity: 0;
  }
}
/* Modifiers
------------------------------------------------------------ */
.AppSidebar--collapsible .AppNavigation .Nav-label {
  transition-delay: 200ms;
}
/* States
 ------------------------------------------------------------ */
.AppSidebar.is-collapsed {
  width: 60px;
  overflow-x: initial;
  overflow-y: initial;
}
.AppSidebar.is-collapsed .AppHeader-content {
  padding: 0;
  text-align: center;
}
.AppSidebar.is-collapsed .AppHeader-logo {
  transform: scale(0.8);
}
.AppSidebar.is-collapsed .AppHeader-titles {
  display: none;
}
.AppSidebar.is-collapsed .AppHeader--bottom {
  width: 60px;
}
.AppSidebar.is-collapsed .AppHeader--bottom .AppLogout-text {
  display: none;
}
.AppSidebar.is-collapsed .AppHeader--bottom .AppLogout-loggedIn-label {
  display: none;
}
.AppSidebar.is-collapsed .AppNavigation .Nav-link {
  padding: 0 0 0 20px;
}
.AppSidebar.is-collapsed .AppNavigation .Nav-link .Nav-label {
  position: absolute;
  opacity: 0;
  transition: all 150ms;
  transition-delay: 0ms;
}
.AppSidebar.is-collapsed .AppNavigation .Nav-item.is-selected .Nav--sub,
.AppSidebar.is-collapsed .AppNavigation .Nav-item.is-child-selected .Nav--sub {
  display: none;
}
.AppSidebar.is-collapsed .AppNavigation .Nav--sub .Nav-label {
  position: absolute;
}
.AppSidebar.is-collapsed .AppLogout-loggedIn {
  padding: 0 20px;
}
.AppSidebar.is-collapsed .AppLogout-link {
  padding-left: 20px;
  padding-right: 20px;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Autocomplete {
  position: relative;
}
.Autocomplete .Input {
  position: relative;
}
.Autocomplete input[type="search"]::-webkit-search-decoration,
.Autocomplete input[type="search"]::-webkit-search-cancel-button,
.Autocomplete input[type="search"]::-webkit-search-results-button,
.Autocomplete input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.Autocomplete-results {
  padding: 0;
  margin: 1px 0 0 0;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-top: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  z-index: 9999;
}
.Autocomplete-results-items {
  padding: 6px;
}
.Autocomplete-item,
.Autocomplete-moreResults {
  padding: 10px;
  list-style: none;
  cursor: pointer;
}
.Autocomplete-item {
  cursor: pointer;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
  padding: 0;
}
.Autocomplete-item:before,
.Autocomplete-item:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.Autocomplete-item *:before,
.Autocomplete-item *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.Autocomplete-item .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.Autocomplete-item.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.Autocomplete-item.Autocomplete-item--selected {
  background-color: #f0f3f4;
}
.Autocomplete-item.Autocomplete-item--selected .Autocomplete-item-type-content {
  color: #b3b3b3;
}
.Autocomplete-item-type {
  padding: 0 12px;
  text-align: right;
}
.Autocomplete-item-type-content {
  font-size: 10px;
  color: #b3b3b3;
  text-align: right;
}
.Autocomplete-item-text {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  vertical-align: top;
  padding: 12px;
  width: 100%;
  padding: 0 12px;
}
.Autocomplete-item-text-content {
  text-overflow: ellipsis;
  overflow: hidden;
}
.Autocomplete-item-text-highlight {
  text-decoration: underline;
}
.Autocomplete-item--withType .Autocomplete-item-type {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  width: 33.33333333%;
  padding: 12px;
}
.Autocomplete-item--withType .Autocomplete-item-text {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  width: 66.66666667%;
  padding: 12px;
}
.Autocomplete-moreResults {
  text-align: center;
  color: #b3b3b3;
  background-color: #fafafa;
}
.Autocomplete-spinner.Spinner {
  position: absolute;
  right: 6px;
  top: 0;
}
.Autocomplete--forms .Autocomplete-spinner.Spinner {
  top: 12px;
  right: 12px;
}
.Autocomplete .Autocomplete-item {
  font-size: 14px;
  line-height: 36px;
}
.Autocomplete--xxl .Autocomplete-item {
  font-size: 30px;
  line-height: 36px;
}
.Autocomplete--xl .Autocomplete-item {
  font-size: 24px;
  line-height: 36px;
}
.Autocomplete--lg .Autocomplete-item {
  font-size: 18px;
  line-height: 36px;
}
.Autocomplete--sm .Autocomplete-item {
  font-size: 12px;
  line-height: 36px;
}
.Autocomplete--xs .Autocomplete-item {
  font-size: 12px;
  line-height: 36px;
}
.Autocomplete--xxs .Autocomplete-item {
  font-size: 10px;
  line-height: 36px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Badge {
  display: inline-block;
  position: relative;
}
.Badge:before {
  content: '';
  display: block;
  left: 0;
  top: 50%;
  border-radius: 50%;
  position: absolute;
}
/* Modifiers
 ------------------------------------------------------------ */
.Badge {
  /* Sizes 
	-------------------------------  */
  /* Colors 
	-------------------------------  */
}
.Badge--uppercase {
  text-transform: uppercase;
  padding: 6px 24px;
}
.Badge.Badge {
  font-size: 14px;
  padding-left: 14px;
}
.Badge.Badge:before {
  height: 7px;
  width: 7px;
  margin-top: -3.5px;
}
.Badge--xxl.Badge {
  font-size: 30px;
  padding-left: 30px;
}
.Badge--xxl.Badge:before {
  height: 15px;
  width: 15px;
  margin-top: -7.5px;
}
.Badge--xl.Badge {
  font-size: 20px;
  padding-left: 20px;
}
.Badge--xl.Badge:before {
  height: 10px;
  width: 10px;
  margin-top: -5px;
}
.Badge--lg.Badge {
  font-size: 16px;
  padding-left: 16px;
}
.Badge--lg.Badge:before {
  height: 8px;
  width: 8px;
  margin-top: -4px;
}
.Badge--sm.Badge {
  font-size: 12px;
  padding-left: 12px;
}
.Badge--sm.Badge:before {
  height: 6px;
  width: 6px;
  margin-top: -3px;
}
.Badge--xs.Badge {
  font-size: 10px;
  padding-left: 10px;
}
.Badge--xs.Badge:before {
  height: 5px;
  width: 5px;
  margin-top: -2.5px;
}
.Badge--xxs.Badge {
  font-size: 8px;
  padding-left: 8px;
}
.Badge--xxs.Badge:before {
  height: 4px;
  width: 4px;
  margin-top: -2px;
}
.Badge:before {
  background: #4d4d4d;
}
.Badge--info:before {
  background: #62BDD0;
}
.Badge--neutral:before {
  background: #997AB6;
}
.Badge--positive:before {
  background: #88BC76;
}
.Badge--warning:before {
  background: #FEB734;
}
.Badge--negative:before {
  background: #EF7F43;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.BorderedHeading {
  color: #4d4d4d !important;
}
.BorderedHeading--vertical {
  padding-left: 24px;
  position: relative;
}
.BorderedHeading--vertical:before {
  position: absolute;
  display: block;
  content: '';
  height: 100%;
  width: 6px;
  background: #4d4d4d;
  left: 0;
}
.BorderedHeading--horizontal:after {
  display: block;
  content: '';
  height: 6px;
  width: 30%;
  background: #4d4d4d;
  margin-top: 24px;
  margin-bottom: 36px;
}
.BorderedHeading.BorderedHeading--primary:before,
.BorderedHeading.BorderedHeading--primary:after {
  background: #62BDD0;
}
.BorderedHeading.BorderedHeading--primary.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--primary.BorderedHeading--light:after {
  background: #b1dee8;
}
.BorderedHeading.BorderedHeading--primary.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--primary.BorderedHeading--xlight:after {
  background: #d8eef3;
}
.BorderedHeading.BorderedHeading--primary.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--primary.BorderedHeading--dark:after {
  background: #297989;
}
.BorderedHeading.BorderedHeading--secondary:before,
.BorderedHeading.BorderedHeading--secondary:after {
  background: #566B76;
}
.BorderedHeading.BorderedHeading--secondary.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--secondary.BorderedHeading--light:after {
  background: #899ea9;
}
.BorderedHeading.BorderedHeading--secondary.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--secondary.BorderedHeading--xlight:after {
  background: #a6b6bf;
}
.BorderedHeading.BorderedHeading--secondary.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--secondary.BorderedHeading--dark:after {
  background: #20282c;
}
.BorderedHeading.BorderedHeading--tertiary:before,
.BorderedHeading.BorderedHeading--tertiary:after {
  background: #997AB6;
}
.BorderedHeading.BorderedHeading--tertiary.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--tertiary.BorderedHeading--light:after {
  background: #ccbcda;
}
.BorderedHeading.BorderedHeading--tertiary.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--tertiary.BorderedHeading--xlight:after {
  background: #e5ddec;
}
.BorderedHeading.BorderedHeading--tertiary.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--tertiary.BorderedHeading--dark:after {
  background: #593f72;
}
.BorderedHeading.BorderedHeading--success:before,
.BorderedHeading.BorderedHeading--success:after {
  background: #88BC76;
}
.BorderedHeading.BorderedHeading--success.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--success.BorderedHeading--light:after {
  background: #c4debb;
}
.BorderedHeading.BorderedHeading--success.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--success.BorderedHeading--xlight:after {
  background: #e1eedd;
}
.BorderedHeading.BorderedHeading--success.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--success.BorderedHeading--dark:after {
  background: #4a783b;
}
.BorderedHeading.BorderedHeading--danger:before,
.BorderedHeading.BorderedHeading--danger:after {
  background: #EF7F43;
}
.BorderedHeading.BorderedHeading--danger.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--danger.BorderedHeading--light:after {
  background: #f7bfa1;
}
.BorderedHeading.BorderedHeading--danger.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--danger.BorderedHeading--xlight:after {
  background: #fbdfd0;
}
.BorderedHeading.BorderedHeading--danger.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--danger.BorderedHeading--dark:after {
  background: #a5420e;
}
.BorderedHeading.BorderedHeading--info:before,
.BorderedHeading.BorderedHeading--info:after {
  background: #62BDD0;
}
.BorderedHeading.BorderedHeading--info.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--info.BorderedHeading--light:after {
  background: #b1dee8;
}
.BorderedHeading.BorderedHeading--info.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--info.BorderedHeading--xlight:after {
  background: #d8eef3;
}
.BorderedHeading.BorderedHeading--info.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--info.BorderedHeading--dark:after {
  background: #297989;
}
.BorderedHeading.BorderedHeading--positive:before,
.BorderedHeading.BorderedHeading--positive:after {
  background: #88BC76;
}
.BorderedHeading.BorderedHeading--positive.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--positive.BorderedHeading--light:after {
  background: #c4debb;
}
.BorderedHeading.BorderedHeading--positive.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--positive.BorderedHeading--xlight:after {
  background: #e1eedd;
}
.BorderedHeading.BorderedHeading--positive.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--positive.BorderedHeading--dark:after {
  background: #4a783b;
}
.BorderedHeading.BorderedHeading--warning:before,
.BorderedHeading.BorderedHeading--warning:after {
  background: #FEB734;
}
.BorderedHeading.BorderedHeading--warning.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--warning.BorderedHeading--light:after {
  background: #ffdb9a;
}
.BorderedHeading.BorderedHeading--warning.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--warning.BorderedHeading--xlight:after {
  background: #ffedcc;
}
.BorderedHeading.BorderedHeading--warning.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--warning.BorderedHeading--dark:after {
  background: #b27301;
}
.BorderedHeading.BorderedHeading--negative:before,
.BorderedHeading.BorderedHeading--negative:after {
  background: #EF7F43;
}
.BorderedHeading.BorderedHeading--negative.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--negative.BorderedHeading--light:after {
  background: #f7bfa1;
}
.BorderedHeading.BorderedHeading--negative.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--negative.BorderedHeading--xlight:after {
  background: #fbdfd0;
}
.BorderedHeading.BorderedHeading--negative.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--negative.BorderedHeading--dark:after {
  background: #a5420e;
}
.BorderedHeading.BorderedHeading--neutral:before,
.BorderedHeading.BorderedHeading--neutral:after {
  background: #997AB6;
}
.BorderedHeading.BorderedHeading--neutral.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--neutral.BorderedHeading--light:after {
  background: #ccbcda;
}
.BorderedHeading.BorderedHeading--neutral.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--neutral.BorderedHeading--xlight:after {
  background: #e5ddec;
}
.BorderedHeading.BorderedHeading--neutral.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--neutral.BorderedHeading--dark:after {
  background: #593f72;
}
.BorderedHeading.BorderedHeading--primaryAction:before,
.BorderedHeading.BorderedHeading--primaryAction:after {
  background: #566B76;
}
.BorderedHeading.BorderedHeading--primaryAction.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--primaryAction.BorderedHeading--light:after {
  background: #899ea9;
}
.BorderedHeading.BorderedHeading--primaryAction.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--primaryAction.BorderedHeading--xlight:after {
  background: #a6b6bf;
}
.BorderedHeading.BorderedHeading--primaryAction.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--primaryAction.BorderedHeading--dark:after {
  background: #20282c;
}
.BorderedHeading.BorderedHeading--brandAction:before,
.BorderedHeading.BorderedHeading--brandAction:after {
  background: #E95949;
}
.BorderedHeading.BorderedHeading--brandAction.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--brandAction.BorderedHeading--light:after {
  background: #f4aca4;
}
.BorderedHeading.BorderedHeading--brandAction.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--brandAction.BorderedHeading--xlight:after {
  background: #fad5d1;
}
.BorderedHeading.BorderedHeading--brandAction.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--brandAction.BorderedHeading--dark:after {
  background: #9f2113;
}
.BorderedHeading.BorderedHeading--secondaryAction:before,
.BorderedHeading.BorderedHeading--secondaryAction:after {
  background: #b3b3b3;
}
.BorderedHeading.BorderedHeading--secondaryAction.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--secondaryAction.BorderedHeading--light:after {
  background: #e6e6e6;
}
.BorderedHeading.BorderedHeading--secondaryAction.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--secondaryAction.BorderedHeading--xlight:after {
  background: #ffffff;
}
.BorderedHeading.BorderedHeading--secondaryAction.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--secondaryAction.BorderedHeading--dark:after {
  background: #737373;
}
.BorderedHeading.BorderedHeading--primaryBrand:before,
.BorderedHeading.BorderedHeading--primaryBrand:after {
  background: #E95949;
}
.BorderedHeading.BorderedHeading--primaryBrand.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--primaryBrand.BorderedHeading--light:after {
  background: #f4aca4;
}
.BorderedHeading.BorderedHeading--primaryBrand.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--primaryBrand.BorderedHeading--xlight:after {
  background: #fad5d1;
}
.BorderedHeading.BorderedHeading--primaryBrand.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--primaryBrand.BorderedHeading--dark:after {
  background: #9f2113;
}
.BorderedHeading.BorderedHeading--secondaryBrand:before,
.BorderedHeading.BorderedHeading--secondaryBrand:after {
  background: #4B5E68;
}
.BorderedHeading.BorderedHeading--secondaryBrand.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--secondaryBrand.BorderedHeading--light:after {
  background: #7a929f;
}
.BorderedHeading.BorderedHeading--secondaryBrand.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--secondaryBrand.BorderedHeading--xlight:after {
  background: #98aab4;
}
.BorderedHeading.BorderedHeading--secondaryBrand.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--secondaryBrand.BorderedHeading--dark:after {
  background: #161b1e;
}
.BorderedHeading.BorderedHeading--tertiaryBrand:before,
.BorderedHeading.BorderedHeading--tertiaryBrand:after {
  background: #F4F4F0;
}
.BorderedHeading.BorderedHeading--tertiaryBrand.BorderedHeading--light:before,
.BorderedHeading.BorderedHeading--tertiaryBrand.BorderedHeading--light:after {
  background: #ffffff;
}
.BorderedHeading.BorderedHeading--tertiaryBrand.BorderedHeading--xlight:before,
.BorderedHeading.BorderedHeading--tertiaryBrand.BorderedHeading--xlight:after {
  background: #ffffff;
}
.BorderedHeading.BorderedHeading--tertiaryBrand.BorderedHeading--dark:before,
.BorderedHeading.BorderedHeading--tertiaryBrand.BorderedHeading--dark:after {
  background: #bebea6;
}
.BorderedHeading--three.BorderedHeading--vertical,
.BorderedHeading--four.BorderedHeading--vertical {
  padding-left: 12px;
}
.BorderedHeading--three.BorderedHeading--vertical:before,
.BorderedHeading--four.BorderedHeading--vertical:before {
  width: 4px;
}
.BorderedHeading--three.BorderedHeading--horizontal:after,
.BorderedHeading--four.BorderedHeading--horizontal:after {
  height: 4px;
}
.BorderedHeading--five.BorderedHeading--vertical,
.BorderedHeading--six.BorderedHeading--vertical {
  padding-left: 6px;
}
.BorderedHeading--five.BorderedHeading--vertical:before,
.BorderedHeading--six.BorderedHeading--vertical:before {
  width: 3px;
}
.BorderedHeading--five.BorderedHeading--horizontal:after,
.BorderedHeading--six.BorderedHeading--horizontal:after {
  height: 3px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.ButtonGroup-item {
  display: inline-block;
}
.ButtonGroup-item .Button {
  margin-right: 12px;
  margin-left: 12px;
}
.ButtonGroup-item:first-child .Button {
  margin-left: 0;
}
.ButtonGroup-item:last-child .Button {
  margin-right: 0;
}
/* Modifiers
 ------------------------------------------------------------ */
.ButtonGroup {
  box-sizing: border-box;
}
.ButtonGroup--clean .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--narrow .Button {
  margin-right: 6px;
  margin-left: 6px;
}
.ButtonGroup--right {
  text-align: right;
}
.ButtonGroup--grid {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
  justify-content: center;
}
.ButtonGroup--grid:before,
.ButtonGroup--grid:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.ButtonGroup--grid *:before,
.ButtonGroup--grid *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.ButtonGroup--grid .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ButtonGroup--grid.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.ButtonGroup--grid.ButtonGroup--1 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  vertical-align: top;
  padding: 12px;
  width: 100%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--1 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--1 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--1 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--1 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--2 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 50%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--2 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--2 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--2 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--2 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--3 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 33.33333333%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--3 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--3 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--3 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--3 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--4 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 25%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--4 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--4 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--4 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--4 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--5 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 20%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--5 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--5 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--5 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--5 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--6 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 16.66666667%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--6 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--6 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--6 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--6 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--7 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 14.28571429%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--7 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--7 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--7 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--7 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--8 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 12.5%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--8 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--8 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--8 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--8 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--9 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 11.11111111%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--9 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--9 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--9 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--9 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--10 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 10%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--10 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--10 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--10 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--10 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--11 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 9.09090909%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--11 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--11 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--11 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--11 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--grid.ButtonGroup--12 .ButtonGroup-item {
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 8.33333333%;
  padding: 0 6px;
}
.ButtonGroup--grid.ButtonGroup--12 .ButtonGroup-item .Button {
  margin-right: 0;
  margin-left: 0;
}
.ButtonGroup--grid.ButtonGroup--12 .ButtonGroup-item:first-child {
  padding-left: 0;
}
.ButtonGroup--grid.ButtonGroup--12 .ButtonGroup-item:last-child {
  padding-right: 0;
}
.ButtonGroup--grid.ButtonGroup--12 .ButtonGroup-item:last-child .Button {
  margin: 0;
}
.ButtonGroup--vertical .ButtonGroup-item {
  display: block;
}
.ButtonGroup--vertical .ButtonGroup-item .Button {
  margin: 6px 0;
}
.ButtonGroup--vertical .ButtonGroup-item .Button.Button--link {
  margin: 0 0 0 0;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Caret {
  display: block;
  position: absolute;
}
.Caret:after,
.Caret:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.Caret.Caret--top:before {
  border-bottom-color: #e6e6e6;
}
.Caret.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret.Caret--bottom:before {
  border-top-color: #e6e6e6;
}
.Caret.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret.Caret--left:before {
  border-right-color: #e6e6e6;
}
.Caret.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret.Caret--right:before {
  border-left-color: #e6e6e6;
}
.Caret.Caret--right:after {
  border-left-color: #ffffff;
}
/* Modifiers
 ------------------------------------------------------------ */
.Caret--top {
  left: 50%;
  top: 0;
}
.Caret--top:after,
.Caret--top:before {
  left: 50%;
}
.Caret--top:after {
  top: -12px;
}
.Caret--top:after,
.Caret--top:before {
  bottom: 100%;
  left: 50%;
}
.Caret--top:after {
  margin-left: -6px;
  border-width: 6px;
}
.Caret--top:before {
  border-bottom-color: #e6e6e6;
}
.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--top:before {
  top: -14px;
  margin-left: -7px;
  border-width: 7px;
}
.Caret--top.Caret--xxs {
  left: 50%;
  top: 0;
}
.Caret--top.Caret--xxs:after,
.Caret--top.Caret--xxs:before {
  left: 50%;
}
.Caret--top.Caret--xxs:after {
  top: -6px;
}
.Caret--top.Caret--xxs:after,
.Caret--top.Caret--xxs:before {
  bottom: 100%;
  left: 50%;
}
.Caret--top.Caret--xxs:after {
  margin-left: -3px;
  border-width: 3px;
}
.Caret--top.Caret--xxs:before {
  border-bottom-color: #e6e6e6;
}
.Caret--top.Caret--xxs:after {
  border-bottom-color: #ffffff;
}
.Caret--top.Caret--xxs:before {
  top: -8px;
  margin-left: -4px;
  border-width: 4px;
}
.Caret--top.Caret--xs {
  left: 50%;
  top: 0;
}
.Caret--top.Caret--xs:after,
.Caret--top.Caret--xs:before {
  left: 50%;
}
.Caret--top.Caret--xs:after {
  top: -8px;
}
.Caret--top.Caret--xs:after,
.Caret--top.Caret--xs:before {
  bottom: 100%;
  left: 50%;
}
.Caret--top.Caret--xs:after {
  margin-left: -4px;
  border-width: 4px;
}
.Caret--top.Caret--xs:before {
  border-bottom-color: #e6e6e6;
}
.Caret--top.Caret--xs:after {
  border-bottom-color: #ffffff;
}
.Caret--top.Caret--xs:before {
  top: -10px;
  margin-left: -5px;
  border-width: 5px;
}
.Caret--top.Caret--sm {
  left: 50%;
  top: 0;
}
.Caret--top.Caret--sm:after,
.Caret--top.Caret--sm:before {
  left: 50%;
}
.Caret--top.Caret--sm:after {
  top: -10px;
}
.Caret--top.Caret--sm:after,
.Caret--top.Caret--sm:before {
  bottom: 100%;
  left: 50%;
}
.Caret--top.Caret--sm:after {
  margin-left: -5px;
  border-width: 5px;
}
.Caret--top.Caret--sm:before {
  border-bottom-color: #e6e6e6;
}
.Caret--top.Caret--sm:after {
  border-bottom-color: #ffffff;
}
.Caret--top.Caret--sm:before {
  top: -12px;
  margin-left: -6px;
  border-width: 6px;
}
.Caret--top.Caret--lg {
  left: 50%;
  top: 0;
}
.Caret--top.Caret--lg:after,
.Caret--top.Caret--lg:before {
  left: 50%;
}
.Caret--top.Caret--lg:after {
  top: -14px;
}
.Caret--top.Caret--lg:after,
.Caret--top.Caret--lg:before {
  bottom: 100%;
  left: 50%;
}
.Caret--top.Caret--lg:after {
  margin-left: -7px;
  border-width: 7px;
}
.Caret--top.Caret--lg:before {
  border-bottom-color: #e6e6e6;
}
.Caret--top.Caret--lg:after {
  border-bottom-color: #ffffff;
}
.Caret--top.Caret--lg:before {
  top: -16px;
  margin-left: -8px;
  border-width: 8px;
}
.Caret--top.Caret--xl {
  left: 50%;
  top: 0;
}
.Caret--top.Caret--xl:after,
.Caret--top.Caret--xl:before {
  left: 50%;
}
.Caret--top.Caret--xl:after {
  top: -16px;
}
.Caret--top.Caret--xl:after,
.Caret--top.Caret--xl:before {
  bottom: 100%;
  left: 50%;
}
.Caret--top.Caret--xl:after {
  margin-left: -8px;
  border-width: 8px;
}
.Caret--top.Caret--xl:before {
  border-bottom-color: #e6e6e6;
}
.Caret--top.Caret--xl:after {
  border-bottom-color: #ffffff;
}
.Caret--top.Caret--xl:before {
  top: -18px;
  margin-left: -9px;
  border-width: 9px;
}
.Caret--top.Caret--xxl {
  left: 50%;
  top: 0;
}
.Caret--top.Caret--xxl:after,
.Caret--top.Caret--xxl:before {
  left: 50%;
}
.Caret--top.Caret--xxl:after {
  top: -24px;
}
.Caret--top.Caret--xxl:after,
.Caret--top.Caret--xxl:before {
  bottom: 100%;
  left: 50%;
}
.Caret--top.Caret--xxl:after {
  margin-left: -12px;
  border-width: 12px;
}
.Caret--top.Caret--xxl:before {
  border-bottom-color: #e6e6e6;
}
.Caret--top.Caret--xxl:after {
  border-bottom-color: #ffffff;
}
.Caret--top.Caret--xxl:before {
  top: -26px;
  margin-left: -13px;
  border-width: 13px;
}
.Caret--bottom {
  left: 50%;
  bottom: 0;
}
.Caret--bottom:after,
.Caret--bottom:before {
  left: 50%;
}
.Caret--bottom:after {
  bottom: -12px;
}
.Caret--bottom:after,
.Caret--bottom:before {
  top: 100%;
  left: 50%;
}
.Caret--bottom:after {
  margin-left: -6px;
  border-width: 6px;
}
.Caret--bottom:before {
  border-top-color: #e6e6e6;
}
.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--bottom:before {
  bottom: -14px;
  margin-left: -7px;
  border-width: 7px;
}
.Caret--bottom.Caret--xxs {
  left: 50%;
  bottom: 0;
}
.Caret--bottom.Caret--xxs:after,
.Caret--bottom.Caret--xxs:before {
  left: 50%;
}
.Caret--bottom.Caret--xxs:after {
  bottom: -6px;
}
.Caret--bottom.Caret--xxs:after,
.Caret--bottom.Caret--xxs:before {
  top: 100%;
  left: 50%;
}
.Caret--bottom.Caret--xxs:after {
  margin-left: -3px;
  border-width: 3px;
}
.Caret--bottom.Caret--xxs:before {
  border-top-color: #e6e6e6;
}
.Caret--bottom.Caret--xxs:after {
  border-top-color: #ffffff;
}
.Caret--bottom.Caret--xxs:before {
  bottom: -8px;
  margin-left: -4px;
  border-width: 4px;
}
.Caret--bottom.Caret--xs {
  left: 50%;
  bottom: 0;
}
.Caret--bottom.Caret--xs:after,
.Caret--bottom.Caret--xs:before {
  left: 50%;
}
.Caret--bottom.Caret--xs:after {
  bottom: -8px;
}
.Caret--bottom.Caret--xs:after,
.Caret--bottom.Caret--xs:before {
  top: 100%;
  left: 50%;
}
.Caret--bottom.Caret--xs:after {
  margin-left: -4px;
  border-width: 4px;
}
.Caret--bottom.Caret--xs:before {
  border-top-color: #e6e6e6;
}
.Caret--bottom.Caret--xs:after {
  border-top-color: #ffffff;
}
.Caret--bottom.Caret--xs:before {
  bottom: -10px;
  margin-left: -5px;
  border-width: 5px;
}
.Caret--bottom.Caret--sm {
  left: 50%;
  bottom: 0;
}
.Caret--bottom.Caret--sm:after,
.Caret--bottom.Caret--sm:before {
  left: 50%;
}
.Caret--bottom.Caret--sm:after {
  bottom: -10px;
}
.Caret--bottom.Caret--sm:after,
.Caret--bottom.Caret--sm:before {
  top: 100%;
  left: 50%;
}
.Caret--bottom.Caret--sm:after {
  margin-left: -5px;
  border-width: 5px;
}
.Caret--bottom.Caret--sm:before {
  border-top-color: #e6e6e6;
}
.Caret--bottom.Caret--sm:after {
  border-top-color: #ffffff;
}
.Caret--bottom.Caret--sm:before {
  bottom: -12px;
  margin-left: -6px;
  border-width: 6px;
}
.Caret--bottom.Caret--lg {
  left: 50%;
  bottom: 0;
}
.Caret--bottom.Caret--lg:after,
.Caret--bottom.Caret--lg:before {
  left: 50%;
}
.Caret--bottom.Caret--lg:after {
  bottom: -14px;
}
.Caret--bottom.Caret--lg:after,
.Caret--bottom.Caret--lg:before {
  top: 100%;
  left: 50%;
}
.Caret--bottom.Caret--lg:after {
  margin-left: -7px;
  border-width: 7px;
}
.Caret--bottom.Caret--lg:before {
  border-top-color: #e6e6e6;
}
.Caret--bottom.Caret--lg:after {
  border-top-color: #ffffff;
}
.Caret--bottom.Caret--lg:before {
  bottom: -16px;
  margin-left: -8px;
  border-width: 8px;
}
.Caret--bottom.Caret--xl {
  left: 50%;
  bottom: 0;
}
.Caret--bottom.Caret--xl:after,
.Caret--bottom.Caret--xl:before {
  left: 50%;
}
.Caret--bottom.Caret--xl:after {
  bottom: -16px;
}
.Caret--bottom.Caret--xl:after,
.Caret--bottom.Caret--xl:before {
  top: 100%;
  left: 50%;
}
.Caret--bottom.Caret--xl:after {
  margin-left: -8px;
  border-width: 8px;
}
.Caret--bottom.Caret--xl:before {
  border-top-color: #e6e6e6;
}
.Caret--bottom.Caret--xl:after {
  border-top-color: #ffffff;
}
.Caret--bottom.Caret--xl:before {
  bottom: -18px;
  margin-left: -9px;
  border-width: 9px;
}
.Caret--bottom.Caret--xxl {
  left: 50%;
  bottom: 0;
}
.Caret--bottom.Caret--xxl:after,
.Caret--bottom.Caret--xxl:before {
  left: 50%;
}
.Caret--bottom.Caret--xxl:after {
  bottom: -24px;
}
.Caret--bottom.Caret--xxl:after,
.Caret--bottom.Caret--xxl:before {
  top: 100%;
  left: 50%;
}
.Caret--bottom.Caret--xxl:after {
  margin-left: -12px;
  border-width: 12px;
}
.Caret--bottom.Caret--xxl:before {
  border-top-color: #e6e6e6;
}
.Caret--bottom.Caret--xxl:after {
  border-top-color: #ffffff;
}
.Caret--bottom.Caret--xxl:before {
  bottom: -26px;
  margin-left: -13px;
  border-width: 13px;
}
.Caret--right {
  top: 50%;
  right: 0;
}
.Caret--right:after,
.Caret--right:before {
  top: 50%;
}
.Caret--right:after {
  right: -12px;
}
.Caret--right:after,
.Caret--right:before {
  left: 100%;
  top: 50%;
}
.Caret--right:after {
  margin-top: -6px;
  border-width: 6px;
}
.Caret--right:before {
  border-left-color: #e6e6e6;
}
.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--right:before {
  right: -14px;
  margin-top: -7px;
  border-width: 7px;
}
.Caret--right.Caret--xxs {
  top: 50%;
  right: 0;
}
.Caret--right.Caret--xxs:after,
.Caret--right.Caret--xxs:before {
  top: 50%;
}
.Caret--right.Caret--xxs:after {
  right: -6px;
}
.Caret--right.Caret--xxs:after,
.Caret--right.Caret--xxs:before {
  left: 100%;
  top: 50%;
}
.Caret--right.Caret--xxs:after {
  margin-top: -3px;
  border-width: 3px;
}
.Caret--right.Caret--xxs:before {
  border-left-color: #e6e6e6;
}
.Caret--right.Caret--xxs:after {
  border-left-color: #ffffff;
}
.Caret--right.Caret--xxs:before {
  right: -8px;
  margin-top: -4px;
  border-width: 4px;
}
.Caret--right.Caret--xs {
  top: 50%;
  right: 0;
}
.Caret--right.Caret--xs:after,
.Caret--right.Caret--xs:before {
  top: 50%;
}
.Caret--right.Caret--xs:after {
  right: -8px;
}
.Caret--right.Caret--xs:after,
.Caret--right.Caret--xs:before {
  left: 100%;
  top: 50%;
}
.Caret--right.Caret--xs:after {
  margin-top: -4px;
  border-width: 4px;
}
.Caret--right.Caret--xs:before {
  border-left-color: #e6e6e6;
}
.Caret--right.Caret--xs:after {
  border-left-color: #ffffff;
}
.Caret--right.Caret--xs:before {
  right: -10px;
  margin-top: -5px;
  border-width: 5px;
}
.Caret--right.Caret--sm {
  top: 50%;
  right: 0;
}
.Caret--right.Caret--sm:after,
.Caret--right.Caret--sm:before {
  top: 50%;
}
.Caret--right.Caret--sm:after {
  right: -10px;
}
.Caret--right.Caret--sm:after,
.Caret--right.Caret--sm:before {
  left: 100%;
  top: 50%;
}
.Caret--right.Caret--sm:after {
  margin-top: -5px;
  border-width: 5px;
}
.Caret--right.Caret--sm:before {
  border-left-color: #e6e6e6;
}
.Caret--right.Caret--sm:after {
  border-left-color: #ffffff;
}
.Caret--right.Caret--sm:before {
  right: -12px;
  margin-top: -6px;
  border-width: 6px;
}
.Caret--right.Caret--lg {
  top: 50%;
  right: 0;
}
.Caret--right.Caret--lg:after,
.Caret--right.Caret--lg:before {
  top: 50%;
}
.Caret--right.Caret--lg:after {
  right: -14px;
}
.Caret--right.Caret--lg:after,
.Caret--right.Caret--lg:before {
  left: 100%;
  top: 50%;
}
.Caret--right.Caret--lg:after {
  margin-top: -7px;
  border-width: 7px;
}
.Caret--right.Caret--lg:before {
  border-left-color: #e6e6e6;
}
.Caret--right.Caret--lg:after {
  border-left-color: #ffffff;
}
.Caret--right.Caret--lg:before {
  right: -16px;
  margin-top: -8px;
  border-width: 8px;
}
.Caret--right.Caret--xl {
  top: 50%;
  right: 0;
}
.Caret--right.Caret--xl:after,
.Caret--right.Caret--xl:before {
  top: 50%;
}
.Caret--right.Caret--xl:after {
  right: -16px;
}
.Caret--right.Caret--xl:after,
.Caret--right.Caret--xl:before {
  left: 100%;
  top: 50%;
}
.Caret--right.Caret--xl:after {
  margin-top: -8px;
  border-width: 8px;
}
.Caret--right.Caret--xl:before {
  border-left-color: #e6e6e6;
}
.Caret--right.Caret--xl:after {
  border-left-color: #ffffff;
}
.Caret--right.Caret--xl:before {
  right: -18px;
  margin-top: -9px;
  border-width: 9px;
}
.Caret--right.Caret--xxl {
  top: 50%;
  right: 0;
}
.Caret--right.Caret--xxl:after,
.Caret--right.Caret--xxl:before {
  top: 50%;
}
.Caret--right.Caret--xxl:after {
  right: -24px;
}
.Caret--right.Caret--xxl:after,
.Caret--right.Caret--xxl:before {
  left: 100%;
  top: 50%;
}
.Caret--right.Caret--xxl:after {
  margin-top: -12px;
  border-width: 12px;
}
.Caret--right.Caret--xxl:before {
  border-left-color: #e6e6e6;
}
.Caret--right.Caret--xxl:after {
  border-left-color: #ffffff;
}
.Caret--right.Caret--xxl:before {
  right: -26px;
  margin-top: -13px;
  border-width: 13px;
}
.Caret--left {
  top: 50%;
  left: 0;
}
.Caret--left:after,
.Caret--left:before {
  top: 50%;
}
.Caret--left:after {
  left: -12px;
}
.Caret--left:after,
.Caret--left:before {
  right: 100%;
  top: 50%;
}
.Caret--left:after {
  margin-top: -6px;
  border-width: 6px;
}
.Caret--left:before {
  border-right-color: #e6e6e6;
}
.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--left:before {
  left: -14px;
  margin-top: -7px;
  border-width: 7px;
}
.Caret--left.Caret--xxs {
  top: 50%;
  left: 0;
}
.Caret--left.Caret--xxs:after,
.Caret--left.Caret--xxs:before {
  top: 50%;
}
.Caret--left.Caret--xxs:after {
  left: -6px;
}
.Caret--left.Caret--xxs:after,
.Caret--left.Caret--xxs:before {
  right: 100%;
  top: 50%;
}
.Caret--left.Caret--xxs:after {
  margin-top: -3px;
  border-width: 3px;
}
.Caret--left.Caret--xxs:before {
  border-right-color: #e6e6e6;
}
.Caret--left.Caret--xxs:after {
  border-right-color: #ffffff;
}
.Caret--left.Caret--xxs:before {
  left: -8px;
  margin-top: -4px;
  border-width: 4px;
}
.Caret--left.Caret--xs {
  top: 50%;
  left: 0;
}
.Caret--left.Caret--xs:after,
.Caret--left.Caret--xs:before {
  top: 50%;
}
.Caret--left.Caret--xs:after {
  left: -8px;
}
.Caret--left.Caret--xs:after,
.Caret--left.Caret--xs:before {
  right: 100%;
  top: 50%;
}
.Caret--left.Caret--xs:after {
  margin-top: -4px;
  border-width: 4px;
}
.Caret--left.Caret--xs:before {
  border-right-color: #e6e6e6;
}
.Caret--left.Caret--xs:after {
  border-right-color: #ffffff;
}
.Caret--left.Caret--xs:before {
  left: -10px;
  margin-top: -5px;
  border-width: 5px;
}
.Caret--left.Caret--sm {
  top: 50%;
  left: 0;
}
.Caret--left.Caret--sm:after,
.Caret--left.Caret--sm:before {
  top: 50%;
}
.Caret--left.Caret--sm:after {
  left: -10px;
}
.Caret--left.Caret--sm:after,
.Caret--left.Caret--sm:before {
  right: 100%;
  top: 50%;
}
.Caret--left.Caret--sm:after {
  margin-top: -5px;
  border-width: 5px;
}
.Caret--left.Caret--sm:before {
  border-right-color: #e6e6e6;
}
.Caret--left.Caret--sm:after {
  border-right-color: #ffffff;
}
.Caret--left.Caret--sm:before {
  left: -12px;
  margin-top: -6px;
  border-width: 6px;
}
.Caret--left.Caret--lg {
  top: 50%;
  left: 0;
}
.Caret--left.Caret--lg:after,
.Caret--left.Caret--lg:before {
  top: 50%;
}
.Caret--left.Caret--lg:after {
  left: -14px;
}
.Caret--left.Caret--lg:after,
.Caret--left.Caret--lg:before {
  right: 100%;
  top: 50%;
}
.Caret--left.Caret--lg:after {
  margin-top: -7px;
  border-width: 7px;
}
.Caret--left.Caret--lg:before {
  border-right-color: #e6e6e6;
}
.Caret--left.Caret--lg:after {
  border-right-color: #ffffff;
}
.Caret--left.Caret--lg:before {
  left: -16px;
  margin-top: -8px;
  border-width: 8px;
}
.Caret--left.Caret--xl {
  top: 50%;
  left: 0;
}
.Caret--left.Caret--xl:after,
.Caret--left.Caret--xl:before {
  top: 50%;
}
.Caret--left.Caret--xl:after {
  left: -16px;
}
.Caret--left.Caret--xl:after,
.Caret--left.Caret--xl:before {
  right: 100%;
  top: 50%;
}
.Caret--left.Caret--xl:after {
  margin-top: -8px;
  border-width: 8px;
}
.Caret--left.Caret--xl:before {
  border-right-color: #e6e6e6;
}
.Caret--left.Caret--xl:after {
  border-right-color: #ffffff;
}
.Caret--left.Caret--xl:before {
  left: -18px;
  margin-top: -9px;
  border-width: 9px;
}
.Caret--left.Caret--xxl {
  top: 50%;
  left: 0;
}
.Caret--left.Caret--xxl:after,
.Caret--left.Caret--xxl:before {
  top: 50%;
}
.Caret--left.Caret--xxl:after {
  left: -24px;
}
.Caret--left.Caret--xxl:after,
.Caret--left.Caret--xxl:before {
  right: 100%;
  top: 50%;
}
.Caret--left.Caret--xxl:after {
  margin-top: -12px;
  border-width: 12px;
}
.Caret--left.Caret--xxl:before {
  border-right-color: #e6e6e6;
}
.Caret--left.Caret--xxl:after {
  border-right-color: #ffffff;
}
.Caret--left.Caret--xxl:before {
  left: -26px;
  margin-top: -13px;
  border-width: 13px;
}
.Caret--info.Caret--top:before {
  border-bottom-color: #62BDD0;
}
.Caret--info.Caret--top:after {
  border-bottom-color: #62BDD0;
}
.Caret--info.Caret--bottom:before {
  border-top-color: #62BDD0;
}
.Caret--info.Caret--bottom:after {
  border-top-color: #62BDD0;
}
.Caret--info.Caret--left:before {
  border-right-color: #62BDD0;
}
.Caret--info.Caret--left:after {
  border-right-color: #62BDD0;
}
.Caret--info.Caret--right:before {
  border-left-color: #62BDD0;
}
.Caret--info.Caret--right:after {
  border-left-color: #62BDD0;
}
.Caret--info.Caret--outline.Caret--top:before {
  border-bottom-color: #62BDD0;
}
.Caret--info.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--info.Caret--outline.Caret--bottom:before {
  border-top-color: #62BDD0;
}
.Caret--info.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--info.Caret--outline.Caret--left:before {
  border-right-color: #62BDD0;
}
.Caret--info.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--info.Caret--outline.Caret--right:before {
  border-left-color: #62BDD0;
}
.Caret--info.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--info.Caret--dark.Caret--top:before {
  border-bottom-color: #297989;
}
.Caret--info.Caret--dark.Caret--top:after {
  border-bottom-color: #297989;
}
.Caret--info.Caret--dark.Caret--bottom:before {
  border-top-color: #297989;
}
.Caret--info.Caret--dark.Caret--bottom:after {
  border-top-color: #297989;
}
.Caret--info.Caret--dark.Caret--left:before {
  border-right-color: #297989;
}
.Caret--info.Caret--dark.Caret--left:after {
  border-right-color: #297989;
}
.Caret--info.Caret--dark.Caret--right:before {
  border-left-color: #297989;
}
.Caret--info.Caret--dark.Caret--right:after {
  border-left-color: #297989;
}
.Caret--info.Caret--dark.Caret--outline.Caret--top:before {
  border-bottom-color: #297989;
}
.Caret--info.Caret--dark.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--info.Caret--dark.Caret--outline.Caret--bottom:before {
  border-top-color: #297989;
}
.Caret--info.Caret--dark.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--info.Caret--dark.Caret--outline.Caret--left:before {
  border-right-color: #297989;
}
.Caret--info.Caret--dark.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--info.Caret--dark.Caret--outline.Caret--right:before {
  border-left-color: #297989;
}
.Caret--info.Caret--dark.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--info.Caret--light.Caret--top:before {
  border-bottom-color: #62BDD0;
}
.Caret--info.Caret--light.Caret--top:after {
  border-bottom-color: #b1dee8;
}
.Caret--info.Caret--light.Caret--bottom:before {
  border-top-color: #62BDD0;
}
.Caret--info.Caret--light.Caret--bottom:after {
  border-top-color: #b1dee8;
}
.Caret--info.Caret--light.Caret--left:before {
  border-right-color: #62BDD0;
}
.Caret--info.Caret--light.Caret--left:after {
  border-right-color: #b1dee8;
}
.Caret--info.Caret--light.Caret--right:before {
  border-left-color: #62BDD0;
}
.Caret--info.Caret--light.Caret--right:after {
  border-left-color: #b1dee8;
}
.Caret--info.Caret--light.Caret--outline.Caret--top:before {
  border-bottom-color: #b1dee8;
}
.Caret--info.Caret--light.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--info.Caret--light.Caret--outline.Caret--bottom:before {
  border-top-color: #b1dee8;
}
.Caret--info.Caret--light.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--info.Caret--light.Caret--outline.Caret--left:before {
  border-right-color: #b1dee8;
}
.Caret--info.Caret--light.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--info.Caret--light.Caret--outline.Caret--right:before {
  border-left-color: #b1dee8;
}
.Caret--info.Caret--light.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--info.Caret--xlight.Caret--top:before {
  border-bottom-color: #62BDD0;
}
.Caret--info.Caret--xlight.Caret--top:after {
  border-bottom-color: #d8eef3;
}
.Caret--info.Caret--xlight.Caret--bottom:before {
  border-top-color: #62BDD0;
}
.Caret--info.Caret--xlight.Caret--bottom:after {
  border-top-color: #d8eef3;
}
.Caret--info.Caret--xlight.Caret--left:before {
  border-right-color: #62BDD0;
}
.Caret--info.Caret--xlight.Caret--left:after {
  border-right-color: #d8eef3;
}
.Caret--info.Caret--xlight.Caret--right:before {
  border-left-color: #62BDD0;
}
.Caret--info.Caret--xlight.Caret--right:after {
  border-left-color: #d8eef3;
}
.Caret--info.Caret--xlight.Caret--outline.Caret--top:before {
  border-bottom-color: #c4e6ed;
}
.Caret--info.Caret--xlight.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--info.Caret--xlight.Caret--outline.Caret--bottom:before {
  border-top-color: #c4e6ed;
}
.Caret--info.Caret--xlight.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--info.Caret--xlight.Caret--outline.Caret--left:before {
  border-right-color: #c4e6ed;
}
.Caret--info.Caret--xlight.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--info.Caret--xlight.Caret--outline.Caret--right:before {
  border-left-color: #c4e6ed;
}
.Caret--info.Caret--xlight.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--positive.Caret--top:before {
  border-bottom-color: #88BC76;
}
.Caret--positive.Caret--top:after {
  border-bottom-color: #88BC76;
}
.Caret--positive.Caret--bottom:before {
  border-top-color: #88BC76;
}
.Caret--positive.Caret--bottom:after {
  border-top-color: #88BC76;
}
.Caret--positive.Caret--left:before {
  border-right-color: #88BC76;
}
.Caret--positive.Caret--left:after {
  border-right-color: #88BC76;
}
.Caret--positive.Caret--right:before {
  border-left-color: #88BC76;
}
.Caret--positive.Caret--right:after {
  border-left-color: #88BC76;
}
.Caret--positive.Caret--outline.Caret--top:before {
  border-bottom-color: #88BC76;
}
.Caret--positive.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--positive.Caret--outline.Caret--bottom:before {
  border-top-color: #88BC76;
}
.Caret--positive.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--positive.Caret--outline.Caret--left:before {
  border-right-color: #88BC76;
}
.Caret--positive.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--positive.Caret--outline.Caret--right:before {
  border-left-color: #88BC76;
}
.Caret--positive.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--positive.Caret--dark.Caret--top:before {
  border-bottom-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--top:after {
  border-bottom-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--bottom:before {
  border-top-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--bottom:after {
  border-top-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--left:before {
  border-right-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--left:after {
  border-right-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--right:before {
  border-left-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--right:after {
  border-left-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--outline.Caret--top:before {
  border-bottom-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--positive.Caret--dark.Caret--outline.Caret--bottom:before {
  border-top-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--positive.Caret--dark.Caret--outline.Caret--left:before {
  border-right-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--positive.Caret--dark.Caret--outline.Caret--right:before {
  border-left-color: #4a783b;
}
.Caret--positive.Caret--dark.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--positive.Caret--light.Caret--top:before {
  border-bottom-color: #88BC76;
}
.Caret--positive.Caret--light.Caret--top:after {
  border-bottom-color: #c4debb;
}
.Caret--positive.Caret--light.Caret--bottom:before {
  border-top-color: #88BC76;
}
.Caret--positive.Caret--light.Caret--bottom:after {
  border-top-color: #c4debb;
}
.Caret--positive.Caret--light.Caret--left:before {
  border-right-color: #88BC76;
}
.Caret--positive.Caret--light.Caret--left:after {
  border-right-color: #c4debb;
}
.Caret--positive.Caret--light.Caret--right:before {
  border-left-color: #88BC76;
}
.Caret--positive.Caret--light.Caret--right:after {
  border-left-color: #c4debb;
}
.Caret--positive.Caret--light.Caret--outline.Caret--top:before {
  border-bottom-color: #c4debb;
}
.Caret--positive.Caret--light.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--positive.Caret--light.Caret--outline.Caret--bottom:before {
  border-top-color: #c4debb;
}
.Caret--positive.Caret--light.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--positive.Caret--light.Caret--outline.Caret--left:before {
  border-right-color: #c4debb;
}
.Caret--positive.Caret--light.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--positive.Caret--light.Caret--outline.Caret--right:before {
  border-left-color: #c4debb;
}
.Caret--positive.Caret--light.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--positive.Caret--xlight.Caret--top:before {
  border-bottom-color: #88BC76;
}
.Caret--positive.Caret--xlight.Caret--top:after {
  border-bottom-color: #e1eedd;
}
.Caret--positive.Caret--xlight.Caret--bottom:before {
  border-top-color: #88BC76;
}
.Caret--positive.Caret--xlight.Caret--bottom:after {
  border-top-color: #e1eedd;
}
.Caret--positive.Caret--xlight.Caret--left:before {
  border-right-color: #88BC76;
}
.Caret--positive.Caret--xlight.Caret--left:after {
  border-right-color: #e1eedd;
}
.Caret--positive.Caret--xlight.Caret--right:before {
  border-left-color: #88BC76;
}
.Caret--positive.Caret--xlight.Caret--right:after {
  border-left-color: #e1eedd;
}
.Caret--positive.Caret--xlight.Caret--outline.Caret--top:before {
  border-bottom-color: #d2e6cc;
}
.Caret--positive.Caret--xlight.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--positive.Caret--xlight.Caret--outline.Caret--bottom:before {
  border-top-color: #d2e6cc;
}
.Caret--positive.Caret--xlight.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--positive.Caret--xlight.Caret--outline.Caret--left:before {
  border-right-color: #d2e6cc;
}
.Caret--positive.Caret--xlight.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--positive.Caret--xlight.Caret--outline.Caret--right:before {
  border-left-color: #d2e6cc;
}
.Caret--positive.Caret--xlight.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--warning.Caret--top:before {
  border-bottom-color: #FEB734;
}
.Caret--warning.Caret--top:after {
  border-bottom-color: #FEB734;
}
.Caret--warning.Caret--bottom:before {
  border-top-color: #FEB734;
}
.Caret--warning.Caret--bottom:after {
  border-top-color: #FEB734;
}
.Caret--warning.Caret--left:before {
  border-right-color: #FEB734;
}
.Caret--warning.Caret--left:after {
  border-right-color: #FEB734;
}
.Caret--warning.Caret--right:before {
  border-left-color: #FEB734;
}
.Caret--warning.Caret--right:after {
  border-left-color: #FEB734;
}
.Caret--warning.Caret--outline.Caret--top:before {
  border-bottom-color: #FEB734;
}
.Caret--warning.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--warning.Caret--outline.Caret--bottom:before {
  border-top-color: #FEB734;
}
.Caret--warning.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--warning.Caret--outline.Caret--left:before {
  border-right-color: #FEB734;
}
.Caret--warning.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--warning.Caret--outline.Caret--right:before {
  border-left-color: #FEB734;
}
.Caret--warning.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--warning.Caret--dark.Caret--top:before {
  border-bottom-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--top:after {
  border-bottom-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--bottom:before {
  border-top-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--bottom:after {
  border-top-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--left:before {
  border-right-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--left:after {
  border-right-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--right:before {
  border-left-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--right:after {
  border-left-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--outline.Caret--top:before {
  border-bottom-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--warning.Caret--dark.Caret--outline.Caret--bottom:before {
  border-top-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--warning.Caret--dark.Caret--outline.Caret--left:before {
  border-right-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--warning.Caret--dark.Caret--outline.Caret--right:before {
  border-left-color: #b27301;
}
.Caret--warning.Caret--dark.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--warning.Caret--light.Caret--top:before {
  border-bottom-color: #FEB734;
}
.Caret--warning.Caret--light.Caret--top:after {
  border-bottom-color: #ffdb9a;
}
.Caret--warning.Caret--light.Caret--bottom:before {
  border-top-color: #FEB734;
}
.Caret--warning.Caret--light.Caret--bottom:after {
  border-top-color: #ffdb9a;
}
.Caret--warning.Caret--light.Caret--left:before {
  border-right-color: #FEB734;
}
.Caret--warning.Caret--light.Caret--left:after {
  border-right-color: #ffdb9a;
}
.Caret--warning.Caret--light.Caret--right:before {
  border-left-color: #FEB734;
}
.Caret--warning.Caret--light.Caret--right:after {
  border-left-color: #ffdb9a;
}
.Caret--warning.Caret--light.Caret--outline.Caret--top:before {
  border-bottom-color: #ffdb9a;
}
.Caret--warning.Caret--light.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--warning.Caret--light.Caret--outline.Caret--bottom:before {
  border-top-color: #ffdb9a;
}
.Caret--warning.Caret--light.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--warning.Caret--light.Caret--outline.Caret--left:before {
  border-right-color: #ffdb9a;
}
.Caret--warning.Caret--light.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--warning.Caret--light.Caret--outline.Caret--right:before {
  border-left-color: #ffdb9a;
}
.Caret--warning.Caret--light.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--warning.Caret--xlight.Caret--top:before {
  border-bottom-color: #FEB734;
}
.Caret--warning.Caret--xlight.Caret--top:after {
  border-bottom-color: #ffedcc;
}
.Caret--warning.Caret--xlight.Caret--bottom:before {
  border-top-color: #FEB734;
}
.Caret--warning.Caret--xlight.Caret--bottom:after {
  border-top-color: #ffedcc;
}
.Caret--warning.Caret--xlight.Caret--left:before {
  border-right-color: #FEB734;
}
.Caret--warning.Caret--xlight.Caret--left:after {
  border-right-color: #ffedcc;
}
.Caret--warning.Caret--xlight.Caret--right:before {
  border-left-color: #FEB734;
}
.Caret--warning.Caret--xlight.Caret--right:after {
  border-left-color: #ffedcc;
}
.Caret--warning.Caret--xlight.Caret--outline.Caret--top:before {
  border-bottom-color: #ffe4b3;
}
.Caret--warning.Caret--xlight.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--warning.Caret--xlight.Caret--outline.Caret--bottom:before {
  border-top-color: #ffe4b3;
}
.Caret--warning.Caret--xlight.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--warning.Caret--xlight.Caret--outline.Caret--left:before {
  border-right-color: #ffe4b3;
}
.Caret--warning.Caret--xlight.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--warning.Caret--xlight.Caret--outline.Caret--right:before {
  border-left-color: #ffe4b3;
}
.Caret--warning.Caret--xlight.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--negative.Caret--top:before {
  border-bottom-color: #EF7F43;
}
.Caret--negative.Caret--top:after {
  border-bottom-color: #EF7F43;
}
.Caret--negative.Caret--bottom:before {
  border-top-color: #EF7F43;
}
.Caret--negative.Caret--bottom:after {
  border-top-color: #EF7F43;
}
.Caret--negative.Caret--left:before {
  border-right-color: #EF7F43;
}
.Caret--negative.Caret--left:after {
  border-right-color: #EF7F43;
}
.Caret--negative.Caret--right:before {
  border-left-color: #EF7F43;
}
.Caret--negative.Caret--right:after {
  border-left-color: #EF7F43;
}
.Caret--negative.Caret--outline.Caret--top:before {
  border-bottom-color: #EF7F43;
}
.Caret--negative.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--negative.Caret--outline.Caret--bottom:before {
  border-top-color: #EF7F43;
}
.Caret--negative.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--negative.Caret--outline.Caret--left:before {
  border-right-color: #EF7F43;
}
.Caret--negative.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--negative.Caret--outline.Caret--right:before {
  border-left-color: #EF7F43;
}
.Caret--negative.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--negative.Caret--dark.Caret--top:before {
  border-bottom-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--top:after {
  border-bottom-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--bottom:before {
  border-top-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--bottom:after {
  border-top-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--left:before {
  border-right-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--left:after {
  border-right-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--right:before {
  border-left-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--right:after {
  border-left-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--outline.Caret--top:before {
  border-bottom-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--negative.Caret--dark.Caret--outline.Caret--bottom:before {
  border-top-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--negative.Caret--dark.Caret--outline.Caret--left:before {
  border-right-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--negative.Caret--dark.Caret--outline.Caret--right:before {
  border-left-color: #a5420e;
}
.Caret--negative.Caret--dark.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--negative.Caret--light.Caret--top:before {
  border-bottom-color: #EF7F43;
}
.Caret--negative.Caret--light.Caret--top:after {
  border-bottom-color: #f7bfa1;
}
.Caret--negative.Caret--light.Caret--bottom:before {
  border-top-color: #EF7F43;
}
.Caret--negative.Caret--light.Caret--bottom:after {
  border-top-color: #f7bfa1;
}
.Caret--negative.Caret--light.Caret--left:before {
  border-right-color: #EF7F43;
}
.Caret--negative.Caret--light.Caret--left:after {
  border-right-color: #f7bfa1;
}
.Caret--negative.Caret--light.Caret--right:before {
  border-left-color: #EF7F43;
}
.Caret--negative.Caret--light.Caret--right:after {
  border-left-color: #f7bfa1;
}
.Caret--negative.Caret--light.Caret--outline.Caret--top:before {
  border-bottom-color: #f7bfa1;
}
.Caret--negative.Caret--light.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--negative.Caret--light.Caret--outline.Caret--bottom:before {
  border-top-color: #f7bfa1;
}
.Caret--negative.Caret--light.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--negative.Caret--light.Caret--outline.Caret--left:before {
  border-right-color: #f7bfa1;
}
.Caret--negative.Caret--light.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--negative.Caret--light.Caret--outline.Caret--right:before {
  border-left-color: #f7bfa1;
}
.Caret--negative.Caret--light.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--negative.Caret--xlight.Caret--top:before {
  border-bottom-color: #EF7F43;
}
.Caret--negative.Caret--xlight.Caret--top:after {
  border-bottom-color: #fbdfd0;
}
.Caret--negative.Caret--xlight.Caret--bottom:before {
  border-top-color: #EF7F43;
}
.Caret--negative.Caret--xlight.Caret--bottom:after {
  border-top-color: #fbdfd0;
}
.Caret--negative.Caret--xlight.Caret--left:before {
  border-right-color: #EF7F43;
}
.Caret--negative.Caret--xlight.Caret--left:after {
  border-right-color: #fbdfd0;
}
.Caret--negative.Caret--xlight.Caret--right:before {
  border-left-color: #EF7F43;
}
.Caret--negative.Caret--xlight.Caret--right:after {
  border-left-color: #fbdfd0;
}
.Caret--negative.Caret--xlight.Caret--outline.Caret--top:before {
  border-bottom-color: #f9cfb9;
}
.Caret--negative.Caret--xlight.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--negative.Caret--xlight.Caret--outline.Caret--bottom:before {
  border-top-color: #f9cfb9;
}
.Caret--negative.Caret--xlight.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--negative.Caret--xlight.Caret--outline.Caret--left:before {
  border-right-color: #f9cfb9;
}
.Caret--negative.Caret--xlight.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--negative.Caret--xlight.Caret--outline.Caret--right:before {
  border-left-color: #f9cfb9;
}
.Caret--negative.Caret--xlight.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--neutral.Caret--top:before {
  border-bottom-color: #997AB6;
}
.Caret--neutral.Caret--top:after {
  border-bottom-color: #997AB6;
}
.Caret--neutral.Caret--bottom:before {
  border-top-color: #997AB6;
}
.Caret--neutral.Caret--bottom:after {
  border-top-color: #997AB6;
}
.Caret--neutral.Caret--left:before {
  border-right-color: #997AB6;
}
.Caret--neutral.Caret--left:after {
  border-right-color: #997AB6;
}
.Caret--neutral.Caret--right:before {
  border-left-color: #997AB6;
}
.Caret--neutral.Caret--right:after {
  border-left-color: #997AB6;
}
.Caret--neutral.Caret--outline.Caret--top:before {
  border-bottom-color: #997AB6;
}
.Caret--neutral.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--neutral.Caret--outline.Caret--bottom:before {
  border-top-color: #997AB6;
}
.Caret--neutral.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--neutral.Caret--outline.Caret--left:before {
  border-right-color: #997AB6;
}
.Caret--neutral.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--neutral.Caret--outline.Caret--right:before {
  border-left-color: #997AB6;
}
.Caret--neutral.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--neutral.Caret--dark.Caret--top:before {
  border-bottom-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--top:after {
  border-bottom-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--bottom:before {
  border-top-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--bottom:after {
  border-top-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--left:before {
  border-right-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--left:after {
  border-right-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--right:before {
  border-left-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--right:after {
  border-left-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--outline.Caret--top:before {
  border-bottom-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--neutral.Caret--dark.Caret--outline.Caret--bottom:before {
  border-top-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--neutral.Caret--dark.Caret--outline.Caret--left:before {
  border-right-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--neutral.Caret--dark.Caret--outline.Caret--right:before {
  border-left-color: #593f72;
}
.Caret--neutral.Caret--dark.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--neutral.Caret--light.Caret--top:before {
  border-bottom-color: #997AB6;
}
.Caret--neutral.Caret--light.Caret--top:after {
  border-bottom-color: #ccbcda;
}
.Caret--neutral.Caret--light.Caret--bottom:before {
  border-top-color: #997AB6;
}
.Caret--neutral.Caret--light.Caret--bottom:after {
  border-top-color: #ccbcda;
}
.Caret--neutral.Caret--light.Caret--left:before {
  border-right-color: #997AB6;
}
.Caret--neutral.Caret--light.Caret--left:after {
  border-right-color: #ccbcda;
}
.Caret--neutral.Caret--light.Caret--right:before {
  border-left-color: #997AB6;
}
.Caret--neutral.Caret--light.Caret--right:after {
  border-left-color: #ccbcda;
}
.Caret--neutral.Caret--light.Caret--outline.Caret--top:before {
  border-bottom-color: #ccbcda;
}
.Caret--neutral.Caret--light.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--neutral.Caret--light.Caret--outline.Caret--bottom:before {
  border-top-color: #ccbcda;
}
.Caret--neutral.Caret--light.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--neutral.Caret--light.Caret--outline.Caret--left:before {
  border-right-color: #ccbcda;
}
.Caret--neutral.Caret--light.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--neutral.Caret--light.Caret--outline.Caret--right:before {
  border-left-color: #ccbcda;
}
.Caret--neutral.Caret--light.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--neutral.Caret--xlight.Caret--top:before {
  border-bottom-color: #997AB6;
}
.Caret--neutral.Caret--xlight.Caret--top:after {
  border-bottom-color: #e5ddec;
}
.Caret--neutral.Caret--xlight.Caret--bottom:before {
  border-top-color: #997AB6;
}
.Caret--neutral.Caret--xlight.Caret--bottom:after {
  border-top-color: #e5ddec;
}
.Caret--neutral.Caret--xlight.Caret--left:before {
  border-right-color: #997AB6;
}
.Caret--neutral.Caret--xlight.Caret--left:after {
  border-right-color: #e5ddec;
}
.Caret--neutral.Caret--xlight.Caret--right:before {
  border-left-color: #997AB6;
}
.Caret--neutral.Caret--xlight.Caret--right:after {
  border-left-color: #e5ddec;
}
.Caret--neutral.Caret--xlight.Caret--outline.Caret--top:before {
  border-bottom-color: #d8cce3;
}
.Caret--neutral.Caret--xlight.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--neutral.Caret--xlight.Caret--outline.Caret--bottom:before {
  border-top-color: #d8cce3;
}
.Caret--neutral.Caret--xlight.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--neutral.Caret--xlight.Caret--outline.Caret--left:before {
  border-right-color: #d8cce3;
}
.Caret--neutral.Caret--xlight.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--neutral.Caret--xlight.Caret--outline.Caret--right:before {
  border-left-color: #d8cce3;
}
.Caret--neutral.Caret--xlight.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--primaryBrand.Caret--top:before {
  border-bottom-color: #E95949;
}
.Caret--primaryBrand.Caret--top:after {
  border-bottom-color: #E95949;
}
.Caret--primaryBrand.Caret--bottom:before {
  border-top-color: #E95949;
}
.Caret--primaryBrand.Caret--bottom:after {
  border-top-color: #E95949;
}
.Caret--primaryBrand.Caret--left:before {
  border-right-color: #E95949;
}
.Caret--primaryBrand.Caret--left:after {
  border-right-color: #E95949;
}
.Caret--primaryBrand.Caret--right:before {
  border-left-color: #E95949;
}
.Caret--primaryBrand.Caret--right:after {
  border-left-color: #E95949;
}
.Caret--primaryBrand.Caret--outline.Caret--top:before {
  border-bottom-color: #E95949;
}
.Caret--primaryBrand.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--primaryBrand.Caret--outline.Caret--bottom:before {
  border-top-color: #E95949;
}
.Caret--primaryBrand.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--primaryBrand.Caret--outline.Caret--left:before {
  border-right-color: #E95949;
}
.Caret--primaryBrand.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--primaryBrand.Caret--outline.Caret--right:before {
  border-left-color: #E95949;
}
.Caret--primaryBrand.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--primaryBrand.Caret--dark.Caret--top:before {
  border-bottom-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--top:after {
  border-bottom-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--bottom:before {
  border-top-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--bottom:after {
  border-top-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--left:before {
  border-right-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--left:after {
  border-right-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--right:before {
  border-left-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--right:after {
  border-left-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--outline.Caret--top:before {
  border-bottom-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--primaryBrand.Caret--dark.Caret--outline.Caret--bottom:before {
  border-top-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--primaryBrand.Caret--dark.Caret--outline.Caret--left:before {
  border-right-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--primaryBrand.Caret--dark.Caret--outline.Caret--right:before {
  border-left-color: #9f2113;
}
.Caret--primaryBrand.Caret--dark.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--primaryBrand.Caret--light.Caret--top:before {
  border-bottom-color: #E95949;
}
.Caret--primaryBrand.Caret--light.Caret--top:after {
  border-bottom-color: #f4aca4;
}
.Caret--primaryBrand.Caret--light.Caret--bottom:before {
  border-top-color: #E95949;
}
.Caret--primaryBrand.Caret--light.Caret--bottom:after {
  border-top-color: #f4aca4;
}
.Caret--primaryBrand.Caret--light.Caret--left:before {
  border-right-color: #E95949;
}
.Caret--primaryBrand.Caret--light.Caret--left:after {
  border-right-color: #f4aca4;
}
.Caret--primaryBrand.Caret--light.Caret--right:before {
  border-left-color: #E95949;
}
.Caret--primaryBrand.Caret--light.Caret--right:after {
  border-left-color: #f4aca4;
}
.Caret--primaryBrand.Caret--light.Caret--outline.Caret--top:before {
  border-bottom-color: #f4aca4;
}
.Caret--primaryBrand.Caret--light.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--primaryBrand.Caret--light.Caret--outline.Caret--bottom:before {
  border-top-color: #f4aca4;
}
.Caret--primaryBrand.Caret--light.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--primaryBrand.Caret--light.Caret--outline.Caret--left:before {
  border-right-color: #f4aca4;
}
.Caret--primaryBrand.Caret--light.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--primaryBrand.Caret--light.Caret--outline.Caret--right:before {
  border-left-color: #f4aca4;
}
.Caret--primaryBrand.Caret--light.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--primaryBrand.Caret--xlight.Caret--top:before {
  border-bottom-color: #E95949;
}
.Caret--primaryBrand.Caret--xlight.Caret--top:after {
  border-bottom-color: #fad5d1;
}
.Caret--primaryBrand.Caret--xlight.Caret--bottom:before {
  border-top-color: #E95949;
}
.Caret--primaryBrand.Caret--xlight.Caret--bottom:after {
  border-top-color: #fad5d1;
}
.Caret--primaryBrand.Caret--xlight.Caret--left:before {
  border-right-color: #E95949;
}
.Caret--primaryBrand.Caret--xlight.Caret--left:after {
  border-right-color: #fad5d1;
}
.Caret--primaryBrand.Caret--xlight.Caret--right:before {
  border-left-color: #E95949;
}
.Caret--primaryBrand.Caret--xlight.Caret--right:after {
  border-left-color: #fad5d1;
}
.Caret--primaryBrand.Caret--xlight.Caret--outline.Caret--top:before {
  border-bottom-color: #f7c1bb;
}
.Caret--primaryBrand.Caret--xlight.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--primaryBrand.Caret--xlight.Caret--outline.Caret--bottom:before {
  border-top-color: #f7c1bb;
}
.Caret--primaryBrand.Caret--xlight.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--primaryBrand.Caret--xlight.Caret--outline.Caret--left:before {
  border-right-color: #f7c1bb;
}
.Caret--primaryBrand.Caret--xlight.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--primaryBrand.Caret--xlight.Caret--outline.Caret--right:before {
  border-left-color: #f7c1bb;
}
.Caret--primaryBrand.Caret--xlight.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--secondaryBrand.Caret--top:before {
  border-bottom-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--top:after {
  border-bottom-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--bottom:before {
  border-top-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--bottom:after {
  border-top-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--left:before {
  border-right-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--left:after {
  border-right-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--right:before {
  border-left-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--right:after {
  border-left-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--outline.Caret--top:before {
  border-bottom-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--secondaryBrand.Caret--outline.Caret--bottom:before {
  border-top-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--secondaryBrand.Caret--outline.Caret--left:before {
  border-right-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--secondaryBrand.Caret--outline.Caret--right:before {
  border-left-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--secondaryBrand.Caret--dark.Caret--top:before {
  border-bottom-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--top:after {
  border-bottom-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--bottom:before {
  border-top-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--bottom:after {
  border-top-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--left:before {
  border-right-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--left:after {
  border-right-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--right:before {
  border-left-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--right:after {
  border-left-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--outline.Caret--top:before {
  border-bottom-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--secondaryBrand.Caret--dark.Caret--outline.Caret--bottom:before {
  border-top-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--secondaryBrand.Caret--dark.Caret--outline.Caret--left:before {
  border-right-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--secondaryBrand.Caret--dark.Caret--outline.Caret--right:before {
  border-left-color: #161b1e;
}
.Caret--secondaryBrand.Caret--dark.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--secondaryBrand.Caret--light.Caret--top:before {
  border-bottom-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--light.Caret--top:after {
  border-bottom-color: #7a929f;
}
.Caret--secondaryBrand.Caret--light.Caret--bottom:before {
  border-top-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--light.Caret--bottom:after {
  border-top-color: #7a929f;
}
.Caret--secondaryBrand.Caret--light.Caret--left:before {
  border-right-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--light.Caret--left:after {
  border-right-color: #7a929f;
}
.Caret--secondaryBrand.Caret--light.Caret--right:before {
  border-left-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--light.Caret--right:after {
  border-left-color: #7a929f;
}
.Caret--secondaryBrand.Caret--light.Caret--outline.Caret--top:before {
  border-bottom-color: #7a929f;
}
.Caret--secondaryBrand.Caret--light.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--secondaryBrand.Caret--light.Caret--outline.Caret--bottom:before {
  border-top-color: #7a929f;
}
.Caret--secondaryBrand.Caret--light.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--secondaryBrand.Caret--light.Caret--outline.Caret--left:before {
  border-right-color: #7a929f;
}
.Caret--secondaryBrand.Caret--light.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--secondaryBrand.Caret--light.Caret--outline.Caret--right:before {
  border-left-color: #7a929f;
}
.Caret--secondaryBrand.Caret--light.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--secondaryBrand.Caret--xlight.Caret--top:before {
  border-bottom-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--xlight.Caret--top:after {
  border-bottom-color: #98aab4;
}
.Caret--secondaryBrand.Caret--xlight.Caret--bottom:before {
  border-top-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--xlight.Caret--bottom:after {
  border-top-color: #98aab4;
}
.Caret--secondaryBrand.Caret--xlight.Caret--left:before {
  border-right-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--xlight.Caret--left:after {
  border-right-color: #98aab4;
}
.Caret--secondaryBrand.Caret--xlight.Caret--right:before {
  border-left-color: #4B5E68;
}
.Caret--secondaryBrand.Caret--xlight.Caret--right:after {
  border-left-color: #98aab4;
}
.Caret--secondaryBrand.Caret--xlight.Caret--outline.Caret--top:before {
  border-bottom-color: #899eaa;
}
.Caret--secondaryBrand.Caret--xlight.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--secondaryBrand.Caret--xlight.Caret--outline.Caret--bottom:before {
  border-top-color: #899eaa;
}
.Caret--secondaryBrand.Caret--xlight.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--secondaryBrand.Caret--xlight.Caret--outline.Caret--left:before {
  border-right-color: #899eaa;
}
.Caret--secondaryBrand.Caret--xlight.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--secondaryBrand.Caret--xlight.Caret--outline.Caret--right:before {
  border-left-color: #899eaa;
}
.Caret--secondaryBrand.Caret--xlight.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--top:before {
  border-bottom-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--top:after {
  border-bottom-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--bottom:before {
  border-top-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--bottom:after {
  border-top-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--left:before {
  border-right-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--left:after {
  border-right-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--right:before {
  border-left-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--right:after {
  border-left-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--outline.Caret--top:before {
  border-bottom-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--outline.Caret--bottom:before {
  border-top-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--outline.Caret--left:before {
  border-right-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--outline.Caret--right:before {
  border-left-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--dark.Caret--top:before {
  border-bottom-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--top:after {
  border-bottom-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--bottom:before {
  border-top-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--bottom:after {
  border-top-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--left:before {
  border-right-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--left:after {
  border-right-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--right:before {
  border-left-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--right:after {
  border-left-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--outline.Caret--top:before {
  border-bottom-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--dark.Caret--outline.Caret--bottom:before {
  border-top-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--dark.Caret--outline.Caret--left:before {
  border-right-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--dark.Caret--outline.Caret--right:before {
  border-left-color: #bebea6;
}
.Caret--tertiaryBrand.Caret--dark.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--top:before {
  border-bottom-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--light.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--bottom:before {
  border-top-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--light.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--left:before {
  border-right-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--light.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--right:before {
  border-left-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--light.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--outline.Caret--top:before {
  border-bottom-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--outline.Caret--bottom:before {
  border-top-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--outline.Caret--left:before {
  border-right-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--outline.Caret--right:before {
  border-left-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--light.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--top:before {
  border-bottom-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--bottom:before {
  border-top-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--left:before {
  border-right-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--right:before {
  border-left-color: #F4F4F0;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--right:after {
  border-left-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--outline.Caret--top:before {
  border-bottom-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--outline.Caret--top:after {
  border-bottom-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--outline.Caret--bottom:before {
  border-top-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--outline.Caret--bottom:after {
  border-top-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--outline.Caret--left:before {
  border-right-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--outline.Caret--left:after {
  border-right-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--outline.Caret--right:before {
  border-left-color: #ffffff;
}
.Caret--tertiaryBrand.Caret--xlight.Caret--outline.Caret--right:after {
  border-left-color: #ffffff;
}
/* Mixins
 ------------------------------------------------------------ */
/*
   Default mixin used to create the caret
*/
/*
   You can use this mixin to overwrite default
   borderWidth in your own component
*/
/*
   You can use this mixin to overwrite default
   borderColor and bgColor in your own component
*/
/*
	Internal mixin - called from setCaretColors.
*/
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Tooltip {
  background: #ffffff;
  position: absolute;
  width: auto;
  min-width: 120px;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  text-align: center;
  line-height: 1;
  filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.18));
  padding: 6px;
  animation: fade-in 0.25s linear 1;
}
.Tooltip--default.Tooltip--dark .Tooltip {
  background: #F4F4F0;
}
.Tooltip--default.Tooltip--primary {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.Tooltip--default.Tooltip--primary.Tooltip--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--primary.Tooltip--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--primary.Tooltip--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.Tooltip--default.Tooltip--secondary {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.Tooltip--default.Tooltip--secondary.Tooltip--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--secondary.Tooltip--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--secondary.Tooltip--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.Tooltip--default.Tooltip--tertiary {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.Tooltip--default.Tooltip--tertiary.Tooltip--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--tertiary.Tooltip--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--tertiary.Tooltip--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.Tooltip--default.Tooltip--success {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.Tooltip--default.Tooltip--success.Tooltip--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--success.Tooltip--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--success.Tooltip--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.Tooltip--default.Tooltip--danger {
  background-color: #EF7F43;
  color: #ffffff;
  border-color: #EF7F43;
}
.Tooltip--default.Tooltip--danger.Tooltip--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--danger.Tooltip--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--danger.Tooltip--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.Tooltip--default.Tooltip--info {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.Tooltip--default.Tooltip--info.Tooltip--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--info.Tooltip--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--info.Tooltip--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.Tooltip--default.Tooltip--positive {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.Tooltip--default.Tooltip--positive.Tooltip--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--positive.Tooltip--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--positive.Tooltip--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.Tooltip--default.Tooltip--warning {
  background-color: #FEB734;
  color: #4d4d4d;
  border-color: #FEB734;
}
.Tooltip--default.Tooltip--warning.Tooltip--xlight {
  background-color: #ffedcc;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--warning.Tooltip--light {
  background-color: #ffdb9a;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--warning.Tooltip--dark {
  background-color: #b27301;
  color: #ffffff;
  border-color: #b27301;
}
.Tooltip--default.Tooltip--negative {
  background-color: #EF7F43;
  color: #4d4d4d;
  border-color: #EF7F43;
}
.Tooltip--default.Tooltip--negative.Tooltip--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--negative.Tooltip--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--negative.Tooltip--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.Tooltip--default.Tooltip--negative.Tooltip--normal {
  font-weight: bold;
}
.Tooltip--default.Tooltip--neutral {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.Tooltip--default.Tooltip--neutral.Tooltip--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--neutral.Tooltip--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--neutral.Tooltip--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.Tooltip--default.Tooltip--primaryBrand {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.Tooltip--default.Tooltip--primaryBrand.Tooltip--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--primaryBrand.Tooltip--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--primaryBrand.Tooltip--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.Tooltip--default.Tooltip--secondaryBrand {
  background-color: #4B5E68;
  color: #ffffff;
  border-color: #4B5E68;
}
.Tooltip--default.Tooltip--secondaryBrand.Tooltip--xlight {
  background-color: #98aab4;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--secondaryBrand.Tooltip--light {
  background-color: #7a929f;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--secondaryBrand.Tooltip--dark {
  background-color: #161b1e;
  color: #ffffff;
  border-color: #161b1e;
}
.Tooltip--default.Tooltip--tertiaryBrand {
  background-color: #F4F4F0;
  color: #4d4d4d;
  border-color: #F4F4F0;
}
.Tooltip--default.Tooltip--tertiaryBrand.Tooltip--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--tertiaryBrand.Tooltip--light {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--tertiaryBrand.Tooltip--dark {
  background-color: #bebea6;
  color: #4d4d4d;
  border-color: #bebea6;
}
.Tooltip--default.Tooltip--primaryAction {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.Tooltip--default.Tooltip--primaryAction.Tooltip--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--primaryAction.Tooltip--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--primaryAction.Tooltip--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.Tooltip--default.Tooltip--brandAction {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.Tooltip--default.Tooltip--brandAction.Tooltip--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--brandAction.Tooltip--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--brandAction.Tooltip--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.Tooltip--default.Tooltip--secondaryAction {
  background-color: #b3b3b3;
  color: #ffffff;
  border-color: #b3b3b3;
}
.Tooltip--default.Tooltip--secondaryAction.Tooltip--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--secondaryAction.Tooltip--light {
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.Tooltip--default.Tooltip--secondaryAction.Tooltip--dark {
  background-color: #737373;
  color: #ffffff;
  border-color: #737373;
}
.Tooltip--outline.Tooltip--primary {
  border-color: #62BDD0;
}
.Tooltip--outline.Tooltip--primary.Tooltip--xlight {
  border-color: #d8eef3;
}
.Tooltip--outline.Tooltip--primary.Tooltip--light {
  border-color: #b1dee8;
}
.Tooltip--outline.Tooltip--primary.Tooltip--dark {
  border-color: #297989;
}
.Tooltip--outline.Tooltip--secondary {
  border-color: #566B76;
}
.Tooltip--outline.Tooltip--secondary.Tooltip--xlight {
  border-color: #a6b6bf;
}
.Tooltip--outline.Tooltip--secondary.Tooltip--light {
  border-color: #899ea9;
}
.Tooltip--outline.Tooltip--secondary.Tooltip--dark {
  border-color: #20282c;
}
.Tooltip--outline.Tooltip--tertiary {
  border-color: #997AB6;
}
.Tooltip--outline.Tooltip--tertiary.Tooltip--xlight {
  border-color: #e5ddec;
}
.Tooltip--outline.Tooltip--tertiary.Tooltip--light {
  border-color: #ccbcda;
}
.Tooltip--outline.Tooltip--tertiary.Tooltip--dark {
  border-color: #593f72;
}
.Tooltip--outline.Tooltip--success {
  border-color: #88BC76;
}
.Tooltip--outline.Tooltip--success.Tooltip--xlight {
  border-color: #e1eedd;
}
.Tooltip--outline.Tooltip--success.Tooltip--light {
  border-color: #c4debb;
}
.Tooltip--outline.Tooltip--success.Tooltip--dark {
  border-color: #4a783b;
}
.Tooltip--outline.Tooltip--danger {
  border-color: #EF7F43;
}
.Tooltip--outline.Tooltip--danger.Tooltip--xlight {
  border-color: #fbdfd0;
}
.Tooltip--outline.Tooltip--danger.Tooltip--light {
  border-color: #f7bfa1;
}
.Tooltip--outline.Tooltip--danger.Tooltip--dark {
  border-color: #a5420e;
}
.Tooltip--outline.Tooltip--info {
  border-color: #62BDD0;
}
.Tooltip--outline.Tooltip--info.Tooltip--xlight {
  border-color: #d8eef3;
}
.Tooltip--outline.Tooltip--info.Tooltip--light {
  border-color: #b1dee8;
}
.Tooltip--outline.Tooltip--info.Tooltip--dark {
  border-color: #297989;
}
.Tooltip--outline.Tooltip--positive {
  border-color: #88BC76;
}
.Tooltip--outline.Tooltip--positive.Tooltip--xlight {
  border-color: #e1eedd;
}
.Tooltip--outline.Tooltip--positive.Tooltip--light {
  border-color: #c4debb;
}
.Tooltip--outline.Tooltip--positive.Tooltip--dark {
  border-color: #4a783b;
}
.Tooltip--outline.Tooltip--warning {
  border-color: #FEB734;
}
.Tooltip--outline.Tooltip--warning.Tooltip--xlight {
  border-color: #ffedcc;
}
.Tooltip--outline.Tooltip--warning.Tooltip--light {
  border-color: #ffdb9a;
}
.Tooltip--outline.Tooltip--warning.Tooltip--dark {
  border-color: #b27301;
}
.Tooltip--outline.Tooltip--negative {
  border-color: #EF7F43;
}
.Tooltip--outline.Tooltip--negative.Tooltip--xlight {
  border-color: #fbdfd0;
}
.Tooltip--outline.Tooltip--negative.Tooltip--light {
  border-color: #f7bfa1;
}
.Tooltip--outline.Tooltip--negative.Tooltip--dark {
  border-color: #a5420e;
}
.Tooltip--outline.Tooltip--neutral {
  border-color: #997AB6;
}
.Tooltip--outline.Tooltip--neutral.Tooltip--xlight {
  border-color: #e5ddec;
}
.Tooltip--outline.Tooltip--neutral.Tooltip--light {
  border-color: #ccbcda;
}
.Tooltip--outline.Tooltip--neutral.Tooltip--dark {
  border-color: #593f72;
}
.Tooltip--outline.Tooltip--primaryAction {
  border-color: #566B76;
}
.Tooltip--outline.Tooltip--primaryAction.Tooltip--xlight {
  border-color: #a6b6bf;
}
.Tooltip--outline.Tooltip--primaryAction.Tooltip--light {
  border-color: #899ea9;
}
.Tooltip--outline.Tooltip--primaryAction.Tooltip--dark {
  border-color: #20282c;
}
.Tooltip--outline.Tooltip--brandAction {
  border-color: #E95949;
}
.Tooltip--outline.Tooltip--brandAction.Tooltip--xlight {
  border-color: #fad5d1;
}
.Tooltip--outline.Tooltip--brandAction.Tooltip--light {
  border-color: #f4aca4;
}
.Tooltip--outline.Tooltip--brandAction.Tooltip--dark {
  border-color: #9f2113;
}
.Tooltip--outline.Tooltip--secondaryAction {
  border-color: #b3b3b3;
}
.Tooltip--outline.Tooltip--secondaryAction.Tooltip--xlight {
  border-color: #ffffff;
}
.Tooltip--outline.Tooltip--secondaryAction.Tooltip--light {
  border-color: #e6e6e6;
}
.Tooltip--outline.Tooltip--secondaryAction.Tooltip--dark {
  border-color: #737373;
}
.Tooltip--outline.Tooltip--primaryBrand {
  border-color: #E95949;
}
.Tooltip--outline.Tooltip--primaryBrand.Tooltip--xlight {
  border-color: #fad5d1;
}
.Tooltip--outline.Tooltip--primaryBrand.Tooltip--light {
  border-color: #f4aca4;
}
.Tooltip--outline.Tooltip--primaryBrand.Tooltip--dark {
  border-color: #9f2113;
}
.Tooltip--outline.Tooltip--secondaryBrand {
  border-color: #4B5E68;
}
.Tooltip--outline.Tooltip--secondaryBrand.Tooltip--xlight {
  border-color: #98aab4;
}
.Tooltip--outline.Tooltip--secondaryBrand.Tooltip--light {
  border-color: #7a929f;
}
.Tooltip--outline.Tooltip--secondaryBrand.Tooltip--dark {
  border-color: #161b1e;
}
.Tooltip--outline.Tooltip--tertiaryBrand {
  border-color: #F4F4F0;
}
.Tooltip--outline.Tooltip--tertiaryBrand.Tooltip--xlight {
  border-color: #ffffff;
}
.Tooltip--outline.Tooltip--tertiaryBrand.Tooltip--light {
  border-color: #ffffff;
}
.Tooltip--outline.Tooltip--tertiaryBrand.Tooltip--dark {
  border-color: #bebea6;
}
.Tooltip-outer {
  display: inline-block;
  position: relative;
}
.Tooltip-outer-placeholder {
  position: absolute;
  z-index: 2000;
}
.Tooltip-outer--block {
  display: block;
}
.Tooltip-outer--top .Tooltip-outer-placeholder {
  bottom: 100%;
  left: 50%;
  top: initial;
}
.Tooltip-outer--top .Tooltip {
  bottom: 12px;
  left: 0;
  transform: translate(-50%, 0);
}
.Tooltip-outer--right .Tooltip-outer-placeholder {
  left: 100%;
  top: 50%;
  right: initial;
}
.Tooltip-outer--right .Tooltip {
  left: 12px;
  top: 0;
  transform: translate(0, -50%);
}
.Tooltip-outer--bottom .Tooltip-outer-placeholder {
  top: 100%;
  left: 50%;
  bottom: initial;
}
.Tooltip-outer--bottom .Tooltip {
  top: 12px;
  left: 0;
  transform: translate(-50%, 0);
}
.Tooltip-outer--left .Tooltip-outer-placeholder {
  right: 100%;
  top: 50%;
  left: initial;
}
.Tooltip-outer--left .Tooltip {
  right: 12px;
  top: 0;
  transform: translate(0, -50%);
}
/* Modifiers
------------------------------------------------------------ */
.Tooltip--xxs {
  padding: 4px;
}
.Tooltip--xs {
  padding: 4px;
}
.Tooltip--sm {
  padding: 6px;
}
.Tooltip--lg {
  padding: 6px;
}
.Tooltip--xl {
  padding: 12px;
}
.Tooltip--xxl {
  padding: 12px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.ButtonWithTooltip {
  position: relative;
  display: inline-block;
}
.ButtonWithTooltip--block {
  display: block;
}
.ButtonWithTooltip--block .Tooltip {
  display: block;
}
.ButtonWithTooltip .Tooltip .Tooltip-content {
  min-width: 120px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.CalendarIcon {
  position: relative;
  display: inline-block;
}
.CalendarIcon .CalendarIcon-date {
  font-size: 14px;
}
.CalendarIcon.Icon .CalendarIcon-date {
  font-size: 9px;
  line-height: 18px;
  top: 3px;
  height: 18px;
  width: 18px;
}
.CalendarIcon.Icon.Icon--xxl .CalendarIcon-date {
  font-size: 18px;
  line-height: 36px;
  top: 6px;
  height: 36px;
  width: 36px;
}
.CalendarIcon.Icon.Icon--xl .CalendarIcon-date {
  font-size: 15px;
  line-height: 30px;
  top: 5px;
  height: 30px;
  width: 30px;
}
.CalendarIcon.Icon.Icon--lg .CalendarIcon-date {
  font-size: 12px;
  line-height: 24px;
  top: 4px;
  height: 24px;
  width: 24px;
}
.CalendarIcon.Icon.Icon--sm .CalendarIcon-date {
  font-size: 8px;
  line-height: 16px;
  top: 2.66666667px;
  height: 16px;
  width: 16px;
}
.CalendarIcon.Icon.Icon--xs .CalendarIcon-date {
  font-size: 6px;
  line-height: 12px;
  top: 2px;
  height: 12px;
  width: 12px;
}
.CalendarIcon.Icon.Icon--xxs .CalendarIcon-date {
  font-size: 5px;
  line-height: 10px;
  top: 1.66666667px;
  height: 10px;
  width: 10px;
}
/* Descendants
------------------------------------------------------------ */
.CalendarIcon-date {
  position: absolute;
  display: block;
  text-align: center;
  font-style: normal;
  width: 100%;
  left: 0;
  top: 0;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Card {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
/* Descendants
------------------------------------------------------------ */
/* Modifiers
 ------------------------------------------------------------ */
.Card--clickable:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.Card--clickable:focus {
  border-color: #b6e0e8;
  background-color: #f7fcfd;
  outline: none;
}
.Card--clickable:active {
  background-color: #f2f2f2;
  border-color: #e6e6e6;
}
.Card--page {
  padding: 48px;
  border-radius: 0;
}
@media (max-width: 1024px) {
  .Card--page {
    padding: 24px;
  }
}
.Card--shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.Card--shadow.Card--clickable:hover {
  box-shadow: 1px 3px 5px -1px #ddd;
}
.Card--elevated {
  position: relative;
  border-color: transparent;
}
.Card--elevated:after {
  content: '';
  z-index: -1;
  position: absolute;
  left: 5%;
  right: 5%;
  top: 75px;
  bottom: 0%;
  background: rgba(0, 0, 0, 0.6);
  filter: blur(40px);
  border-radius: 3px;
}
.Card--clean {
  box-shadow: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}
/* States
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.CardButton {
  text-align: center;
  cursor: pointer;
  padding: 24px 0;
  background: rgba(255, 255, 255, 0.5);
  color: #4d4d4d;
}
.CardButton-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}
.CardButton-content * {
  display: block;
}
.CardButton-label--text {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-top: 6px;
}
.CardButton:active,
.CardButton:active:hover {
  border-color: #4d4d4d;
  background: #e6e6e6;
}
.CardButton:focus,
.CardButton:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.8);
}
.CardButton--primaryAction {
  color: #566B76;
}
.CardButton--secondaryAction {
  color: #b3b3b3;
}
.CardButton--brandAction {
  color: #E95949;
}
/* Mixin
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
/* Modifiers
------------------------------------------------------------ */
.CategoryIcon--relative {
  position: relative;
}
.CategoryIcon--animate.Icon--line {
  border-width: 1px;
  border-style: solid;
  border-radius: 100%;
}
.CategoryIcon--animate.Icon--line.Icon--bold {
  border-width: 2px;
}
.CategoryIcon--animate.Icon--line.Icon--primary,
.CategoryIcon--animate.Icon--line.Icon--info {
  border-color: #62BDD0;
}
.CategoryIcon--animate.Icon--line.Icon--secondary,
.CategoryIcon--animate.Icon--line.Icon--primaryAction {
  border-color: #566B76;
}
.CategoryIcon--animate.Icon--line.Icon--success,
.CategoryIcon--animate.Icon--line.Icon--positive {
  border-color: #88BC76;
}
.CategoryIcon--animate.Icon--line.Icon--warning {
  border-color: #FEB734;
}
.CategoryIcon--animate.Icon--line.Icon--danger,
.CategoryIcon--animate.Icon--line.Icon--negative {
  border-color: #EF7F43;
}
.CategoryIcon--animate.Icon--line.Icon--disabled,
.CategoryIcon--animate.Icon--line.Icon--secondaryAction {
  border-color: #b3b3b3;
}
.CategoryIcon--animate.Icon--line.Icon--brandAction {
  border-color: #E95949;
}
.CategoryIcon--animate.Icon--line.Icon--neutral {
  border-color: #997AB6;
}
.CategoryIcon--animate.Icon--line.Icon--primaryBrand {
  border-color: #E95949;
}
.CategoryIcon--animate.Icon--line.Icon--secondaryBrand {
  border-color: #4B5E68;
}
.CategoryIcon--animate.Icon--line.Icon--tertiaryBrand {
  border-color: #F4F4F0;
}
.CategoryIcon--animate::before {
  opacity: 0.2;
  transition: all ease-in 0.5s;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Pill {
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
  color: #4d4d4d;
  text-align: center;
  line-height: 22px;
  border-radius: 15px;
  border: 1px solid #e6e6e6;
}
.Pill-image {
  display: block;
}
.PillList .Pill {
  margin: 0 6px 12px 6px;
}
.PillList .Pill:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.PillList.PillList--light .Pill {
  line-height: 24px;
}
.PillList.PillList--vertical .Pill {
  display: block;
  text-align: center;
  margin: 3px -1px;
}
/* Modifiers
 ------------------------------------------------------------ */
.Pill {
  color: #566B76;
  border-color: rgba(86, 107, 118, 0.2);
}
.Pill:hover,
.Pill:focus {
  background: rgba(86, 107, 118, 0.2);
}
.Pill:focus {
  box-shadow: 0 0 0 2px rgba(86, 107, 118, 0.2);
}
.Pill.is-selected:not(.Pill--hasImage) {
  background: #566B76;
  border-color: #566B76;
  color: #ffffff;
}
.Pill.is-selected:not(.Pill--hasImage).is-disabled {
  background: #e6e6e6;
  border-color: #e6e6e6;
  color: #b3b3b3;
}
.Pill.is-selected.Pill--hasImage .Pill-image,
.Pill.is-selected.Pill--hasImage .Pill-label {
  opacity: 1;
}
.PillList.PillList--light .Pill {
  background: rgba(86, 107, 118, 0.1);
  border-color: #ffffff;
}
.PillList.PillList--light .Pill:hover,
.PillList.PillList--light .Pill:focus {
  background: rgba(86, 107, 118, 0.2);
}
.PillList.PillList--light .Pill.is-selected {
  background: #566B76;
  border-color: #ffffff;
}
.Pill.Pill--primaryAction {
  color: #566B76;
  border-color: rgba(86, 107, 118, 0.2);
}
.Pill.Pill--primaryAction:hover,
.Pill.Pill--primaryAction:focus {
  background: rgba(86, 107, 118, 0.2);
}
.Pill.Pill--primaryAction:focus {
  box-shadow: 0 0 0 2px rgba(86, 107, 118, 0.2);
}
.Pill.Pill--primaryAction.is-selected:not(.Pill--hasImage) {
  background: #566B76;
  border-color: #566B76;
  color: #ffffff;
}
.Pill.Pill--primaryAction.is-selected:not(.Pill--hasImage).is-disabled {
  background: #e6e6e6;
  border-color: #e6e6e6;
  color: #b3b3b3;
}
.Pill.Pill--primaryAction.is-selected.Pill--hasImage .Pill-image,
.Pill.Pill--primaryAction.is-selected.Pill--hasImage .Pill-label {
  opacity: 1;
}
.PillList.PillList--light .Pill.Pill--primaryAction {
  background: rgba(86, 107, 118, 0.1);
  border-color: #ffffff;
}
.PillList.PillList--light .Pill.Pill--primaryAction:hover,
.PillList.PillList--light .Pill.Pill--primaryAction:focus {
  background: rgba(86, 107, 118, 0.2);
}
.PillList.PillList--light .Pill.Pill--primaryAction.is-selected {
  background: #566B76;
  border-color: #ffffff;
}
.Pill.Pill--secondaryAction {
  color: #b3b3b3;
  border-color: rgba(179, 179, 179, 0.2);
}
.Pill.Pill--secondaryAction:hover,
.Pill.Pill--secondaryAction:focus {
  background: rgba(179, 179, 179, 0.2);
}
.Pill.Pill--secondaryAction:focus {
  box-shadow: 0 0 0 2px rgba(179, 179, 179, 0.2);
}
.Pill.Pill--secondaryAction.is-selected:not(.Pill--hasImage) {
  background: #b3b3b3;
  border-color: #b3b3b3;
  color: #ffffff;
}
.Pill.Pill--secondaryAction.is-selected:not(.Pill--hasImage).is-disabled {
  background: #e6e6e6;
  border-color: #e6e6e6;
  color: #b3b3b3;
}
.Pill.Pill--secondaryAction.is-selected.Pill--hasImage .Pill-image,
.Pill.Pill--secondaryAction.is-selected.Pill--hasImage .Pill-label {
  opacity: 1;
}
.PillList.PillList--light .Pill.Pill--secondaryAction {
  background: rgba(179, 179, 179, 0.1);
  border-color: #ffffff;
}
.PillList.PillList--light .Pill.Pill--secondaryAction:hover,
.PillList.PillList--light .Pill.Pill--secondaryAction:focus {
  background: rgba(179, 179, 179, 0.2);
}
.PillList.PillList--light .Pill.Pill--secondaryAction.is-selected {
  background: #b3b3b3;
  border-color: #ffffff;
}
.Pill.Pill--brandAction {
  color: #E95949;
  border-color: rgba(233, 89, 73, 0.2);
}
.Pill.Pill--brandAction:hover,
.Pill.Pill--brandAction:focus {
  background: rgba(233, 89, 73, 0.2);
}
.Pill.Pill--brandAction:focus {
  box-shadow: 0 0 0 2px rgba(233, 89, 73, 0.2);
}
.Pill.Pill--brandAction.is-selected:not(.Pill--hasImage) {
  background: #E95949;
  border-color: #E95949;
  color: #ffffff;
}
.Pill.Pill--brandAction.is-selected:not(.Pill--hasImage).is-disabled {
  background: #e6e6e6;
  border-color: #e6e6e6;
  color: #b3b3b3;
}
.Pill.Pill--brandAction.is-selected.Pill--hasImage .Pill-image,
.Pill.Pill--brandAction.is-selected.Pill--hasImage .Pill-label {
  opacity: 1;
}
.PillList.PillList--light .Pill.Pill--brandAction {
  background: rgba(233, 89, 73, 0.1);
  border-color: #ffffff;
}
.PillList.PillList--light .Pill.Pill--brandAction:hover,
.PillList.PillList--light .Pill.Pill--brandAction:focus {
  background: rgba(233, 89, 73, 0.2);
}
.PillList.PillList--light .Pill.Pill--brandAction.is-selected {
  background: #E95949;
  border-color: #ffffff;
}
.Pill.Pill--xxs {
  font-size: 8px;
}
.Pill.Pill--xs {
  font-size: 10px;
}
.Pill.Pill--sm {
  font-size: 12px;
}
.Pill.Pill--lg {
  font-size: 16px;
}
.Pill.Pill--xl {
  font-size: 20px;
}
.Pill.Pill--xxl {
  font-size: 30px;
}
.Pill--hasImage .Pill-image,
.Pill--hasImage .Pill-label {
  opacity: 0.3;
}
.Pill--hasImage:hover .Pill-image,
.Pill--hasImage:hover .Pill-label {
  opacity: 0.7;
}
.Pill--hasImage.Pill--imageOnly .Pill-image {
  opacity: 1;
}
.Pill--hasImage.Pill--imageOnly:hover .Pill-image {
  opacity: 1;
}
.Pill--imageOnly {
  padding: 0;
}
/* States
 ------------------------------------------------------------ */
.Pill.is-disabled {
  cursor: not-allowed;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.PillList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.PillList--grid {
  display: flex;
  justify-content: center;
  align-items: center;
}
.PillList--grid .Pill {
  display: flex;
  flex-grow: 1;
}
.PillList--grid .Pill .Pill-label {
  display: flex;
  justify-content: center;
  width: 100%;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.NotificationPanel {
  padding: 24px 0;
}
.NotificationPanel-buttons {
  margin-top: 24px;
}
.NotificationPanel-button--close {
  position: absolute;
  right: 24px;
  top: 24px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.TopNavButton-button {
  cursor: pointer;
  height: 60px;
  padding: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TopNavButton-button:hover {
  background: rgba(255, 255, 255, 0.1);
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.TopNav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.TopNav-buttons {
  position: absolute;
  top: 0px;
}
.TopNav-buttons--esc {
  right: 0px;
}
.TopNav-buttons--back {
  left: 0px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Overlay {
  top: 0;
  left: 0;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  bottom: 0;
  background: #ffffff;
  z-index: 1001;
}
.Overlay-nav {
  z-index: 1002;
}
/* You can use Overlay-content to control how big the content area of the overlay should be */
.Overlay-content {
  max-width: 984px;
  min-width: 360px;
  margin: 0px auto;
}
@media (max-width: 1024px) {
  .Overlay-content {
    padding: 0 12px;
  }
}
.Overlay--grid .Overlay-body,
.Overlay--grid .Overlay-content {
  height: 100%;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
}
.Overlay--grid .Overlay-body:before,
.Overlay--grid .Overlay-content:before,
.Overlay--grid .Overlay-body:after,
.Overlay--grid .Overlay-content:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.Overlay--grid .Overlay-body *:before,
.Overlay--grid .Overlay-content *:before,
.Overlay--grid .Overlay-body *:after,
.Overlay--grid .Overlay-content *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.Overlay--grid .Overlay-body .grid,
.Overlay--grid .Overlay-content .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.Overlay--grid .Overlay-body.demo > div,
.Overlay--grid .Overlay-content.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--slideIn {
  left: 100%;
  width: 0%;
  transition: left 300ms cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.Overlay--slideIn.Overlay--slide {
  left: 0%;
  width: 100%;
}
.Overlay--slideIn .Overlay-body {
  position: relative;
  height: 100%;
}
.Overlay--slideIn .Overlay-nav.TopNav {
  position: sticky;
}
.Overlay--alt {
  background: #F4F4F0;
}
.Overlay--alt .TopNavButton-text {
  color: #666666;
}
.Overlay--alt.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--primaryBrand {
  background: #E95949;
}
.Overlay--primaryBrand .TopNavButton-text {
  color: #e6e6e6;
}
.Overlay--primaryBrand.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--secondaryBrand {
  background: #4B5E68;
}
.Overlay--secondaryBrand .TopNavButton-text {
  color: #e6e6e6;
}
.Overlay--secondaryBrand.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--tertiaryBrand {
  background: #F4F4F0;
}
.Overlay--tertiaryBrand .TopNavButton-text {
  color: #666666;
}
.Overlay--tertiaryBrand.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--info {
  background: #62BDD0;
}
.Overlay--info .TopNavButton-text {
  color: #e6e6e6;
}
.Overlay--info.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--neutral {
  background: #997AB6;
}
.Overlay--neutral .TopNavButton-text {
  color: #e6e6e6;
}
.Overlay--neutral.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--positive {
  background: #88BC76;
}
.Overlay--positive .TopNavButton-text {
  color: #e6e6e6;
}
.Overlay--positive.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--warning {
  background: #FEB734;
}
.Overlay--warning .TopNavButton-text {
  color: #666666;
}
.Overlay--warning.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--negative {
  background: #EF7F43;
}
.Overlay--negative .TopNavButton-text {
  color: #666666;
}
.Overlay--negative.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--transparent {
  background: rgba(75, 94, 104, 0.42);
}
.Overlay--transparent .TopNavButton-text {
  color: #666666;
}
.Overlay--transparent.Overlay--whiteCloseButton .TopNavButton-text {
  color: #fff;
}
.Overlay--clear {
  background: transparent;
}
.noscroll {
  overflow: hidden;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.ConfirmAction {
  max-width: 400px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SelectOption {
  margin: 0;
}
.SelectOption-item {
  padding: 0 12px;
  line-height: 42px;
}
.SelectOption-item,
.SelectOption-label {
  box-sizing: border-box;
}
.SelectOption-item,
.SelectOption-checkbox {
  display: flex;
  align-items: center;
}
.SelectOption-icon,
.SelectOption-label {
  display: flex;
}
.SelectOption-icon {
  margin-right: 12px;
}
.SelectOption-checkbox.Checkbox .Checkbox-wrapper {
  width: 30px;
  min-width: 30px;
}
.SelectOption-children {
  display: none;
}
/* States
 ------------------------------------------------------------ */
.SelectOption.is-selected {
  background: #F4F4F0;
}
.SelectOption:hover {
  background: #F4F4F0;
}
.SelectOption.is-expanded .SelectOption-children {
  display: block;
}
/* Modifiers
 ------------------------------------------------------------ */
.SelectOption:not(.SelectOption--multiline):not(.SelectOption--icon) .SelectOption-item {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SelectOption:not(.SelectOption--multiline).SelectOption--icon .SelectOption-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SelectOption--multiline .SelectOption-item {
  line-height: 24px;
  padding: 4px 12px;
}
.SelectOption--multiline.SelectOption--clickable .SelectOption-item {
  padding-right: 48px;
}
.SelectOption--parent:not(.SelectOption--clickable) {
  border-bottom: 1px solid #f3f3f1;
}
.SelectOption--clickable {
  cursor: pointer;
}
.SelectOption--multi .Checkbox-wrapper .SelectOption-icon {
  margin: 0;
}
.SelectOption--expandable > .SelectOption-item {
  position: relative;
  z-index: 0;
}
.SelectOption--expandable > .SelectOption-item:hover {
  cursor: pointer;
}
.SelectOption--expandable > .SelectOption-item .SelectOption-expand-icon {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  right: 12px;
  padding: 0 6px;
  top: 0;
  pointer-events: none;
  z-index: 1;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SelectOptionPlaceholder {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.SelectOptionPlaceholder-icon {
  display: block;
  line-height: 1;
}
.SelectOptionPlaceholder-label {
  display: block;
  padding-left: 12px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Input {
  display: inline-block;
  background: transparent;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  background: #fff;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
.Input.Input.is-active,
.Input.Input.is-active:hover {
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #566B76;
}
.Input.is-disabled .Input-input {
  cursor: not-allowed;
}
.Input:hover {
  border-color: #566B76;
}
.Input .Input-icon {
  color: #566B76;
}
.Input.Input.is-filled {
  border-color: #566B76;
}
.Input .Input-input-feedback {
  background-color: #e6e6e6;
  border-top: 2px solid #566B76;
}
/* Descendents
------------------------------------------------------------ */
.Input-iconWrapper {
  position: absolute;
  right: 12px;
  top: 0;
  display: flex;
  height: 100%;
  align-items: center;
}
.Input-label {
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.Input-input,
.Input-input-inside {
  background: transparent;
  padding: 0;
  border: none;
  width: 100%;
  color: #4d4d4d;
  font-size: 14px;
  box-sizing: border-box;
}
.Input-input:focus,
.Input-input-inside:focus {
  outline: none;
}
.Input-input:-webkit-autofill,
.Input-input-inside:-webkit-autofill,
.Input-input:-webkit-autofill:hover,
.Input-input-inside:-webkit-autofill:hover,
.Input-input:-webkit-autofill:focus,
.Input-input-inside:-webkit-autofill:focus,
.Input-input:-webkit-autofill:active,
.Input-input-inside:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.Input-input::placeholder,
.Input-input-inside::placeholder {
  color: #666666;
  opacity: 1;
}
.Input-input::-ms-input-placeholder,
.Input-input-inside::-ms-input-placeholder {
  color: #666666;
}
.Input-input[type="search"],
.Input-input-inside[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.Input-input[type="number"],
.Input-input-inside[type="number"] {
  -moz-appearance: textfield;
}
.Input-input[type="number"]::-webkit-outer-spin-button,
.Input-input-inside[type="number"]::-webkit-outer-spin-button,
.Input-input[type="number"]::-webkit-inner-spin-button,
.Input-input-inside[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.Input-input-feedback {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
}
/* Modifiers
------------------------------------------------------------ */
.Input {
  font-size: 14px;
}
.Input .Input-input {
  line-height: 46px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input .Input-input:focus {
    font-size: 14px;
  }
}
.Input.Input--forms .Input-input {
  line-height: 46px;
}
.Input .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--xxs {
  font-size: 10px;
}
.Input--xxs .Input-input {
  line-height: 28px;
  font-size: 10px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxs .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxs .Input-input:focus {
    font-size: 10px;
  }
}
.Input--xxs.Input--forms .Input-input {
  line-height: 28px;
}
.Input--xxs .Input-input-inside {
  font-size: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxs .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxs .Input-input-inside:focus {
    font-size: 10px;
  }
}
.Input--xxs.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--xs {
  font-size: 12px;
}
.Input--xs .Input-input {
  line-height: 34px;
  font-size: 12px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xs .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xs .Input-input:focus {
    font-size: 12px;
  }
}
.Input--xs.Input--forms .Input-input {
  line-height: 34px;
}
.Input--xs .Input-input-inside {
  font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xs .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xs .Input-input-inside:focus {
    font-size: 12px;
  }
}
.Input--xs.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--sm {
  font-size: 12px;
}
.Input--sm .Input-input {
  line-height: 40px;
  font-size: 12px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--sm .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--sm .Input-input:focus {
    font-size: 12px;
  }
}
.Input--sm.Input--forms .Input-input {
  line-height: 40px;
}
.Input--sm .Input-input-inside {
  font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--sm .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--sm .Input-input-inside:focus {
    font-size: 12px;
  }
}
.Input--sm.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--lg {
  font-size: 14px;
}
.Input--lg .Input-input {
  line-height: 52px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--lg .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--lg .Input-input:focus {
    font-size: 14px;
  }
}
.Input--lg.Input--forms .Input-input {
  line-height: 52px;
}
.Input--lg .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--lg .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--lg .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--lg.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--xl {
  font-size: 14px;
}
.Input--xl .Input-input {
  line-height: 58px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xl .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xl .Input-input:focus {
    font-size: 14px;
  }
}
.Input--xl.Input--forms .Input-input {
  line-height: 58px;
}
.Input--xl .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xl .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xl .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--xl.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--xxl {
  font-size: 14px;
}
.Input--xxl .Input-input {
  line-height: 64px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxl .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxl .Input-input:focus {
    font-size: 14px;
  }
}
.Input--xxl.Input--forms .Input-input {
  line-height: 64px;
}
.Input--xxl .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxl .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxl .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--xxl.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--central .Input-input {
  text-align: center;
}
.Input--info .Input-icon {
  color: #62BDD0;
}
.Input--info.Input.is-filled {
  border-color: #62BDD0;
}
.Input--info .Input-input-feedback {
  background-color: #EBF7F9;
  border-top: 2px solid #62BDD0;
}
.Input--neutral .Input-icon {
  color: #997AB6;
}
.Input--neutral.Input.is-filled {
  border-color: #997AB6;
}
.Input--neutral .Input-input-feedback {
  background-color: #F2EFF6;
  border-top: 2px solid #997AB6;
}
.Input--warning .Input-icon {
  color: #FEB734;
}
.Input--warning.Input.is-filled {
  border-color: #FEB734;
}
.Input--warning .Input-input-feedback {
  background-color: #FFF6E6;
  border-top: 2px solid #FEB734;
}
.Input--negative .Input-icon {
  color: #EF7F43;
}
.Input--negative.Input.is-filled {
  border-color: #EF7F43;
}
.Input--negative .Input-input-feedback {
  background-color: #FDEFE8;
  border-top: 2px solid #EF7F43;
}
.Input--positive .Input-icon {
  color: #88BC76;
}
.Input--positive.Input.is-filled {
  border-color: #88BC76;
}
.Input--positive .Input-input-feedback {
  background-color: #F0F7EE;
  border-top: 2px solid #88BC76;
}
.Input--block {
  width: 100%;
}
.Input--clickableIcon .Input-icon {
  cursor: pointer;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SelectSearch {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 3px;
}
.SelectSearch .Input.SelectSearch-input {
  border: 0;
  width: 100%;
}
.SelectSearch .Input.SelectSearch-input.is-active,
.SelectSearch .Input.SelectSearch-input.is-active:hover {
  border: 0;
}
.SelectSearch .Input.SelectSearch-input .Icon--search {
  top: 3px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SelectPlaceholder {
  cursor: pointer;
  background-color: #ffffff;
  position: relative;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  padding: 0 30px 0 0;
}
.SelectPlaceholder:focus {
  outline: none;
}
.SelectPlaceholder.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.SelectPlaceholder:not(.SelectPlaceholder--floating) {
  line-height: 46px;
  font-size: 14px;
}
.SelectPlaceholder.SelectPlaceholder--floating {
  line-height: 24px;
  font-size: 14px;
}
.SelectPlaceholder-icon {
  position: absolute;
  top: -1px;
  right: 12px;
  pointer-events: none;
}
/* Descendants
 ------------------------------------------------------------ */
.SelectPlaceholder-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 12px;
}
.SelectPlaceholder-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 6px;
}
/* Modifiers
 ------------------------------------------------------------ */
.SelectPlaceholder--floating {
  margin: 0 6px 0 6px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  padding: 0 15px 0 0;
  line-height: 24px;
}
.SelectPlaceholder--floating .SelectPlaceholder-icon {
  right: 0;
}
.SelectPlaceholder--floating:hover {
  background-color: transparent;
  border-color: #566B76;
}
.SelectPlaceholder--floating .SelectPlaceholder-text,
.SelectPlaceholder--floating .SelectPlaceholder-content {
  margin-left: 0;
}
.SelectPlaceholder--central .SelectPlaceholder-text {
  text-align: center;
  text-indent: 36px;
}
.SelectPlaceholder--hasContent:focus,
.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  border-color: #566B76;
}
.SelectPlaceholder--xxs:not(.SelectPlaceholder--floating) {
  line-height: 28px;
  font-size: 10px;
}
.SelectPlaceholder--xxs.SelectPlaceholder--floating {
  line-height: 24px;
  font-size: 10px;
}
.SelectPlaceholder--xs:not(.SelectPlaceholder--floating) {
  line-height: 34px;
  font-size: 12px;
}
.SelectPlaceholder--xs.SelectPlaceholder--floating {
  line-height: 24px;
  font-size: 12px;
}
.SelectPlaceholder--sm:not(.SelectPlaceholder--floating) {
  line-height: 40px;
  font-size: 12px;
}
.SelectPlaceholder--sm.SelectPlaceholder--floating {
  line-height: 24px;
  font-size: 12px;
}
.SelectPlaceholder--lg:not(.SelectPlaceholder--floating) {
  line-height: 52px;
  font-size: 14px;
}
.SelectPlaceholder--lg.SelectPlaceholder--floating {
  line-height: 24px;
  font-size: 14px;
}
.SelectPlaceholder--xl:not(.SelectPlaceholder--floating) {
  line-height: 58px;
  font-size: 18px;
}
.SelectPlaceholder--xl.SelectPlaceholder--floating {
  line-height: 24px;
  font-size: 18px;
}
.SelectPlaceholder--xxl:not(.SelectPlaceholder--floating) {
  line-height: 64px;
  font-size: 18px;
}
.SelectPlaceholder--xxl.SelectPlaceholder--floating {
  line-height: 24px;
  font-size: 18px;
}
.SelectPlaceholder--info:hover {
  border-color: #62BDD0;
}
.SelectPlaceholder--info:focus {
  border-color: #62BDD0;
}
.SelectPlaceholder--info:after {
  color: #62BDD0;
}
.SelectPlaceholder--info.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  color: #62BDD0;
}
.SelectPlaceholder--info.SelectPlaceholder--hasContent:hover .SVGImage-svg path {
  fill: #62BDD0;
}
.SelectPlaceholder--info.SelectPlaceholder--floating {
  color: #62BDD0;
}
.SelectPlaceholder--info.SelectPlaceholder--floating:focus,
.SelectPlaceholder--info.SelectPlaceholder--floating:hover {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #62BDD0;
  color: #62BDD0;
}
.SelectPlaceholder--info.SelectPlaceholder--floating:focus .SVGImage-svg path,
.SelectPlaceholder--info.SelectPlaceholder--floating:hover .SVGImage-svg path {
  fill: #62BDD0;
}
.SelectPlaceholder--info.SelectPlaceholder--light {
  color: #4d4d4d;
}
.SelectPlaceholder--info.SelectPlaceholder--light:focus,
.SelectPlaceholder--info.SelectPlaceholder--light:hover {
  color: #4d4d4d;
}
.SelectPlaceholder--info.SelectPlaceholder.is-disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
.SelectPlaceholder--info.SelectPlaceholder.is-disabled:hover {
  background-color: #ffffff;
  color: #b3b3b3;
  border-color: #e6e6e6;
}
.SelectPlaceholder--neutral:hover {
  border-color: #997AB6;
}
.SelectPlaceholder--neutral:focus {
  border-color: #997AB6;
}
.SelectPlaceholder--neutral:after {
  color: #997AB6;
}
.SelectPlaceholder--neutral.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  color: #997AB6;
}
.SelectPlaceholder--neutral.SelectPlaceholder--hasContent:hover .SVGImage-svg path {
  fill: #997AB6;
}
.SelectPlaceholder--neutral.SelectPlaceholder--floating {
  color: #997AB6;
}
.SelectPlaceholder--neutral.SelectPlaceholder--floating:focus,
.SelectPlaceholder--neutral.SelectPlaceholder--floating:hover {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #997AB6;
  color: #997AB6;
}
.SelectPlaceholder--neutral.SelectPlaceholder--floating:focus .SVGImage-svg path,
.SelectPlaceholder--neutral.SelectPlaceholder--floating:hover .SVGImage-svg path {
  fill: #997AB6;
}
.SelectPlaceholder--neutral.SelectPlaceholder--light {
  color: #4d4d4d;
}
.SelectPlaceholder--neutral.SelectPlaceholder--light:focus,
.SelectPlaceholder--neutral.SelectPlaceholder--light:hover {
  color: #4d4d4d;
}
.SelectPlaceholder--neutral.SelectPlaceholder.is-disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
.SelectPlaceholder--neutral.SelectPlaceholder.is-disabled:hover {
  background-color: #ffffff;
  color: #b3b3b3;
  border-color: #e6e6e6;
}
.SelectPlaceholder--warning:hover {
  border-color: #FEB734;
}
.SelectPlaceholder--warning:focus {
  border-color: #FEB734;
}
.SelectPlaceholder--warning:after {
  color: #FEB734;
}
.SelectPlaceholder--warning.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  color: #FEB734;
}
.SelectPlaceholder--warning.SelectPlaceholder--hasContent:hover .SVGImage-svg path {
  fill: #FEB734;
}
.SelectPlaceholder--warning.SelectPlaceholder--floating {
  color: #FEB734;
}
.SelectPlaceholder--warning.SelectPlaceholder--floating:focus,
.SelectPlaceholder--warning.SelectPlaceholder--floating:hover {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #FEB734;
  color: #FEB734;
}
.SelectPlaceholder--warning.SelectPlaceholder--floating:focus .SVGImage-svg path,
.SelectPlaceholder--warning.SelectPlaceholder--floating:hover .SVGImage-svg path {
  fill: #FEB734;
}
.SelectPlaceholder--warning.SelectPlaceholder--light {
  color: #4d4d4d;
}
.SelectPlaceholder--warning.SelectPlaceholder--light:focus,
.SelectPlaceholder--warning.SelectPlaceholder--light:hover {
  color: #4d4d4d;
}
.SelectPlaceholder--warning.SelectPlaceholder.is-disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
.SelectPlaceholder--warning.SelectPlaceholder.is-disabled:hover {
  background-color: #ffffff;
  color: #b3b3b3;
  border-color: #e6e6e6;
}
.SelectPlaceholder--positive:hover {
  border-color: #88BC76;
}
.SelectPlaceholder--positive:focus {
  border-color: #88BC76;
}
.SelectPlaceholder--positive:after {
  color: #88BC76;
}
.SelectPlaceholder--positive.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  color: #88BC76;
}
.SelectPlaceholder--positive.SelectPlaceholder--hasContent:hover .SVGImage-svg path {
  fill: #88BC76;
}
.SelectPlaceholder--positive.SelectPlaceholder--floating {
  color: #88BC76;
}
.SelectPlaceholder--positive.SelectPlaceholder--floating:focus,
.SelectPlaceholder--positive.SelectPlaceholder--floating:hover {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #88BC76;
  color: #88BC76;
}
.SelectPlaceholder--positive.SelectPlaceholder--floating:focus .SVGImage-svg path,
.SelectPlaceholder--positive.SelectPlaceholder--floating:hover .SVGImage-svg path {
  fill: #88BC76;
}
.SelectPlaceholder--positive.SelectPlaceholder--light {
  color: #4d4d4d;
}
.SelectPlaceholder--positive.SelectPlaceholder--light:focus,
.SelectPlaceholder--positive.SelectPlaceholder--light:hover {
  color: #4d4d4d;
}
.SelectPlaceholder--positive.SelectPlaceholder.is-disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
.SelectPlaceholder--positive.SelectPlaceholder.is-disabled:hover {
  background-color: #ffffff;
  color: #b3b3b3;
  border-color: #e6e6e6;
}
.SelectPlaceholder--negative:hover {
  border-color: #EF7F43;
}
.SelectPlaceholder--negative:focus {
  border-color: #EF7F43;
}
.SelectPlaceholder--negative:after {
  color: #EF7F43;
}
.SelectPlaceholder--negative.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  color: #EF7F43;
}
.SelectPlaceholder--negative.SelectPlaceholder--hasContent:hover .SVGImage-svg path {
  fill: #EF7F43;
}
.SelectPlaceholder--negative.SelectPlaceholder--floating {
  color: #EF7F43;
}
.SelectPlaceholder--negative.SelectPlaceholder--floating:focus,
.SelectPlaceholder--negative.SelectPlaceholder--floating:hover {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #EF7F43;
  color: #EF7F43;
}
.SelectPlaceholder--negative.SelectPlaceholder--floating:focus .SVGImage-svg path,
.SelectPlaceholder--negative.SelectPlaceholder--floating:hover .SVGImage-svg path {
  fill: #EF7F43;
}
.SelectPlaceholder--negative.SelectPlaceholder--light {
  color: #4d4d4d;
}
.SelectPlaceholder--negative.SelectPlaceholder--light:focus,
.SelectPlaceholder--negative.SelectPlaceholder--light:hover {
  color: #4d4d4d;
}
.SelectPlaceholder--negative.SelectPlaceholder.is-disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
.SelectPlaceholder--negative.SelectPlaceholder.is-disabled:hover {
  background-color: #ffffff;
  color: #b3b3b3;
  border-color: #e6e6e6;
}
.SelectPlaceholder--primaryAction:hover {
  border-color: #566B76;
}
.SelectPlaceholder--primaryAction:focus {
  border-color: #566B76;
}
.SelectPlaceholder--primaryAction:after {
  color: #566B76;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  color: #566B76;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder--hasContent:hover .SVGImage-svg path {
  fill: #566B76;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder--floating {
  color: #566B76;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder--floating:focus,
.SelectPlaceholder--primaryAction.SelectPlaceholder--floating:hover {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #566B76;
  color: #566B76;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder--floating:focus .SVGImage-svg path,
.SelectPlaceholder--primaryAction.SelectPlaceholder--floating:hover .SVGImage-svg path {
  fill: #566B76;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder--light {
  color: #4d4d4d;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder--light:focus,
.SelectPlaceholder--primaryAction.SelectPlaceholder--light:hover {
  color: #4d4d4d;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder.is-disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
.SelectPlaceholder--primaryAction.SelectPlaceholder.is-disabled:hover {
  background-color: #ffffff;
  color: #b3b3b3;
  border-color: #e6e6e6;
}
.SelectPlaceholder--secondaryAction:hover {
  border-color: #b3b3b3;
}
.SelectPlaceholder--secondaryAction:focus {
  border-color: #b3b3b3;
}
.SelectPlaceholder--secondaryAction:after {
  color: #b3b3b3;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  color: #b3b3b3;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder--hasContent:hover .SVGImage-svg path {
  fill: #b3b3b3;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder--floating {
  color: #b3b3b3;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder--floating:focus,
.SelectPlaceholder--secondaryAction.SelectPlaceholder--floating:hover {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #b3b3b3;
  color: #b3b3b3;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder--floating:focus .SVGImage-svg path,
.SelectPlaceholder--secondaryAction.SelectPlaceholder--floating:hover .SVGImage-svg path {
  fill: #b3b3b3;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder--light {
  color: #4d4d4d;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder--light:focus,
.SelectPlaceholder--secondaryAction.SelectPlaceholder--light:hover {
  color: #4d4d4d;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder.is-disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
.SelectPlaceholder--secondaryAction.SelectPlaceholder.is-disabled:hover {
  background-color: #ffffff;
  color: #b3b3b3;
  border-color: #e6e6e6;
}
.SelectPlaceholder--brandAction:hover {
  border-color: #E95949;
}
.SelectPlaceholder--brandAction:focus {
  border-color: #E95949;
}
.SelectPlaceholder--brandAction:after {
  color: #E95949;
}
.SelectPlaceholder--brandAction.SelectPlaceholder--hasContent:hover {
  background-color: #ffffff;
  color: #E95949;
}
.SelectPlaceholder--brandAction.SelectPlaceholder--hasContent:hover .SVGImage-svg path {
  fill: #E95949;
}
.SelectPlaceholder--brandAction.SelectPlaceholder--floating {
  color: #E95949;
}
.SelectPlaceholder--brandAction.SelectPlaceholder--floating:focus,
.SelectPlaceholder--brandAction.SelectPlaceholder--floating:hover {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #E95949;
  color: #E95949;
}
.SelectPlaceholder--brandAction.SelectPlaceholder--floating:focus .SVGImage-svg path,
.SelectPlaceholder--brandAction.SelectPlaceholder--floating:hover .SVGImage-svg path {
  fill: #E95949;
}
.SelectPlaceholder--brandAction.SelectPlaceholder--light {
  color: #4d4d4d;
}
.SelectPlaceholder--brandAction.SelectPlaceholder--light:focus,
.SelectPlaceholder--brandAction.SelectPlaceholder--light:hover {
  color: #4d4d4d;
}
.SelectPlaceholder--brandAction.SelectPlaceholder.is-disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
.SelectPlaceholder--brandAction.SelectPlaceholder.is-disabled:hover {
  background-color: #ffffff;
  color: #b3b3b3;
  border-color: #e6e6e6;
}
.SelectPlaceholder--disabled {
  cursor: not-allowed;
  color: #b3b3b3;
}
.SelectPlaceholder--disabled .SVGImage-svg path {
  fill: #b3b3b3;
}
.SelectPlaceholder--disabled:hover {
  color: #b3b3b3;
  background: #ffffff;
}
.SelectPlaceholder--disabled.SelectPlaceholder--floating:hover {
  border-bottom: 1px solid transparent;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Select {
  display: inline-block;
  color: #4d4d4d;
  text-align: left;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 14px;
}
.Select .SelectOption {
  font-size: 14px;
}
.Select .SelectOption .Checkbox-text {
  font-size: 14px;
}
.Select .SelectOption--parent .Checkbox-text {
  font-size: 14px;
}
.Select .SelectOption--parent .SelectOption--child {
  font-size: 14px;
}
.Select .SelectOption--parent .SelectOption--child .Checkbox-text {
  font-size: 14px;
}
.Select.Select--bottomUp .Select-content {
  bottom: 46px;
}
.Select.Select--bottomUp.Select--floating .Select-content {
  bottom: 28px;
}
.Select-search .Input.SelectSearch-input .Input-input {
  font-size: 14px;
}
.Select-names {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 12px -4px;
}
.Select-names .SelectedValue {
  margin: 3px 6px;
}
.Select.is-open .SelectPlaceholder {
  position: relative;
  z-index: 101;
  border-color: #566B76;
}
.Select.is-open .Select-content {
  border-color: #566B76;
  border-radius: 0 0 3px 3px;
}
.Select.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/* Descendants
------------------------------------------------------------ */
.Select-noResults {
  padding: 0 12px;
  line-height: 42px;
}
.Select-container {
  position: relative;
}
.Select-content {
  position: absolute;
  width: 100%;
  border-radius: 3px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  z-index: 100;
  top: -2px;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.15);
}
.Select-options {
  max-height: 240px;
  overflow-y: auto;
}
.Select-options--hidden {
  height: 0;
  opacity: 0;
  visibility: hidden;
}
/* Modifiers
 ------------------------------------------------------------ */
.Select--xxs {
  font-size: 8px;
}
.Select--xxs .SelectOption {
  font-size: 8px;
}
.Select--xxs .SelectOption .Checkbox-text {
  font-size: 8px;
}
.Select--xxs .SelectOption--parent .Checkbox-text {
  font-size: 8px;
}
.Select--xxs .SelectOption--parent .SelectOption--child {
  font-size: 8px;
}
.Select--xxs .SelectOption--parent .SelectOption--child .Checkbox-text {
  font-size: 8px;
}
.Select--xxs.Select--bottomUp .Select-content {
  bottom: 40px;
}
.Select--xxs.Select--bottomUp.Select--floating .Select-content {
  bottom: 16px;
}
.Select--xxs-search .Input.SelectSearch-input .Input-input {
  font-size: 8px;
}
.Select--xs {
  font-size: 10px;
}
.Select--xs .SelectOption {
  font-size: 10px;
}
.Select--xs .SelectOption .Checkbox-text {
  font-size: 10px;
}
.Select--xs .SelectOption--parent .Checkbox-text {
  font-size: 10px;
}
.Select--xs .SelectOption--parent .SelectOption--child {
  font-size: 10px;
}
.Select--xs .SelectOption--parent .SelectOption--child .Checkbox-text {
  font-size: 10px;
}
.Select--xs.Select--bottomUp .Select-content {
  bottom: 40px;
}
.Select--xs.Select--bottomUp.Select--floating .Select-content {
  bottom: 20px;
}
.Select--xs-search .Input.SelectSearch-input .Input-input {
  font-size: 10px;
}
.Select--sm {
  font-size: 12px;
}
.Select--sm .SelectOption {
  font-size: 12px;
}
.Select--sm .SelectOption .Checkbox-text {
  font-size: 12px;
}
.Select--sm .SelectOption--parent .Checkbox-text {
  font-size: 12px;
}
.Select--sm .SelectOption--parent .SelectOption--child {
  font-size: 12px;
}
.Select--sm .SelectOption--parent .SelectOption--child .Checkbox-text {
  font-size: 12px;
}
.Select--sm.Select--bottomUp .Select-content {
  bottom: 40px;
}
.Select--sm.Select--bottomUp.Select--floating .Select-content {
  bottom: 24px;
}
.Select--sm-search .Input.SelectSearch-input .Input-input {
  font-size: 12px;
}
.Select--lg {
  font-size: 14px;
}
.Select--lg .SelectOption {
  font-size: 14px;
}
.Select--lg .SelectOption .Checkbox-text {
  font-size: 14px;
}
.Select--lg .SelectOption--parent .Checkbox-text {
  font-size: 14px;
}
.Select--lg .SelectOption--parent .SelectOption--child {
  font-size: 14px;
}
.Select--lg .SelectOption--parent .SelectOption--child .Checkbox-text {
  font-size: 14px;
}
.Select--lg.Select--bottomUp .Select-content {
  bottom: 52px;
}
.Select--lg.Select--bottomUp.Select--floating .Select-content {
  bottom: 28px;
}
.Select--lg-search .Input.SelectSearch-input .Input-input {
  font-size: 14px;
}
.Select--xl {
  font-size: 16px;
}
.Select--xl .SelectOption {
  font-size: 16px;
}
.Select--xl .SelectOption .Checkbox-text {
  font-size: 16px;
}
.Select--xl .SelectOption--parent .Checkbox-text {
  font-size: 16px;
}
.Select--xl .SelectOption--parent .SelectOption--child {
  font-size: 14px;
}
.Select--xl .SelectOption--parent .SelectOption--child .Checkbox-text {
  font-size: 14px;
}
.Select--xl.Select--bottomUp .Select-content {
  bottom: 58px;
}
.Select--xl.Select--bottomUp.Select--floating .Select-content {
  bottom: 32px;
}
.Select--xl-search .Input.SelectSearch-input .Input-input {
  font-size: 16px;
}
.Select--xxl {
  font-size: 16px;
}
.Select--xxl .SelectOption {
  font-size: 16px;
}
.Select--xxl .SelectOption .Checkbox-text {
  font-size: 16px;
}
.Select--xxl .SelectOption--parent .Checkbox-text {
  font-size: 16px;
}
.Select--xxl .SelectOption--parent .SelectOption--child {
  font-size: 14px;
}
.Select--xxl .SelectOption--parent .SelectOption--child .Checkbox-text {
  font-size: 14px;
}
.Select--xxl.Select--bottomUp .Select-content {
  bottom: 64px;
}
.Select--xxl.Select--bottomUp.Select--floating .Select-content {
  bottom: 32px;
}
.Select--xxl-search .Input.SelectSearch-input .Input-input {
  font-size: 16px;
}
.Select--primaryAction .SelectOption--parent > .SelectOption-item:hover {
  background: rgba(86, 107, 118, 0.15);
}
.Select--primaryAction .SelectOption--child > .SelectOption-item:hover {
  background: rgba(86, 107, 118, 0.15);
}
.Select--primaryAction .SelectOption--child.is-selected > .SelectOption-item {
  background: rgba(86, 107, 118, 0.15);
}
.Select--primaryAction .SelectOption.is-expanded > .SelectOption-item {
  background: #566B76;
  color: #fff;
}
.Select--primaryAction .SelectOption.is-expanded > .SelectOption-item .Icon {
  color: #fff;
  border-color: #fff;
}
.Select--primaryAction .SelectOption.is-expanded > .SelectOption-item .Icon .SVGImage-svg path {
  fill: #fff;
}
.Select--primaryAction .SelectOption.is-expanded > .SelectOption-item:after {
  color: #fff;
}
.Select--primaryAction .SelectOption.is-expanded > .SelectOption-children {
  background: rgba(86, 107, 118, 0.05);
}
.Select--primaryAction .SelectOption.is-expanded > .SelectOption-children .SelectOption-item {
  border-bottom: 1px solid #fff;
}
.Select--primaryAction .SelectOption.is-expanded > .SelectOption-children .SelectOption-item:hover {
  background: rgba(86, 107, 118, 0.15);
}
.Select--primaryAction .SelectOption-item .Icon .SVGImage-svg path {
  fill: #566B76;
}
.Select--primaryAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:focus,
.Select--primaryAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:hover {
  color: #fff;
}
.Select--primaryAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item .Checkbox:hover .Checkbox-text {
  color: #fff;
}
.Select--primaryAction.is-open .SelectPlaceholder {
  border-color: #566B76;
}
.Select--primaryAction.is-open .Select-content {
  border-color: #566B76;
}
.Select--secondaryAction .SelectOption--parent > .SelectOption-item:hover {
  background: rgba(179, 179, 179, 0.15);
}
.Select--secondaryAction .SelectOption--child > .SelectOption-item:hover {
  background: rgba(179, 179, 179, 0.15);
}
.Select--secondaryAction .SelectOption--child.is-selected > .SelectOption-item {
  background: rgba(179, 179, 179, 0.15);
}
.Select--secondaryAction .SelectOption.is-expanded > .SelectOption-item {
  background: #b3b3b3;
  color: #fff;
}
.Select--secondaryAction .SelectOption.is-expanded > .SelectOption-item .Icon {
  color: #fff;
  border-color: #fff;
}
.Select--secondaryAction .SelectOption.is-expanded > .SelectOption-item .Icon .SVGImage-svg path {
  fill: #fff;
}
.Select--secondaryAction .SelectOption.is-expanded > .SelectOption-item:after {
  color: #fff;
}
.Select--secondaryAction .SelectOption.is-expanded > .SelectOption-children {
  background: rgba(179, 179, 179, 0.05);
}
.Select--secondaryAction .SelectOption.is-expanded > .SelectOption-children .SelectOption-item {
  border-bottom: 1px solid #fff;
}
.Select--secondaryAction .SelectOption.is-expanded > .SelectOption-children .SelectOption-item:hover {
  background: rgba(179, 179, 179, 0.15);
}
.Select--secondaryAction .SelectOption-item .Icon .SVGImage-svg path {
  fill: #b3b3b3;
}
.Select--secondaryAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:focus,
.Select--secondaryAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:hover {
  color: #fff;
}
.Select--secondaryAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item .Checkbox:hover .Checkbox-text {
  color: #fff;
}
.Select--secondaryAction.is-open .SelectPlaceholder {
  border-color: #b3b3b3;
}
.Select--secondaryAction.is-open .Select-content {
  border-color: #b3b3b3;
}
.Select--brandAction .SelectOption--parent > .SelectOption-item:hover {
  background: rgba(233, 89, 73, 0.15);
}
.Select--brandAction .SelectOption--child > .SelectOption-item:hover {
  background: rgba(233, 89, 73, 0.15);
}
.Select--brandAction .SelectOption--child.is-selected > .SelectOption-item {
  background: rgba(233, 89, 73, 0.15);
}
.Select--brandAction .SelectOption.is-expanded > .SelectOption-item {
  background: #E95949;
  color: #fff;
}
.Select--brandAction .SelectOption.is-expanded > .SelectOption-item .Icon {
  color: #fff;
  border-color: #fff;
}
.Select--brandAction .SelectOption.is-expanded > .SelectOption-item .Icon .SVGImage-svg path {
  fill: #fff;
}
.Select--brandAction .SelectOption.is-expanded > .SelectOption-item:after {
  color: #fff;
}
.Select--brandAction .SelectOption.is-expanded > .SelectOption-children {
  background: rgba(233, 89, 73, 0.05);
}
.Select--brandAction .SelectOption.is-expanded > .SelectOption-children .SelectOption-item {
  border-bottom: 1px solid #fff;
}
.Select--brandAction .SelectOption.is-expanded > .SelectOption-children .SelectOption-item:hover {
  background: rgba(233, 89, 73, 0.15);
}
.Select--brandAction .SelectOption-item .Icon .SVGImage-svg path {
  fill: #E95949;
}
.Select--brandAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:focus,
.Select--brandAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:hover {
  color: #fff;
}
.Select--brandAction .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item .Checkbox:hover .Checkbox-text {
  color: #fff;
}
.Select--brandAction.is-open .SelectPlaceholder {
  border-color: #E95949;
}
.Select--brandAction.is-open .Select-content {
  border-color: #E95949;
}
.Select--info .SelectOption--parent > .SelectOption-item:hover {
  background: rgba(98, 189, 208, 0.15);
}
.Select--info .SelectOption--child > .SelectOption-item:hover {
  background: rgba(98, 189, 208, 0.15);
}
.Select--info .SelectOption--child.is-selected > .SelectOption-item {
  background: rgba(98, 189, 208, 0.15);
}
.Select--info .SelectOption.is-expanded > .SelectOption-item {
  background: #62BDD0;
  color: #fff;
}
.Select--info .SelectOption.is-expanded > .SelectOption-item .Icon {
  color: #fff;
  border-color: #fff;
}
.Select--info .SelectOption.is-expanded > .SelectOption-item .Icon .SVGImage-svg path {
  fill: #fff;
}
.Select--info .SelectOption.is-expanded > .SelectOption-item:after {
  color: #fff;
}
.Select--info .SelectOption.is-expanded > .SelectOption-children {
  background: rgba(98, 189, 208, 0.05);
}
.Select--info .SelectOption.is-expanded > .SelectOption-children .SelectOption-item {
  border-bottom: 1px solid #fff;
}
.Select--info .SelectOption.is-expanded > .SelectOption-children .SelectOption-item:hover {
  background: rgba(98, 189, 208, 0.15);
}
.Select--info .SelectOption-item .Icon .SVGImage-svg path {
  fill: #62BDD0;
}
.Select--info .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:focus,
.Select--info .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:hover {
  color: #fff;
}
.Select--info .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item .Checkbox:hover .Checkbox-text {
  color: #fff;
}
.Select--info.is-open .SelectPlaceholder {
  border-color: #62BDD0;
}
.Select--info.is-open .Select-content {
  border-color: #62BDD0;
}
.Select--neutral .SelectOption--parent > .SelectOption-item:hover {
  background: rgba(153, 122, 182, 0.15);
}
.Select--neutral .SelectOption--child > .SelectOption-item:hover {
  background: rgba(153, 122, 182, 0.15);
}
.Select--neutral .SelectOption--child.is-selected > .SelectOption-item {
  background: rgba(153, 122, 182, 0.15);
}
.Select--neutral .SelectOption.is-expanded > .SelectOption-item {
  background: #997AB6;
  color: #fff;
}
.Select--neutral .SelectOption.is-expanded > .SelectOption-item .Icon {
  color: #fff;
  border-color: #fff;
}
.Select--neutral .SelectOption.is-expanded > .SelectOption-item .Icon .SVGImage-svg path {
  fill: #fff;
}
.Select--neutral .SelectOption.is-expanded > .SelectOption-item:after {
  color: #fff;
}
.Select--neutral .SelectOption.is-expanded > .SelectOption-children {
  background: rgba(153, 122, 182, 0.05);
}
.Select--neutral .SelectOption.is-expanded > .SelectOption-children .SelectOption-item {
  border-bottom: 1px solid #fff;
}
.Select--neutral .SelectOption.is-expanded > .SelectOption-children .SelectOption-item:hover {
  background: rgba(153, 122, 182, 0.15);
}
.Select--neutral .SelectOption-item .Icon .SVGImage-svg path {
  fill: #997AB6;
}
.Select--neutral .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:focus,
.Select--neutral .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:hover {
  color: #fff;
}
.Select--neutral .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item .Checkbox:hover .Checkbox-text {
  color: #fff;
}
.Select--neutral.is-open .SelectPlaceholder {
  border-color: #997AB6;
}
.Select--neutral.is-open .Select-content {
  border-color: #997AB6;
}
.Select--warning .SelectOption--parent > .SelectOption-item:hover {
  background: rgba(254, 183, 52, 0.15);
}
.Select--warning .SelectOption--child > .SelectOption-item:hover {
  background: rgba(254, 183, 52, 0.15);
}
.Select--warning .SelectOption--child.is-selected > .SelectOption-item {
  background: rgba(254, 183, 52, 0.15);
}
.Select--warning .SelectOption.is-expanded > .SelectOption-item {
  background: #FEB734;
  color: #fff;
}
.Select--warning .SelectOption.is-expanded > .SelectOption-item .Icon {
  color: #fff;
  border-color: #fff;
}
.Select--warning .SelectOption.is-expanded > .SelectOption-item .Icon .SVGImage-svg path {
  fill: #fff;
}
.Select--warning .SelectOption.is-expanded > .SelectOption-item:after {
  color: #fff;
}
.Select--warning .SelectOption.is-expanded > .SelectOption-children {
  background: rgba(254, 183, 52, 0.05);
}
.Select--warning .SelectOption.is-expanded > .SelectOption-children .SelectOption-item {
  border-bottom: 1px solid #fff;
}
.Select--warning .SelectOption.is-expanded > .SelectOption-children .SelectOption-item:hover {
  background: rgba(254, 183, 52, 0.15);
}
.Select--warning .SelectOption-item .Icon .SVGImage-svg path {
  fill: #FEB734;
}
.Select--warning .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:focus,
.Select--warning .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:hover {
  color: #fff;
}
.Select--warning .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item .Checkbox:hover .Checkbox-text {
  color: #fff;
}
.Select--warning.is-open .SelectPlaceholder {
  border-color: #FEB734;
}
.Select--warning.is-open .Select-content {
  border-color: #FEB734;
}
.Select--positive .SelectOption--parent > .SelectOption-item:hover {
  background: rgba(136, 188, 118, 0.15);
}
.Select--positive .SelectOption--child > .SelectOption-item:hover {
  background: rgba(136, 188, 118, 0.15);
}
.Select--positive .SelectOption--child.is-selected > .SelectOption-item {
  background: rgba(136, 188, 118, 0.15);
}
.Select--positive .SelectOption.is-expanded > .SelectOption-item {
  background: #88BC76;
  color: #fff;
}
.Select--positive .SelectOption.is-expanded > .SelectOption-item .Icon {
  color: #fff;
  border-color: #fff;
}
.Select--positive .SelectOption.is-expanded > .SelectOption-item .Icon .SVGImage-svg path {
  fill: #fff;
}
.Select--positive .SelectOption.is-expanded > .SelectOption-item:after {
  color: #fff;
}
.Select--positive .SelectOption.is-expanded > .SelectOption-children {
  background: rgba(136, 188, 118, 0.05);
}
.Select--positive .SelectOption.is-expanded > .SelectOption-children .SelectOption-item {
  border-bottom: 1px solid #fff;
}
.Select--positive .SelectOption.is-expanded > .SelectOption-children .SelectOption-item:hover {
  background: rgba(136, 188, 118, 0.15);
}
.Select--positive .SelectOption-item .Icon .SVGImage-svg path {
  fill: #88BC76;
}
.Select--positive .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:focus,
.Select--positive .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:hover {
  color: #fff;
}
.Select--positive .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item .Checkbox:hover .Checkbox-text {
  color: #fff;
}
.Select--positive.is-open .SelectPlaceholder {
  border-color: #88BC76;
}
.Select--positive.is-open .Select-content {
  border-color: #88BC76;
}
.Select--negative .SelectOption--parent > .SelectOption-item:hover {
  background: rgba(239, 127, 67, 0.15);
}
.Select--negative .SelectOption--child > .SelectOption-item:hover {
  background: rgba(239, 127, 67, 0.15);
}
.Select--negative .SelectOption--child.is-selected > .SelectOption-item {
  background: rgba(239, 127, 67, 0.15);
}
.Select--negative .SelectOption.is-expanded > .SelectOption-item {
  background: #EF7F43;
  color: #fff;
}
.Select--negative .SelectOption.is-expanded > .SelectOption-item .Icon {
  color: #fff;
  border-color: #fff;
}
.Select--negative .SelectOption.is-expanded > .SelectOption-item .Icon .SVGImage-svg path {
  fill: #fff;
}
.Select--negative .SelectOption.is-expanded > .SelectOption-item:after {
  color: #fff;
}
.Select--negative .SelectOption.is-expanded > .SelectOption-children {
  background: rgba(239, 127, 67, 0.05);
}
.Select--negative .SelectOption.is-expanded > .SelectOption-children .SelectOption-item {
  border-bottom: 1px solid #fff;
}
.Select--negative .SelectOption.is-expanded > .SelectOption-children .SelectOption-item:hover {
  background: rgba(239, 127, 67, 0.15);
}
.Select--negative .SelectOption-item .Icon .SVGImage-svg path {
  fill: #EF7F43;
}
.Select--negative .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:focus,
.Select--negative .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item:hover {
  color: #fff;
}
.Select--negative .SelectOption--clickable.is-expanded.SelectOption--parent > .SelectOption-item .Checkbox:hover .Checkbox-text {
  color: #fff;
}
.Select--negative.is-open .SelectPlaceholder {
  border-color: #EF7F43;
}
.Select--negative.is-open .Select-content {
  border-color: #EF7F43;
}
.Select--central .Select-names {
  justify-content: center;
}
.Select--block {
  width: 100%;
}
.Select--floating .Select-text {
  display: inline;
}
.Select--floating .Select-content {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  width: auto;
  top: -1px;
}
.Select--grid .Select-options {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
  flex-flow: row wrap;
}
.Select--grid .Select-options:before,
.Select--grid .Select-options:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.Select--grid .Select-options *:before,
.Select--grid .Select-options *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.Select--grid .Select-options .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.Select--grid .Select-options.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.Select--grid .SelectOption {
  margin: 0;
}
.Select--grid.Select--2 .SelectOption {
  flex: 0 0 50%;
}
.Select--grid.Select--2 .SelectOption:nth-child(2n + 2) .SelectOption-item {
  border-right: 0;
}
.Select--grid.Select--3 .SelectOption {
  flex: 0 0 33.33333333%;
}
.Select--grid.Select--3 .SelectOption:nth-child(3n + 3) .SelectOption-item {
  border-right: 0;
}
.Select--grid.Select--4 .SelectOption {
  flex: 0 0 25%;
}
.Select--grid.Select--4 .SelectOption:nth-child(4n + 4) .SelectOption-item {
  border-right: 0;
}
.Select--grid .SelectOption-item {
  padding: 4px 0 !important;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.Select--short .Select-options {
  max-height: 180px;
}
.Select--tall:not(.Select--bottomUp) .Select-options {
  max-height: 400px;
}
.Select--inside .Select-names {
  margin: 0;
  padding: 4px 6px;
  border-bottom: 1px solid #e6e6e6;
}
.Select--multi .SelectOption--clickable.SelectOption--icon .Checkbox:not(.is-checked):not(.is-partial) .Checkbox-icon {
  display: none;
}
.Select--multi .SelectOption--clickable.SelectOption--icon .Checkbox:not(.is-checked):not(.is-partial) .Checkbox-label:hover .Checkbox-icon {
  display: block;
}
.Select--multi .SelectOption--clickable.SelectOption--icon .Checkbox:not(.is-checked):not(.is-partial) .Checkbox-label:hover .SelectOption-icon {
  display: none;
}
.Select--multi .SelectOption--clickable.SelectOption--icon .Checkbox:not(.is-checked):not(.is-partial) .Checkbox-label::touchstart .Checkbox-icon {
  display: block;
}
.Select--multi .SelectOption--clickable.SelectOption--icon .Checkbox:not(.is-checked):not(.is-partial) .Checkbox-label::touchstart .SelectOption-icon {
  display: none;
}
.Select--multi .SelectOption--clickable.SelectOption--icon .Checkbox.is-checked .SelectOption-icon,
.Select--multi .SelectOption--clickable.SelectOption--icon .Checkbox.is-partial .SelectOption-icon {
  display: none;
}
.Select--bottomUp .Select-content {
  top: auto;
  bottom: 24px;
}
.Select--bottomUp.is-open .Select-content {
  box-shadow: 0 -6px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px 3px 0 0;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.CategorySelect {
  position: relative;
  display: inline-block;
}
.CategorySelect-showAllButton.Button {
  display: none;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: 0 24px;
  border-top: 1px solid #e6e6e6;
}
.CategorySelect-names {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -4px;
}
.CategorySelect-item {
  margin: 0 4px 6px 4px;
  line-height: 30px;
}
.CategorySelect-item-button {
  font-size: 10px;
  border-color: #e6e6e6 !important;
  color: #4d4d4d !important;
}
.CategorySelect-item-button .Icon {
  font-size: 8px;
  line-height: 8px !important;
  font-weight: bold !important;
}
.CategorySelect .Select-customHeader {
  border-bottom: 1px solid #e6e6e6;
}
.CategorySelect-customHeader {
  padding: 0;
}
.CategorySelect-customHeader--both .CategorySelect-contexts {
  border-bottom: 1px solid #e6e6e6;
}
.CategorySelect-contexts {
  padding: 12px 12px;
}
.CategorySelect-cultures {
  padding: 12px 12px;
}
/* Modifiers
 ------------------------------------------------------------ */
.CategorySelect--inline {
  display: block;
}
.CategorySelect--inline .Select {
  display: block;
}
.CategorySelect--inline .Select-placeholder {
  display: none;
}
.CategorySelect--inline .Select-content {
  position: static;
  background: transparent;
  left: auto;
  z-index: 0;
  border-radius: 0;
  width: auto;
  margin-top: 0;
  box-shadow: none;
}
.CategorySelect--block {
  display: block;
}
.CategorySelect--detected .CategorySelect-showAllButton {
  display: block;
}
.CategorySelect--grid {
  display: block;
}
.CategorySelect--central .CategorySelect-names {
  justify-content: center;
}
.CategorySelect--xs .CategorySelect-item,
.CategorySelect--sm .CategorySelect-item {
  line-height: 20px;
}
.CategorySelect--xs .CategorySelect-item-button,
.CategorySelect--sm .CategorySelect-item-button {
  line-height: 20px;
  padding: 2px 6px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Checkbox {
  display: inline-block;
  margin: 0 12px 0 0;
  position: relative;
  font-size: 14px;
}
.Checkbox .Checkbox-input:checked + .Checkbox-icon {
  background: #566B76;
  border-color: #566B76;
}
.Checkbox .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox:hover .Checkbox-icon {
  border-color: #566B76;
}
.Checkbox.Checkbox.is-partial .Checkbox-icon,
.Checkbox.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #566B76;
}
.Checkbox .Checkbox-text {
  font-size: 14px;
}
.Checkbox:not(.Checkbox--multiline) .Checkbox-text {
  line-height: 48px;
}
.Checkbox:not(.Checkbox--multiline) .Checkbox-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Descendents
------------------------------------------------------------ */
.Checkbox-text {
  padding-left: 12px;
  display: block;
}
.Checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.Checkbox-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.Checkbox-input {
  position: absolute;
  left: -9999px;
  width: 18px;
  height: 18px;
}
.Checkbox-input:checked + .Checkbox-icon:after {
  opacity: 1;
}
.Checkbox-input:focus + .Checkbox-icon {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Checkbox-icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  background-color: #ffffff;
  border: 2px solid #cccccc;
  border-radius: 6px;
  box-sizing: border-box;
}
.Checkbox-icon:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 6px;
  border: 3px solid #4d4d4d;
  border-top: none;
  border-right: none;
  box-sizing: border-box;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
  top: 3px;
  left: 2px;
}
/* Modifiers
 ------------------------------------------------------------ */
.Checkbox.is-partial:not(.is-checked) .Checkbox-icon:after {
  opacity: 1;
  border-left: none;
  width: 9px;
  top: 4px;
  transform: rotate(0);
}
.Checkbox--info .Checkbox-input:checked + .Checkbox-icon {
  background: #62BDD0;
  border-color: #62BDD0;
}
.Checkbox--info .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox--info:hover .Checkbox-icon {
  border-color: #62BDD0;
}
.Checkbox--info.Checkbox.is-partial .Checkbox-icon,
.Checkbox--info.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #62BDD0;
}
.Checkbox--neutral .Checkbox-input:checked + .Checkbox-icon {
  background: #997AB6;
  border-color: #997AB6;
}
.Checkbox--neutral .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox--neutral:hover .Checkbox-icon {
  border-color: #997AB6;
}
.Checkbox--neutral.Checkbox.is-partial .Checkbox-icon,
.Checkbox--neutral.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #997AB6;
}
.Checkbox--warning .Checkbox-input:checked + .Checkbox-icon {
  background: #FEB734;
  border-color: #FEB734;
}
.Checkbox--warning .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox--warning:hover .Checkbox-icon {
  border-color: #FEB734;
}
.Checkbox--warning.Checkbox.is-partial .Checkbox-icon,
.Checkbox--warning.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #FEB734;
}
.Checkbox--positive .Checkbox-input:checked + .Checkbox-icon {
  background: #88BC76;
  border-color: #88BC76;
}
.Checkbox--positive .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox--positive:hover .Checkbox-icon {
  border-color: #88BC76;
}
.Checkbox--positive.Checkbox.is-partial .Checkbox-icon,
.Checkbox--positive.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #88BC76;
}
.Checkbox--negative .Checkbox-input:checked + .Checkbox-icon {
  background: #EF7F43;
  border-color: #EF7F43;
}
.Checkbox--negative .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox--negative:hover .Checkbox-icon {
  border-color: #EF7F43;
}
.Checkbox--negative.Checkbox.is-partial .Checkbox-icon,
.Checkbox--negative.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #EF7F43;
}
.Checkbox--error .Checkbox-icon {
  border-color: #EF7F43;
}
.Checkbox--error .Checkbox-text {
  color: #EF7F43;
}
.Checkbox--primaryAction .Checkbox-input:checked + .Checkbox-icon {
  background: #566B76;
  border-color: #566B76;
}
.Checkbox--primaryAction .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox--primaryAction:hover .Checkbox-icon {
  border-color: #566B76;
}
.Checkbox--primaryAction.Checkbox.is-partial .Checkbox-icon,
.Checkbox--primaryAction.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #566B76;
}
.Checkbox--secondaryAction .Checkbox-input:checked + .Checkbox-icon {
  background: #b3b3b3;
  border-color: #b3b3b3;
}
.Checkbox--secondaryAction .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox--secondaryAction:hover .Checkbox-icon {
  border-color: #b3b3b3;
}
.Checkbox--secondaryAction.Checkbox.is-partial .Checkbox-icon,
.Checkbox--secondaryAction.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #b3b3b3;
}
.Checkbox--brandAction .Checkbox-input:checked + .Checkbox-icon {
  background: #E95949;
  border-color: #E95949;
}
.Checkbox--brandAction .Checkbox-icon:after {
  border-color: #ffffff;
}
.Checkbox--brandAction:hover .Checkbox-icon {
  border-color: #E95949;
}
.Checkbox--brandAction.Checkbox.is-partial .Checkbox-icon,
.Checkbox--brandAction.Checkbox.is-partial .Checkbox-icon:after {
  border-color: #E95949;
}
.Checkbox--block {
  display: block;
  width: 100%;
}
.Checkbox--forms .Checkbox-wrapper {
  border-color: #b3b3b3;
}
.Checkbox--xs {
  font-size: 12px;
}
.Checkbox--xs .Checkbox-text {
  font-size: 12px;
}
.Checkbox--xs:not(.Checkbox--multiline) .Checkbox-text {
  line-height: 36px;
}
.Checkbox--sm {
  font-size: 12px;
}
.Checkbox--sm .Checkbox-text {
  font-size: 12px;
}
.Checkbox--sm:not(.Checkbox--multiline) .Checkbox-text {
  line-height: 42px;
}
.Checkbox--lg {
  font-size: 14px;
}
.Checkbox--lg .Checkbox-text {
  font-size: 14px;
}
.Checkbox--lg:not(.Checkbox--multiline) .Checkbox-text {
  line-height: 54px;
}
.Checkbox--xl {
  font-size: 14px;
}
.Checkbox--xl .Checkbox-text {
  font-size: 14px;
}
.Checkbox--xl:not(.Checkbox--multiline) .Checkbox-text {
  line-height: 60px;
}
.Checkbox--clean {
  margin: 0;
}
.Checkbox--multiline .Checkbox-text {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-height: 18px !important;
  /* fallback */
  max-height: 36px;
  margin: 6px 0;
}
/* States
 ------------------------------------------------------------ */
.Checkbox.is-disabled .Checkbox-icon {
  background: #e6e6e6;
}
.Checkbox.is-disabled .Checkbox-icon,
.Checkbox.is-disabled .Checkbox-text,
.Checkbox.is-disabled .Checkbox-label {
  cursor: not-allowed;
  color: #b3b3b3;
}
.Checkbox.is-readonly input {
  pointer-events: none;
}
.Checkbox.is-readonly .Checkbox-icon,
.Checkbox.is-readonly .Checkbox-text,
.Checkbox.is-readonly .Checkbox-label {
  cursor: not-allowed;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SelectedValue {
  margin: 0;
  line-height: 30px;
  max-width: calc(100% - 8px);
  display: inline-block;
}
.SelectedValue-button {
  font-size: 10px;
  border-color: #e6e6e6 !important;
  color: #4d4d4d !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 12px;
}
.SelectedValue-button .Button-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SelectedValue-button .Icon.Button-icon {
  font-size: 10px !important;
  line-height: 10px !important;
  font-weight: bold !important;
}
.SelectedValue--sm .SelectedValue-button,
.SelectedValue--xs .SelectedValue-button {
  line-height: 24px;
  height: 24px;
  padding: 0 6px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SelectedValueList {
  padding: 12px 6px;
  position: sticky;
  bottom: 0;
}
.SelectedValueList-title {
  padding: 0 6px;
  margin: 0;
}
.SelectedValueList-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.SelectedValueList-list .SelectedValue {
  margin: 6px 6px 0 0;
}
.SelectedValueList--inside .SelectedValue-button {
  background: #efefef;
  border-color: #efefef !important;
}
.SelectedValueList--inside .SelectedValue-button:hover,
.SelectedValueList--inside .SelectedValue-button:focus {
  background: #e2e2e2;
}
.SelectedValueList--outside {
  position: static;
  padding: 12px 0;
}
.SelectedValueList--placeholder {
  padding: 0;
  position: relative;
  bottom: auto;
  white-space: nowrap;
}
.SelectedValueList--placeholder:after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 10px;
  height: 24px;
  background-image: linear-gradient(to right, transparent, white);
  pointer-events: none;
}
.SelectedValueList--placeholder .SelectedValueList-list {
  display: block;
}
.SelectedValueList--placeholder .SelectedValueList-list .SelectedValue {
  margin-top: 0;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.CurrencySpinner .CurrencyInput {
  width: 150px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
}
.CurrencySpinner .CurrencyInput-input {
  text-align: center;
  font-size: 20px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.ColorBox {
  display: inline-block;
  background: #e6e6e6;
  border-radius: 0px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  line-height: 14px;
}
.ColorBox.ColorBox--primary {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.ColorBox.ColorBox--primary.ColorBox--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.ColorBox.ColorBox--primary.ColorBox--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.ColorBox.ColorBox--primary.ColorBox--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.ColorBox.ColorBox--primary.ColorBox--split {
  background: linear-gradient(135deg, #62BDD0 0, #62BDD0 49%, #fff 49%, #fff 51%, #359bb1 51%, #359bb1 100%);
}
.ColorBox.ColorBox--secondary {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.ColorBox.ColorBox--secondary.ColorBox--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.ColorBox.ColorBox--secondary.ColorBox--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.ColorBox.ColorBox--secondary.ColorBox--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.ColorBox.ColorBox--secondary.ColorBox--split {
  background: linear-gradient(135deg, #566B76 0, #566B76 49%, #fff 49%, #fff 51%, #36434a 51%, #36434a 100%);
}
.ColorBox.ColorBox--tertiary {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.ColorBox.ColorBox--tertiary.ColorBox--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.ColorBox.ColorBox--tertiary.ColorBox--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.ColorBox.ColorBox--tertiary.ColorBox--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.ColorBox.ColorBox--tertiary.ColorBox--split {
  background: linear-gradient(135deg, #997AB6 0, #997AB6 49%, #fff 49%, #fff 51%, #735193 51%, #735193 100%);
}
.ColorBox.ColorBox--success {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.ColorBox.ColorBox--success.ColorBox--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.ColorBox.ColorBox--success.ColorBox--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.ColorBox.ColorBox--success.ColorBox--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.ColorBox.ColorBox--success.ColorBox--split {
  background: linear-gradient(135deg, #88BC76 0, #88BC76 49%, #fff 49%, #fff 51%, #609a4b 51%, #609a4b 100%);
}
.ColorBox.ColorBox--danger {
  background-color: #EF7F43;
  color: #ffffff;
  border-color: #EF7F43;
}
.ColorBox.ColorBox--danger.ColorBox--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.ColorBox.ColorBox--danger.ColorBox--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.ColorBox.ColorBox--danger.ColorBox--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.ColorBox.ColorBox--danger.ColorBox--split {
  background: linear-gradient(135deg, #EF7F43 0, #EF7F43 49%, #fff 49%, #fff 51%, #d35512 51%, #d35512 100%);
}
.ColorBox.ColorBox--info {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.ColorBox.ColorBox--info.ColorBox--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.ColorBox.ColorBox--info.ColorBox--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.ColorBox.ColorBox--info.ColorBox--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.ColorBox.ColorBox--info.ColorBox--split {
  background: linear-gradient(135deg, #62BDD0 0, #62BDD0 49%, #fff 49%, #fff 51%, #359bb1 51%, #359bb1 100%);
}
.ColorBox.ColorBox--positive {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.ColorBox.ColorBox--positive.ColorBox--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.ColorBox.ColorBox--positive.ColorBox--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.ColorBox.ColorBox--positive.ColorBox--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.ColorBox.ColorBox--positive.ColorBox--split {
  background: linear-gradient(135deg, #88BC76 0, #88BC76 49%, #fff 49%, #fff 51%, #609a4b 51%, #609a4b 100%);
}
.ColorBox.ColorBox--warning {
  background-color: #FEB734;
  color: #4d4d4d;
  border-color: #FEB734;
}
.ColorBox.ColorBox--warning.ColorBox--xlight {
  background-color: #ffedcc;
  color: #4d4d4d;
}
.ColorBox.ColorBox--warning.ColorBox--light {
  background-color: #ffdb9a;
  color: #4d4d4d;
}
.ColorBox.ColorBox--warning.ColorBox--dark {
  background-color: #b27301;
  color: #ffffff;
  border-color: #b27301;
}
.ColorBox.ColorBox--warning.ColorBox--split {
  background: linear-gradient(135deg, #FEB734 0, #FEB734 49%, #fff 49%, #fff 51%, #e49401 51%, #e49401 100%);
}
.ColorBox.ColorBox--negative {
  background-color: #EF7F43;
  color: #4d4d4d;
  border-color: #EF7F43;
}
.ColorBox.ColorBox--negative.ColorBox--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.ColorBox.ColorBox--negative.ColorBox--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.ColorBox.ColorBox--negative.ColorBox--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.ColorBox.ColorBox--negative.ColorBox--split {
  background: linear-gradient(135deg, #EF7F43 0, #EF7F43 49%, #fff 49%, #fff 51%, #d35512 51%, #d35512 100%);
}
.ColorBox.ColorBox--negative.ColorBox--normal {
  font-weight: bold;
}
.ColorBox.ColorBox--neutral {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.ColorBox.ColorBox--neutral.ColorBox--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.ColorBox.ColorBox--neutral.ColorBox--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.ColorBox.ColorBox--neutral.ColorBox--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.ColorBox.ColorBox--neutral.ColorBox--split {
  background: linear-gradient(135deg, #997AB6 0, #997AB6 49%, #fff 49%, #fff 51%, #735193 51%, #735193 100%);
}
.ColorBox.ColorBox--primaryBrand {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.ColorBox.ColorBox--primaryBrand.ColorBox--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.ColorBox.ColorBox--primaryBrand.ColorBox--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.ColorBox.ColorBox--primaryBrand.ColorBox--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.ColorBox.ColorBox--primaryBrand.ColorBox--split {
  background: linear-gradient(135deg, #E95949 0, #E95949 49%, #fff 49%, #fff 51%, #cd2b19 51%, #cd2b19 100%);
}
.ColorBox.ColorBox--secondaryBrand {
  background-color: #4B5E68;
  color: #ffffff;
  border-color: #4B5E68;
}
.ColorBox.ColorBox--secondaryBrand.ColorBox--xlight {
  background-color: #98aab4;
  color: #4d4d4d;
}
.ColorBox.ColorBox--secondaryBrand.ColorBox--light {
  background-color: #7a929f;
  color: #4d4d4d;
}
.ColorBox.ColorBox--secondaryBrand.ColorBox--dark {
  background-color: #161b1e;
  color: #ffffff;
  border-color: #161b1e;
}
.ColorBox.ColorBox--secondaryBrand.ColorBox--split {
  background: linear-gradient(135deg, #4B5E68 0, #4B5E68 49%, #fff 49%, #fff 51%, #2b363c 51%, #2b363c 100%);
}
.ColorBox.ColorBox--tertiaryBrand {
  background-color: #F4F4F0;
  color: #4d4d4d;
  border-color: #F4F4F0;
}
.ColorBox.ColorBox--tertiaryBrand.ColorBox--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.ColorBox.ColorBox--tertiaryBrand.ColorBox--light {
  background-color: #ffffff;
  color: #4d4d4d;
}
.ColorBox.ColorBox--tertiaryBrand.ColorBox--dark {
  background-color: #bebea6;
  color: #4d4d4d;
  border-color: #bebea6;
}
.ColorBox.ColorBox--tertiaryBrand.ColorBox--split {
  background: linear-gradient(135deg, #F4F4F0 0, #F4F4F0 49%, #fff 49%, #fff 51%, #d4d4c4 51%, #d4d4c4 100%);
}
.ColorBox.ColorBox--primaryAction {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.ColorBox.ColorBox--primaryAction.ColorBox--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.ColorBox.ColorBox--primaryAction.ColorBox--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.ColorBox.ColorBox--primaryAction.ColorBox--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.ColorBox.ColorBox--primaryAction.ColorBox--split {
  background: linear-gradient(135deg, #566B76 0, #566B76 49%, #fff 49%, #fff 51%, #36434a 51%, #36434a 100%);
}
.ColorBox.ColorBox--brandAction {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.ColorBox.ColorBox--brandAction.ColorBox--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.ColorBox.ColorBox--brandAction.ColorBox--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.ColorBox.ColorBox--brandAction.ColorBox--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.ColorBox.ColorBox--brandAction.ColorBox--split {
  background: linear-gradient(135deg, #E95949 0, #E95949 49%, #fff 49%, #fff 51%, #cd2b19 51%, #cd2b19 100%);
}
.ColorBox.ColorBox--secondaryAction {
  background-color: #b3b3b3;
  color: #ffffff;
  border-color: #b3b3b3;
}
.ColorBox.ColorBox--secondaryAction.ColorBox--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.ColorBox.ColorBox--secondaryAction.ColorBox--light {
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.ColorBox.ColorBox--secondaryAction.ColorBox--dark {
  background-color: #737373;
  color: #ffffff;
  border-color: #737373;
}
.ColorBox.ColorBox--secondaryAction.ColorBox--split {
  background: linear-gradient(135deg, #b3b3b3 0, #b3b3b3 49%, #fff 49%, #fff 51%, #8d8d8d 51%, #8d8d8d 100%);
}
/* Modifiers
------------------------------------------------------------ */
.ColorBox--custom {
  background-color: var(--color);
}
.ColorBox--size {
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
}
.ColorBox--stripes:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAK0lEQVQYV2P8////f0ZGRkYGKADzYRwQDRIA0SgqwAIwbXAVUGMY0QVAqgGzDxf+fIja2gAAAABJRU5ErkJggg==) repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ColorBox--round {
  border-radius: 6px;
}
.ColorBox--circle {
  border-radius: 50%;
}
.ColorBox--xxs {
  width: 8px;
  height: 8px;
  line-height: 8px;
}
.ColorBox--xs {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ColorBox--sm {
  width: 12px;
  height: 12px;
  line-height: 12px;
}
.ColorBox--lg {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.ColorBox--xl {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.ColorBox--xxl {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
/* States
------------------------------------------------------------ */
.ColorBox.is-disabled {
  opacity: 0.2;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.GraphLegend {
  display: inline-block;
  position: relative;
}
.GraphLegend-container {
  display: flex;
  align-items: center;
}
.GraphLegend--hasTitleAndValue .GraphLegend-container {
  align-items: baseline;
}
.GraphLegend--right {
  padding-right: 24px;
}
.GraphLegend--right .GraphLegend-container {
  justify-content: right;
}
.GraphLegend--right .GraphLegend-text {
  text-align: right;
}
.GraphLegend--right .GraphLegend-color {
  right: 0;
}
.GraphLegend--left {
  padding-left: 24px;
}
.GraphLegend--left .GraphLegend-container {
  justify-content: left;
}
.GraphLegend--left .GraphLegend-text {
  text-align: left;
}
.GraphLegend--left .GraphLegend-color {
  left: 0;
}
.GraphLegend--upper .GraphLegend-text {
  text-transform: uppercase;
}
.GraphLegend-color.ColorBox {
  position: absolute;
  top: 3px;
}
.GraphLegend-text {
  font-size: 12px;
  display: inline-block;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.CompareChart {
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  padding-top: 12px;
}
.CompareChart .CompareChart-bars-inner {
  background-color: #4d4d4d;
}
.CompareChart.ResponsiveBox--sm.CompareChart--withLegend {
  padding-top: 60px;
}
.CompareChart.ResponsiveBox--sm.CompareChart--withLegend .CompareChart-legends {
  top: 0;
}
.CompareChart-bars {
  margin: 0 auto;
  position: relative;
  width: 140px;
  height: 100px;
}
.CompareChart-value-bars .CompareChart-shadow {
  right: 0;
}
.CompareChart-compare-bars .CompareChart-shadow {
  left: 0;
}
.CompareChart-bars-inner {
  z-index: 10;
  bottom: 0;
  position: absolute;
  width: 45%;
}
.CompareChart-bars-inner--value {
  left: 5%;
}
.CompareChart-bars-inner--value.CompareChart-bars-inner--smaller {
  left: 10%;
  width: 35%;
}
.CompareChart-bars-inner--value.CompareChart-bars-inner--bigger {
  left: 10%;
}
.CompareChart-bars-inner--value .CompareChart-shadow {
  right: 0;
}
.CompareChart-bars-inner--compare {
  right: 5%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAK0lEQVQYV2P8////f0ZGRkYGKADzYRwQDRIA0SgqwAIwbXAVUGMY0QVAqgGzDxf+fIja2gAAAABJRU5ErkJggg==) repeat;
}
.CompareChart-bars-inner--compare.CompareChart-bars-inner--smaller {
  right: 10%;
  width: 35%;
}
.CompareChart-bars-inner--compare.CompareChart-bars-inner--bigger {
  right: 10%;
}
.CompareChart-bars-inner--compare .CompareChart-shadow {
  left: 0;
}
.CompareChart-shadow {
  top: 0;
  bottom: 0;
  width: 5px;
  opacity: 0;
  background: #000;
  position: absolute;
}
.CompareChart-shadow-on {
  opacity: 0.1;
}
.CompareChart-shadow-off {
  opacity: 0;
}
.CompareChart-legends {
  position: absolute;
  top: 0;
  width: 100%;
}
.CompareChart-legends-value,
.CompareChart-legends-compare {
  display: inline-block;
  margin: 12px;
  position: absolute;
}
.CompareChart-legends-value {
  left: 0%;
}
.CompareChart-legends-compare {
  right: 0%;
}
.CompareChart--info .CompareChart-bars-inner {
  background-color: #62BDD0;
}
.CompareChart--positive .CompareChart-bars-inner {
  background-color: #88BC76;
}
.CompareChart--negative .CompareChart-bars-inner {
  background-color: #EF7F43;
}
.CompareChart--warning .CompareChart-bars-inner {
  background-color: #FEB734;
}
.CompareChart--neutral .CompareChart-bars-inner {
  background-color: #997AB6;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.CompareMultiChartDataTooltip {
  padding: 6px;
}
.CompareMultiChartDataTooltip-legend {
  font-size: 12px;
  position: relative;
  display: block;
  padding: 0 12px 0;
  margin-bottom: 12px;
}
.CompareMultiChartDataTooltip-legend:last-child {
  margin-bottom: 0;
}
.CompareMultiChartDataTooltip-legend:before {
  content: " ";
  width: 4px;
  height: 90%;
  top: 5%;
  background: #666666;
  position: absolute;
  left: 0;
}
.CompareMultiChartDataTooltip-legend--compare:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAK0lEQVQYV2P8////f0ZGRkYGKADzYRwQDRIA0SgqwAIwbXAVUGMY0QVAqgGzDxf+fIja2gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}
.CompareMultiChartDataTooltip-label {
  color: rgba(118, 118, 118, 0.5);
  font-weight: 400;
  margin-bottom: 3px;
}
.CompareMultiChartDataTooltip-value {
  color: #767676;
}
.CompareMultiChartDataTooltip--info .CompareMultiChartDataTooltip-legend:before {
  background-color: #62BDD0;
}
.CompareMultiChartDataTooltip--neutral .CompareMultiChartDataTooltip-legend:before {
  background-color: #997AB6;
}
.CompareMultiChartDataTooltip--negative .CompareMultiChartDataTooltip-legend:before {
  background-color: #EF7F43;
}
.CompareMultiChartDataTooltip--warning .CompareMultiChartDataTooltip-legend:before {
  background-color: #FEB734;
}
.CompareMultiChartDataTooltip--positive .CompareMultiChartDataTooltip-legend:before {
  background-color: #88BC76;
}
._stripes {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAK0lEQVQYV2P8////f0ZGRkYGKADzYRwQDRIA0SgqwAIwbXAVUGMY0QVAqgGzDxf+fIja2gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.CompareMultiChartItem {
  text-align: center;
  padding-bottom: 0;
  border-bottom: 1px solid #d8d8d8;
  position: relative;
  margin-bottom: 36px;
}
.CompareMultiChartItem-item {
  margin: 0 auto;
}
.CompareMultiChartItem-info .Tooltip-contentWrapper {
  margin-bottom: 15px;
}
.CompareMultiChartItem-info .Tooltip-content {
  background: white;
  border: 0;
  box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.125);
  border-radius: 3px;
  margin-top: -50px;
  text-align: left;
}
.CompareMultiChartItem-info .Tooltip-content .Caret:before {
  border-top-color: #cacac8;
}
.CompareMultiChartItem-info .Tooltip-content .Caret:after {
  border-top-color: #fff;
}
.CompareMultiChartItem-shadow {
  top: 0;
  bottom: 0;
  width: 5px;
  opacity: 0;
  background: #000;
  position: absolute;
}
.CompareMultiChartItem-shadow-on {
  opacity: 0.1;
}
.CompareMultiChartItem-shadow-off {
  opacity: 0;
}
.CompareMultiChartItem-bars {
  margin: 0 12px;
  position: relative;
  height: 100px;
}
.CompareMultiChartItem-bars:hover .CompareMultiChartItem-bars-inner {
  box-shadow: 2px 0px 2px 1px rgba(0, 0, 0, 0.085);
}
.CompareMultiChartItem-bars--value .CompareMultiChartItem-shadow {
  right: 0;
}
.CompareMultiChartItem-bars--compare .CompareMultiChartItem-shadow {
  left: 0;
}
.CompareMultiChartItem-bars-inner {
  z-index: 10;
  bottom: 0;
  position: absolute;
  width: 45%;
  right: 49%;
  left: auto;
  max-width: 60px;
  min-height: 1% !important;
}
.CompareMultiChartItem-bars-inner--compare {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAK0lEQVQYV2P8////f0ZGRkYGKADzYRwQDRIA0SgqwAIwbXAVUGMY0QVAqgGzDxf+fIja2gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  left: 49%;
  right: auto;
}
.CompareMultiChartItem-bars-inner--negative {
  bottom: -6px;
  height: 6px;
}
.CompareMultiChartItem-bars-inner--smaller {
  z-index: 9;
}
.CompareMultiChartItem-legend {
  width: 100%;
  position: absolute;
  right: 0;
  top: 100px;
  padding: 12px;
}
.CompareMultiChartItem-info {
  display: block;
}
.CompareMultiChartItem--info .CompareMultiChartItem-bars-inner {
  background-color: #62BDD0;
}
.CompareMultiChartItem--positive .CompareMultiChartItem-bars-inner {
  background-color: #88BC76;
}
.CompareMultiChartItem--negative .CompareMultiChartItem-bars-inner {
  background-color: #EF7F43;
}
.CompareMultiChartItem--warning .CompareMultiChartItem-bars-inner {
  background-color: #FEB734;
}
.CompareMultiChartItem--neutral .CompareMultiChartItem-bars-inner {
  background-color: #997AB6;
}
._stripes {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAK0lEQVQYV2P8////f0ZGRkYGKADzYRwQDRIA0SgqwAIwbXAVUGMY0QVAqgGzDxf+fIja2gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.CompareMultiChart {
  margin: 0 auto;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Variables
 ------------------------------------------------------------ */
/* Element
 ------------------------------------------------------------ */
.Confirmation {
  text-align: center;
  display: table;
  width: 100%;
  margin-top: 100px;
  /* Not used in the component itself, but can be used for children to achieve the same look everywhere */
  /* End not used */
}
.Popup .Confirmation {
  margin-top: 0;
}
.Confirmation-icon {
  margin-bottom: 36px;
}
.Confirmation-spinner {
  margin-bottom: 36px;
}
.Confirmation-message {
  margin-bottom: 24px;
  display: block;
}
.Confirmation-message--justify {
  text-align: justify;
}
.Confirmation-message--left {
  text-align: left;
}
.Confirmation-actions {
  padding: 0 24px;
}
.Confirmation-heading.Heading {
  margin: 0 0 60px 0;
}
/* Modifiers
------------------------------------------------------------ */
.Confirmation--info .Confirmation-content {
  color: #62BDD0;
}
.Confirmation--info .Confirmation-content .Icon {
  color: #62BDD0;
  border-color: #62BDD0;
}
.Confirmation--neutral .Confirmation-content {
  color: #997AB6;
}
.Confirmation--neutral .Confirmation-content .Icon {
  color: #997AB6;
  border-color: #997AB6;
}
.Confirmation--positive .Confirmation-content {
  color: #88BC76;
}
.Confirmation--positive .Confirmation-content .Icon {
  color: #88BC76;
  border-color: #88BC76;
}
.Confirmation--warning .Confirmation-content {
  color: #FEB734;
}
.Confirmation--warning .Confirmation-content .Icon {
  color: #FEB734;
  border-color: #FEB734;
}
.Confirmation--negative .Confirmation-content {
  color: #EF7F43;
}
.Confirmation--negative .Confirmation-content .Icon {
  color: #EF7F43;
  border-color: #EF7F43;
}
/* States
------------------------------------------------------------ */
.Confirmation.is-hidden {
  display: none;
}
.Confirmation.is-visibile {
  display: table;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Container
 ------------------------------------------------------------ */
.Container {
  /* Modifiers - should be styled in your app
	 ------------------------------------------------------------ */
  /* States
	 ------------------------------------------------------------ */
}
.Container .Container-body,
.Container .Container-header,
.Container .Container-content {
  margin: 0 auto;
  height: 100%;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.ContextMenu {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 6px;
}
.ContextMenu:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.ContextMenu-trigger {
  padding: 6px 12px;
  border-radius: 100%;
}
.ContextMenu .Caret {
  left: 18px;
}
.ContextMenu-label {
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
  line-height: 24px;
}
.ContextMenu-options {
  display: none;
  width: auto;
  min-width: 144px;
  position: absolute;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  z-index: 1;
  left: -6px;
  top: 36px;
}
.ContextMenu-options-item {
  padding: 0 12px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.ContextMenu-options-item:hover,
.ContextMenu-options-item.is-selected {
  cursor: pointer;
  background-color: #F4F4F0;
}
.ContextMenu-options-item-icon {
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
  line-height: 24px;
  height: 24px;
}
.ContextMenu-options-item-label {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
/* States
 ------------------------------------------------------------ */
.ContextMenu.is-open .ContextMenu-options {
  display: block;
}
/* Modifiers
 ------------------------------------------------------------ */
.ContextMenu .ContextMenu-label {
  color: #4B5E68;
}
.ContextMenu .ContextMenu-options {
  background-color: #4B5E68;
  border-color: #4B5E68;
  color: #fff;
}
.ContextMenu .ContextMenu-options .ContextMenu-options-item-icon {
  color: #fff;
}
.ContextMenu .ContextMenu-options-item:hover,
.ContextMenu .ContextMenu-options-item.is-selected {
  background-color: #607986;
}
.ContextMenu--right .ContextMenu-options {
  left: auto;
  right: -6px;
}
.ContextMenu--right .Caret {
  left: auto;
  right: 18px;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.CounterIcon {
  box-sizing: border-box;
  position: absolute;
  display: inline-block;
  background: transparent;
}
.CounterIcon.CounterIcon {
  height: 22px;
  width: 22px;
}
.CounterIcon.CounterIcon .CounterIcon-inner {
  height: 22px;
  width: 22px;
  font-size: 22px;
}
.CounterIcon.CounterIcon .CounterIcon-counter {
  line-height: 22px;
}
.CounterIcon .CounterIcon-inner {
  border-color: #4d4d4d;
}
.CounterIcon .CounterIcon-counter {
  color: #4d4d4d;
}
/* Descendents
------------------------------------------------------------ */
.CounterIcon-inner {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-radius: 100%;
  position: relative;
}
.CounterIcon-counter {
  font-size: 60%;
}
/* Modifiers
------------------------------------------------------------ */
.CounterIcon--xxl.CounterIcon {
  height: 40px;
  width: 40px;
}
.CounterIcon--xxl.CounterIcon .CounterIcon-inner {
  height: 40px;
  width: 40px;
  font-size: 40px;
}
.CounterIcon--xxl.CounterIcon .CounterIcon-counter {
  line-height: 40px;
}
.CounterIcon--xl.CounterIcon {
  height: 30px;
  width: 30px;
}
.CounterIcon--xl.CounterIcon .CounterIcon-inner {
  height: 30px;
  width: 30px;
  font-size: 30px;
}
.CounterIcon--xl.CounterIcon .CounterIcon-counter {
  line-height: 30px;
}
.CounterIcon--lg.CounterIcon {
  height: 26px;
  width: 26px;
}
.CounterIcon--lg.CounterIcon .CounterIcon-inner {
  height: 26px;
  width: 26px;
  font-size: 26px;
}
.CounterIcon--lg.CounterIcon .CounterIcon-counter {
  line-height: 26px;
}
.CounterIcon--sm.CounterIcon {
  height: 18px;
  width: 18px;
}
.CounterIcon--sm.CounterIcon .CounterIcon-inner {
  height: 18px;
  width: 18px;
  font-size: 18px;
}
.CounterIcon--sm.CounterIcon .CounterIcon-counter {
  line-height: 18px;
}
.CounterIcon--xs.CounterIcon {
  height: 14px;
  width: 14px;
}
.CounterIcon--xs.CounterIcon .CounterIcon-inner {
  height: 14px;
  width: 14px;
  font-size: 14px;
}
.CounterIcon--xs.CounterIcon .CounterIcon-counter {
  line-height: 14px;
}
.CounterIcon--info .CounterIcon-inner {
  border-color: #62BDD0;
}
.CounterIcon--info .CounterIcon-counter {
  color: #62BDD0;
}
.CounterIcon--neutral .CounterIcon-inner {
  border-color: #997AB6;
}
.CounterIcon--neutral .CounterIcon-counter {
  color: #997AB6;
}
.CounterIcon--positive .CounterIcon-inner {
  border-color: #88BC76;
}
.CounterIcon--positive .CounterIcon-counter {
  color: #88BC76;
}
.CounterIcon--warning .CounterIcon-inner {
  border-color: #FEB734;
}
.CounterIcon--warning .CounterIcon-counter {
  color: #FEB734;
}
.CounterIcon--negative .CounterIcon-inner {
  border-color: #EF7F43;
}
.CounterIcon--negative .CounterIcon-counter {
  color: #EF7F43;
}
.CounterIcon--middle {
  position: absolute;
  top: 50%;
  left: 50%;
}
.CounterIcon--middle .CounterIcon-inner {
  left: -50%;
  top: -50%;
}
.CounterIcon--top {
  position: absolute;
  right: 0;
  top: 0;
}
.CounterIcon--top .CounterIcon-inner {
  right: -50%;
  top: -50%;
}
.CounterIcon--bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.CounterIcon--bottom .CounterIcon-inner {
  right: -50%;
  bottom: -50%;
}
.CounterIcon--customSize.CounterIcon {
  height: var(--size);
  width: var(--size);
}
.CounterIcon--customSize.CounterIcon .CounterIcon-inner {
  height: var(--size);
  width: var(--size);
  font-size: var(--size);
}
.CounterIcon--customSize.CounterIcon .CounterIcon-counter {
  line-height: var(--size);
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.CurrencyIcon.Icon:before {
  content: attr(data-currency);
  font-family: 'gotham', Arial, Tahoma, Verdana, Helvetica, Sans-Serif !important;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.CurrencyWithLabel .CurrencyWithLabel-label {
  margin: 6px 6px 6px 0;
}
.CurrencyWithLabel .CurrencyWithLabel-amount {
  margin: 6px 0;
}
.CurrencyWithLabel .CurrencyWithLabel-label {
  font-size: 14px;
  line-height: 16px;
}
.CurrencyWithLabel .CurrencyWithLabel-amount {
  font-size: 14px;
  line-height: 16px;
}
.CurrencyWithLabel--xl .CurrencyWithLabel-label {
  font-size: 20px;
  line-height: 22px;
}
.CurrencyWithLabel--xl .CurrencyWithLabel-amount {
  font-size: 20px;
  line-height: 22px;
}
.CurrencyWithLabel--lg .CurrencyWithLabel-label {
  font-size: 16px;
  line-height: 18px;
}
.CurrencyWithLabel--lg .CurrencyWithLabel-amount {
  font-size: 16px;
  line-height: 18px;
}
.CurrencyWithLabel--sm .CurrencyWithLabel-label {
  font-size: 12px;
  line-height: 14px;
}
.CurrencyWithLabel--sm .CurrencyWithLabel-amount {
  font-size: 12px;
  line-height: 14px;
}
.CurrencyWithLabel--xs .CurrencyWithLabel-label {
  font-size: 10px;
  line-height: 12px;
}
.CurrencyWithLabel--xs .CurrencyWithLabel-amount {
  font-size: 10px;
  line-height: 12px;
}
.CurrencyWithLabel--block .CurrencyWithLabel-label {
  display: block;
  margin: 0;
}
.CurrencyWithLabel--block .CurrencyWithLabel-amount {
  display: block;
  font-weight: 200;
}
.CurrencyWithLabel--block .CurrencyWithLabel-label {
  font-size: 10px;
  line-height: 12px;
}
.CurrencyWithLabel--block .CurrencyWithLabel-amount {
  font-size: 18px;
  line-height: 20px;
}
.CurrencyWithLabel--block.CurrencyWithLabel--xl .CurrencyWithLabel-label {
  font-size: 10px;
  line-height: 12px;
}
.CurrencyWithLabel--block.CurrencyWithLabel--xl .CurrencyWithLabel-amount {
  font-size: 24px;
  line-height: 26px;
}
.CurrencyWithLabel--block.CurrencyWithLabel--lg .CurrencyWithLabel-label {
  font-size: 16px;
  line-height: 18px;
}
.CurrencyWithLabel--block.CurrencyWithLabel--lg .CurrencyWithLabel-amount {
  font-size: 20px;
  line-height: 22px;
}
.CurrencyWithLabel--block.CurrencyWithLabel--sm .CurrencyWithLabel-label {
  font-size: 10px;
  line-height: 12px;
}
.CurrencyWithLabel--block.CurrencyWithLabel--sm .CurrencyWithLabel-amount {
  font-size: 16px;
  line-height: 18px;
}
.CurrencyWithLabel--block.CurrencyWithLabel--xs .CurrencyWithLabel-label {
  font-size: 10px;
  line-height: 12px;
}
.CurrencyWithLabel--block.CurrencyWithLabel--xs .CurrencyWithLabel-amount {
  font-size: 12px;
  line-height: 14px;
}
.CurrencyWithLabel--invert .CurrencyWithLabel-label {
  margin-right: 0;
}
.CurrencyWithLabel--invert .CurrencyWithLabel-amount {
  margin-right: 6px;
}
.CurrencyWithLabel--invert.CurrencyWithLabel--block .CurrencyWithLabel-amount {
  margin: 0;
}
.CurrencyWithLabel--invert.CurrencyWithLabel--block .CurrencyWithLabel-label {
  margin: 6px 0;
}
.CurrencyWithLabel--info {
  color: #62BDD0;
}
.CurrencyWithLabel--info.CurrencyWithLabel--block .CurrencyWithLabel-label {
  color: #b3b3b3;
}
.CurrencyWithLabel--neutral {
  color: #997AB6;
}
.CurrencyWithLabel--neutral.CurrencyWithLabel--block .CurrencyWithLabel-label {
  color: #b3b3b3;
}
.CurrencyWithLabel--positive {
  color: #88BC76;
}
.CurrencyWithLabel--positive.CurrencyWithLabel--block .CurrencyWithLabel-label {
  color: #b3b3b3;
}
.CurrencyWithLabel--warning {
  color: #FEB734;
}
.CurrencyWithLabel--warning.CurrencyWithLabel--block .CurrencyWithLabel-label {
  color: #b3b3b3;
}
.CurrencyWithLabel--negative {
  color: #EF7F43;
}
.CurrencyWithLabel--negative.CurrencyWithLabel--block .CurrencyWithLabel-label {
  color: #b3b3b3;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.DocsViewer {
  border-radius: 0;
  margin-top: 24px;
}
.DocsViewer--maxHeight {
  max-height: var(--height);
  overflow: auto;
}
.DocsViewer-markdown a {
  color: #566B76;
  font-weight: bold;
}
.DocsViewer-markdown pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  margin: 24px 0;
  padding: 24px;
}
.DocsViewer-markdown pre.white {
  background-color: #fff;
}
.DocsViewer-markdown pre code {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.DocsViewer-markdown blockquote {
  background: #e6e6e6;
  border-left: 5px solid #E95949;
  padding: 6px 12px;
  margin: 0;
}
.DocsViewer-markdown h1 {
  font-size: 24px;
  margin-bottom: 24px;
}
.DocsViewer-markdown h2 {
  font-size: 20px;
  margin-bottom: 24px;
}
.DocsViewer-markdown h3 {
  font-size: 14px;
  color: #b3b3b3;
  margin-bottom: 12px;
}
.DocsViewer-markdown h4 {
  font-size: 12px;
  margin-bottom: 12px;
}
.DocsViewer-markdown h5 {
  font-size: 8px;
  margin-bottom: 6px;
}
.DocsViewer-markdown h6 {
  font-size: 6px;
  margin-bottom: 6px;
}
.DocsViewer-markdown table {
  border-spacing: 0;
}
.DocsViewer-markdown thead tr th {
  padding: 6px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}
.DocsViewer-markdown tbody tr td {
  padding: 6px;
  border-bottom: 1px solid #e6e6e6;
}
.DocsViewer-markdown tbody tr td p {
  margin: 0;
  text-align: center;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Donut {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
}
.Donut canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.Donut .Donut-percentage {
  font-size: 14.4px;
}
.Donut.Donut--hasCustomSize {
  width: var(--size);
  height: var(--size);
}
.Donut.Donut--hasCustomSize .Donut-percentage {
  font-size: var(--fontSize);
}
.Donut.Donut--xxs {
  width: 36px;
  height: 36px;
}
.Donut.Donut--xxs .Donut-percentage {
  font-size: 7.2px;
}
.Donut.Donut--xxs.Donut--hasCustomSize {
  width: var(--size);
  height: var(--size);
}
.Donut.Donut--xxs.Donut--hasCustomSize .Donut-percentage {
  font-size: var(--fontSize);
}
.Donut.Donut--xs {
  width: 42px;
  height: 42px;
}
.Donut.Donut--xs .Donut-percentage {
  font-size: 8.4px;
}
.Donut.Donut--xs.Donut--hasCustomSize {
  width: var(--size);
  height: var(--size);
}
.Donut.Donut--xs.Donut--hasCustomSize .Donut-percentage {
  font-size: var(--fontSize);
}
.Donut.Donut--sm {
  width: 56px;
  height: 56px;
}
.Donut.Donut--sm .Donut-percentage {
  font-size: 11.2px;
}
.Donut.Donut--sm.Donut--hasCustomSize {
  width: var(--size);
  height: var(--size);
}
.Donut.Donut--sm.Donut--hasCustomSize .Donut-percentage {
  font-size: var(--fontSize);
}
.Donut.Donut--lg {
  width: 84px;
  height: 84px;
}
.Donut.Donut--lg .Donut-percentage {
  font-size: 16.8px;
}
.Donut.Donut--lg.Donut--hasCustomSize {
  width: var(--size);
  height: var(--size);
}
.Donut.Donut--lg.Donut--hasCustomSize .Donut-percentage {
  font-size: var(--fontSize);
}
.Donut.Donut--xl {
  width: 96px;
  height: 96px;
}
.Donut.Donut--xl .Donut-percentage {
  font-size: 19.2px;
}
.Donut.Donut--xl.Donut--hasCustomSize {
  width: var(--size);
  height: var(--size);
}
.Donut.Donut--xl.Donut--hasCustomSize .Donut-percentage {
  font-size: var(--fontSize);
}
.Donut.Donut--xxl {
  width: 104px;
  height: 104px;
}
.Donut.Donut--xxl .Donut-percentage {
  font-size: 20.8px;
}
.Donut.Donut--xxl.Donut--hasCustomSize {
  width: var(--size);
  height: var(--size);
}
.Donut.Donut--xxl.Donut--hasCustomSize .Donut-percentage {
  font-size: var(--fontSize);
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.EmojiPicker {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  width: 450px;
}
.EmojiPicker-tabs {
  height: 30px;
  text-align: left;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0 6px;
}
.EmojiPicker-tabItem {
  cursor: pointer;
  display: inline-block;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  margin-right: 3px;
  width: 30px;
}
.EmojiPicker-tabItem:hover {
  background-color: #ddd;
}
.EmojiPicker-list {
  height: 200px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 6px;
}
.EmojiPicker-listItem {
  height: 30px;
  text-align: center;
  display: inline-block;
  line-height: 30px;
  font-size: 18px;
  margin: 1px;
  cursor: pointer;
  width: 30px;
}
.EmojiPicker-listItem:hover {
  background-color: #eee;
}
.EmojiPicker-search {
  background-color: #fff;
  width: 100px;
  margin: 5px;
  line-height: 18px;
  height: 18px;
  border: none;
  float: right;
  border-radius: 10px;
  text-indent: 5px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Third-party - react-date-picker styles
------------------------------------------------------------ */
.react-calendar {
  line-height: 1;
  width: auto;
}
.react-calendar * {
  font-family: 'gotham', Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
.react-calendar__navigation {
  margin: 0;
  background-color: transparent;
}
.react-calendar__navigation__label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.react-calendar__navigation__arrow:disabled .Icon,
.react-calendar__navigation__arrow[disabled] .Icon {
  color: #F4F4F0;
}
.react-calendar__navigation button,
.react-calendar__navigation button[disabled] {
  background-color: transparent;
  min-width: 24px;
}
.react-calendar__tile {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
}
.react-calendar__tiletime:not(:last-child) {
  visibility: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.react-calendar__tile--active {
  color: #4d4d4d;
}
.react-calendar__tile .is-today {
  font-weight: bold;
}
.react-calendar__month-view__days {
  margin: 0 12px 12px 12px;
}
.react-calendar__month-view__days abbr {
  display: none;
}
.react-calendar__month-view__days__day time {
  display: none;
}
.react-calendar__month-view__days__day--weekend {
  font-weight: bold;
  color: #4d4d4d;
}
.react-calendar__month-view__days__day:disabled,
.react-calendar__month-view__days__day[disabled] {
  background-color: transparent;
  opacity: 0.5;
}
.react-calendar__month-view__days__day:disabled:hover,
.react-calendar__month-view__days__day[disabled]:hover {
  background-color: transparent;
}
.react-calendar__month-view__weekdays {
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 12px;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile {
  padding: 6px;
  font-size: 12px;
}
.react-calendar__year-view .react-calendar__tile .DatePicker-day,
.react-calendar__decade-view .react-calendar__tile .DatePicker-day,
.react-calendar__year-view .react-calendar__tile .DateRangePicker-day,
.react-calendar__decade-view .react-calendar__tile .DateRangePicker-day {
  display: none;
}
/* Element
------------------------------------------------------------ */
.DatePicker {
  display: inline-block;
}
.DatePicker .Icon--close {
  cursor: pointer;
}
.DatePicker .DatePicker-control .DatePicker-icon,
.DatePicker .DatePicker-control .Button-icon {
  color: #566B76;
}
.DatePicker .DatePicker-day.is-highlight {
  background: #566B76;
  color: #ffffff;
}
.DatePicker .DatePicker-control-feedback {
  background-color: #e6e6e6;
  border-top: 2px solid #566B76;
}
.DatePicker .react-calendar__month-view__weekdays {
  color: #566B76;
}
.DatePicker .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day,
.DatePicker .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.DatePicker .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day.is-today,
.DatePicker .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day.is-today {
  color: #566B76;
}
.DatePicker .react-calendar__tile .DatePicker-day.is-today .DatePicker-day-value {
  background: transparent;
  color: #566B76;
  border: 1px solid #566B76;
}
.DatePicker .react-calendar__tile--active .DatePicker-day,
.DatePicker .react-calendar__tile--hasActive .DatePicker-day {
  color: #ffffff;
  background-color: #566B76;
}
.DatePicker .react-calendar__tile--active .DatePicker-day.is-highlight,
.DatePicker .react-calendar__tile--hasActive .DatePicker-day.is-highlight {
  background: #566B76;
  color: #ffffff;
}
.DatePicker .react-calendar__tile--active .DatePicker-day.is-today .DatePicker-day-value,
.DatePicker .react-calendar__tile--hasActive .DatePicker-day.is-today .DatePicker-day-value {
  background: #ffffff;
  color: #566B76;
  border: 1px solid #566B76;
}
.DatePicker .react-calendar__tile--active:not([disabled]):focus .DatePicker-day,
.DatePicker .react-calendar__tile--hasActive:not([disabled]):focus .DatePicker-day {
  background-color: #566B76 !important;
  color: #ffffff;
}
/* Descendants
------------------------------------------------------------ */
.DatePicker-trigger {
  cursor: pointer;
}
.DatePicker-calendar {
  background: transparent;
  border: 0;
}
.DatePicker-textBox {
  overflow: hidden;
}
.DatePicker-control {
  position: relative;
}
.DatePicker-control-feedback {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
}
.DatePicker-day {
  width: 100%;
  height: 24px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.DatePicker-day-value {
  border-radius: 15px;
  padding: 2px;
  width: 100%;
}
.DatePicker-day.is-selected {
  border-radius: 15px;
}
.DatePicker-day.is-selected--end,
.DatePicker-day.is-highlight--end {
  border-radius: 0 15px 15px 0;
}
.DatePicker-day.is-selected--start,
.DatePicker-day.is-highlight--start {
  border-radius: 15px 0 0 15px;
}
/* Modifiers
------------------------------------------------------------ */
.DatePicker--popover {
  position: relative;
}
.DatePicker--popover .DatePicker-calendar {
  position: absolute;
  z-index: 100;
  min-width: 200px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  background: #ffffff;
}
.DatePicker--block {
  display: block;
}
.DatePicker--info .DatePicker-control .DatePicker-icon,
.DatePicker--info .DatePicker-control .Button-icon {
  color: #62BDD0;
}
.DatePicker--info .DatePicker-day.is-highlight {
  background: #62BDD0;
  color: #ffffff;
}
.DatePicker--info .DatePicker-control-feedback {
  background-color: #EBF7F9;
  border-top: 2px solid #62BDD0;
}
.DatePicker--info .react-calendar__month-view__weekdays {
  color: #62BDD0;
}
.DatePicker--info .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day,
.DatePicker--info .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.DatePicker--info .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day.is-today,
.DatePicker--info .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day.is-today {
  color: #62BDD0;
}
.DatePicker--info .react-calendar__tile .DatePicker-day.is-today .DatePicker-day-value {
  background: transparent;
  color: #62BDD0;
  border: 1px solid #62BDD0;
}
.DatePicker--info .react-calendar__tile--active .DatePicker-day,
.DatePicker--info .react-calendar__tile--hasActive .DatePicker-day {
  color: #ffffff;
  background-color: #62BDD0;
}
.DatePicker--info .react-calendar__tile--active .DatePicker-day.is-highlight,
.DatePicker--info .react-calendar__tile--hasActive .DatePicker-day.is-highlight {
  background: #62BDD0;
  color: #ffffff;
}
.DatePicker--info .react-calendar__tile--active .DatePicker-day.is-today .DatePicker-day-value,
.DatePicker--info .react-calendar__tile--hasActive .DatePicker-day.is-today .DatePicker-day-value {
  background: #ffffff;
  color: #62BDD0;
  border: 1px solid #62BDD0;
}
.DatePicker--info .react-calendar__tile--active:not([disabled]):focus .DatePicker-day,
.DatePicker--info .react-calendar__tile--hasActive:not([disabled]):focus .DatePicker-day {
  background-color: #62BDD0 !important;
  color: #ffffff;
}
.DatePicker--neutral .DatePicker-control .DatePicker-icon,
.DatePicker--neutral .DatePicker-control .Button-icon {
  color: #997AB6;
}
.DatePicker--neutral .DatePicker-day.is-highlight {
  background: #997AB6;
  color: #ffffff;
}
.DatePicker--neutral .DatePicker-control-feedback {
  background-color: #F2EFF6;
  border-top: 2px solid #997AB6;
}
.DatePicker--neutral .react-calendar__month-view__weekdays {
  color: #997AB6;
}
.DatePicker--neutral .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day,
.DatePicker--neutral .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.DatePicker--neutral .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day.is-today,
.DatePicker--neutral .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day.is-today {
  color: #997AB6;
}
.DatePicker--neutral .react-calendar__tile .DatePicker-day.is-today .DatePicker-day-value {
  background: transparent;
  color: #997AB6;
  border: 1px solid #997AB6;
}
.DatePicker--neutral .react-calendar__tile--active .DatePicker-day,
.DatePicker--neutral .react-calendar__tile--hasActive .DatePicker-day {
  color: #ffffff;
  background-color: #997AB6;
}
.DatePicker--neutral .react-calendar__tile--active .DatePicker-day.is-highlight,
.DatePicker--neutral .react-calendar__tile--hasActive .DatePicker-day.is-highlight {
  background: #997AB6;
  color: #ffffff;
}
.DatePicker--neutral .react-calendar__tile--active .DatePicker-day.is-today .DatePicker-day-value,
.DatePicker--neutral .react-calendar__tile--hasActive .DatePicker-day.is-today .DatePicker-day-value {
  background: #ffffff;
  color: #997AB6;
  border: 1px solid #997AB6;
}
.DatePicker--neutral .react-calendar__tile--active:not([disabled]):focus .DatePicker-day,
.DatePicker--neutral .react-calendar__tile--hasActive:not([disabled]):focus .DatePicker-day {
  background-color: #997AB6 !important;
  color: #ffffff;
}
.DatePicker--warning .DatePicker-control .DatePicker-icon,
.DatePicker--warning .DatePicker-control .Button-icon {
  color: #FEB734;
}
.DatePicker--warning .DatePicker-day.is-highlight {
  background: #FEB734;
  color: #4d4d4d;
}
.DatePicker--warning .DatePicker-control-feedback {
  background-color: #FFF6E6;
  border-top: 2px solid #FEB734;
}
.DatePicker--warning .react-calendar__month-view__weekdays {
  color: #FEB734;
}
.DatePicker--warning .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day,
.DatePicker--warning .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day {
  background-color: #ffedcc;
  color: #4d4d4d;
}
.DatePicker--warning .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day.is-today,
.DatePicker--warning .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day.is-today {
  color: #FEB734;
}
.DatePicker--warning .react-calendar__tile .DatePicker-day.is-today .DatePicker-day-value {
  background: transparent;
  color: #FEB734;
  border: 1px solid #FEB734;
}
.DatePicker--warning .react-calendar__tile--active .DatePicker-day,
.DatePicker--warning .react-calendar__tile--hasActive .DatePicker-day {
  color: #4d4d4d;
  background-color: #FEB734;
}
.DatePicker--warning .react-calendar__tile--active .DatePicker-day.is-highlight,
.DatePicker--warning .react-calendar__tile--hasActive .DatePicker-day.is-highlight {
  background: #FEB734;
  color: #4d4d4d;
}
.DatePicker--warning .react-calendar__tile--active .DatePicker-day.is-today .DatePicker-day-value,
.DatePicker--warning .react-calendar__tile--hasActive .DatePicker-day.is-today .DatePicker-day-value {
  background: #4d4d4d;
  color: #FEB734;
  border: 1px solid #FEB734;
}
.DatePicker--warning .react-calendar__tile--active:not([disabled]):focus .DatePicker-day,
.DatePicker--warning .react-calendar__tile--hasActive:not([disabled]):focus .DatePicker-day {
  background-color: #FEB734 !important;
  color: #4d4d4d;
}
.DatePicker--negative .DatePicker-control .DatePicker-icon,
.DatePicker--negative .DatePicker-control .Button-icon {
  color: #EF7F43;
}
.DatePicker--negative .DatePicker-day.is-highlight {
  background: #EF7F43;
  color: #4d4d4d;
}
.DatePicker--negative .DatePicker-control-feedback {
  background-color: #FDEFE8;
  border-top: 2px solid #EF7F43;
}
.DatePicker--negative .react-calendar__month-view__weekdays {
  color: #EF7F43;
}
.DatePicker--negative .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day,
.DatePicker--negative .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.DatePicker--negative .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day.is-today,
.DatePicker--negative .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day.is-today {
  color: #EF7F43;
}
.DatePicker--negative .react-calendar__tile .DatePicker-day.is-today .DatePicker-day-value {
  background: transparent;
  color: #EF7F43;
  border: 1px solid #EF7F43;
}
.DatePicker--negative .react-calendar__tile--active .DatePicker-day,
.DatePicker--negative .react-calendar__tile--hasActive .DatePicker-day {
  color: #4d4d4d;
  background-color: #EF7F43;
}
.DatePicker--negative .react-calendar__tile--active .DatePicker-day.is-highlight,
.DatePicker--negative .react-calendar__tile--hasActive .DatePicker-day.is-highlight {
  background: #EF7F43;
  color: #4d4d4d;
}
.DatePicker--negative .react-calendar__tile--active .DatePicker-day.is-today .DatePicker-day-value,
.DatePicker--negative .react-calendar__tile--hasActive .DatePicker-day.is-today .DatePicker-day-value {
  background: #4d4d4d;
  color: #EF7F43;
  border: 1px solid #EF7F43;
}
.DatePicker--negative .react-calendar__tile--active:not([disabled]):focus .DatePicker-day,
.DatePicker--negative .react-calendar__tile--hasActive:not([disabled]):focus .DatePicker-day {
  background-color: #EF7F43 !important;
  color: #4d4d4d;
}
.DatePicker--positive .DatePicker-control .DatePicker-icon,
.DatePicker--positive .DatePicker-control .Button-icon {
  color: #88BC76;
}
.DatePicker--positive .DatePicker-day.is-highlight {
  background: #88BC76;
  color: #ffffff;
}
.DatePicker--positive .DatePicker-control-feedback {
  background-color: #F0F7EE;
  border-top: 2px solid #88BC76;
}
.DatePicker--positive .react-calendar__month-view__weekdays {
  color: #88BC76;
}
.DatePicker--positive .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day,
.DatePicker--positive .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.DatePicker--positive .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DatePicker-day.is-today,
.DatePicker--positive .react-calendar__tile--hover.react-calendar__month-view__days__day .DatePicker-day.is-today {
  color: #88BC76;
}
.DatePicker--positive .react-calendar__tile .DatePicker-day.is-today .DatePicker-day-value {
  background: transparent;
  color: #88BC76;
  border: 1px solid #88BC76;
}
.DatePicker--positive .react-calendar__tile--active .DatePicker-day,
.DatePicker--positive .react-calendar__tile--hasActive .DatePicker-day {
  color: #ffffff;
  background-color: #88BC76;
}
.DatePicker--positive .react-calendar__tile--active .DatePicker-day.is-highlight,
.DatePicker--positive .react-calendar__tile--hasActive .DatePicker-day.is-highlight {
  background: #88BC76;
  color: #ffffff;
}
.DatePicker--positive .react-calendar__tile--active .DatePicker-day.is-today .DatePicker-day-value,
.DatePicker--positive .react-calendar__tile--hasActive .DatePicker-day.is-today .DatePicker-day-value {
  background: #ffffff;
  color: #88BC76;
  border: 1px solid #88BC76;
}
.DatePicker--positive .react-calendar__tile--active:not([disabled]):focus .DatePicker-day,
.DatePicker--positive .react-calendar__tile--hasActive:not([disabled]):focus .DatePicker-day {
  background-color: #88BC76 !important;
  color: #ffffff;
}
/* States
------------------------------------------------------------ */
.DatePicker.is-invalid .DatePicker-control-input {
  border-color: #EF7F43;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Third-party - react-date-picker styles
------------------------------------------------------------ */
.react-calendar {
  line-height: 1;
  width: auto;
}
.react-calendar * {
  font-family: 'gotham', Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
.react-calendar__navigation {
  margin: 0;
  background-color: transparent;
}
.react-calendar__navigation__label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.react-calendar__navigation__arrow:disabled .Icon,
.react-calendar__navigation__arrow[disabled] .Icon {
  color: #F4F4F0;
}
.react-calendar__navigation button,
.react-calendar__navigation button[disabled] {
  background-color: transparent;
  min-width: 24px;
}
.react-calendar__tile {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
}
.react-calendar__tiletime:not(:last-child) {
  visibility: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.react-calendar__tile--active {
  color: #4d4d4d;
}
.react-calendar__tile .is-today {
  font-weight: bold;
}
.react-calendar__month-view__days {
  margin: 0 12px 12px 12px;
}
.react-calendar__month-view__days abbr {
  display: none;
}
.react-calendar__month-view__days__day time {
  display: none;
}
.react-calendar__month-view__days__day--weekend {
  font-weight: bold;
  color: #4d4d4d;
}
.react-calendar__month-view__days__day:disabled,
.react-calendar__month-view__days__day[disabled] {
  background-color: transparent;
  opacity: 0.5;
}
.react-calendar__month-view__days__day:disabled:hover,
.react-calendar__month-view__days__day[disabled]:hover {
  background-color: transparent;
}
.react-calendar__month-view__weekdays {
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 12px;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile {
  padding: 6px;
  font-size: 12px;
}
.react-calendar__year-view .react-calendar__tile .DatePicker-day,
.react-calendar__decade-view .react-calendar__tile .DatePicker-day,
.react-calendar__year-view .react-calendar__tile .DateRangePicker-day,
.react-calendar__decade-view .react-calendar__tile .DateRangePicker-day {
  display: none;
}
/* Element
------------------------------------------------------------ */
.DateRangePicker {
  display: inline-block;
}
.DateRangePicker-clear {
  cursor: pointer;
}
.DateRangePicker .DateRangePicker-calendar-control .DateRangePicker-icon,
.DateRangePicker .DateRangePicker-calendar-control .Button-icon {
  color: #566B76;
}
.DateRangePicker .DateRangePicker-calendar-control-input .Column-content {
  border-color: #566B76;
}
.DateRangePicker .DateRangePicker-day.is-highlight {
  background: #566B76;
  color: #ffffff;
}
.DateRangePicker .react-calendar__month-view__weekdays {
  color: #566B76;
}
.DateRangePicker .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day,
.DateRangePicker .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.DateRangePicker .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today,
.DateRangePicker .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today {
  color: #566B76;
}
.DateRangePicker .react-calendar__tile .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: transparent;
  color: #566B76;
  border: 1px solid #566B76;
}
.DateRangePicker .react-calendar__tile--active .DateRangePicker-day,
.DateRangePicker .react-calendar__tile--hasActive .DateRangePicker-day {
  color: #ffffff;
  background-color: #566B76;
}
.DateRangePicker .react-calendar__tile--active .DateRangePicker-day.is-highlight,
.DateRangePicker .react-calendar__tile--hasActive .DateRangePicker-day.is-highlight {
  background: #566B76;
  color: #ffffff;
}
.DateRangePicker .react-calendar__tile--active .DateRangePicker-day.is-today .DateRangePicker-day-value,
.DateRangePicker .react-calendar__tile--hasActive .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: #ffffff;
  color: #566B76;
  border: 1px solid #566B76;
}
.DateRangePicker .react-calendar__tile--active:not([disabled]):focus .DateRangePicker-day,
.DateRangePicker .react-calendar__tile--hasActive:not([disabled]):focus .DateRangePicker-day {
  background-color: #566B76 !important;
  color: #ffffff;
}
/* Descendants
------------------------------------------------------------ */
.DateRangePicker-trigger {
  cursor: pointer;
}
.DateRangePicker-calendar {
  border: 0;
  background: transparent;
}
.DateRangePicker-textBox {
  overflow: hidden;
}
.DateRangePicker-calendar-control {
  padding: 0 12px;
}
.DateRangePicker-calendar-control-input .Column-content {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  line-height: 24px;
  height: 24px;
  font-size: 12px;
  padding-right: 24px;
}
.DateRangePicker-calendar-control-input .Icon {
  position: absolute;
  right: 0;
  top: 5px;
}
.DateRangePicker-day {
  width: 100%;
  height: 24px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.DateRangePicker-day.is-today .DateRangePicker-day-value {
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.DateRangePicker-day.is-to {
  border-radius: 0 15px 15px 0;
}
.DateRangePicker-day.is-to:hover {
  border-radius: 0;
}
.DateRangePicker-day.is-from {
  border-radius: 15px 0 0 15px;
}
.DateRangePicker-day.is-from:hover {
  border-radius: 0;
}
/* Modifiers
------------------------------------------------------------ */
.DateRangePicker--popover {
  position: relative;
}
.DateRangePicker--popover .DateRangePicker-calendar-wrapper {
  position: absolute;
  z-index: 100;
  width: 260px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  background: #ffffff;
}
.DateRangePicker--popover.DateRangePicker--right .DateRangePicker-calendar-wrapper {
  right: 0;
}
.DateRangePicker--info .DateRangePicker-calendar-control .DateRangePicker-icon,
.DateRangePicker--info .DateRangePicker-calendar-control .Button-icon {
  color: #62BDD0;
}
.DateRangePicker--info .DateRangePicker-calendar-control-input .Column-content {
  border-color: #62BDD0;
}
.DateRangePicker--info .DateRangePicker-day.is-highlight {
  background: #62BDD0;
  color: #ffffff;
}
.DateRangePicker--info .react-calendar__month-view__weekdays {
  color: #62BDD0;
}
.DateRangePicker--info .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day,
.DateRangePicker--info .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.DateRangePicker--info .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today,
.DateRangePicker--info .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today {
  color: #62BDD0;
}
.DateRangePicker--info .react-calendar__tile .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: transparent;
  color: #62BDD0;
  border: 1px solid #62BDD0;
}
.DateRangePicker--info .react-calendar__tile--active .DateRangePicker-day,
.DateRangePicker--info .react-calendar__tile--hasActive .DateRangePicker-day {
  color: #ffffff;
  background-color: #62BDD0;
}
.DateRangePicker--info .react-calendar__tile--active .DateRangePicker-day.is-highlight,
.DateRangePicker--info .react-calendar__tile--hasActive .DateRangePicker-day.is-highlight {
  background: #62BDD0;
  color: #ffffff;
}
.DateRangePicker--info .react-calendar__tile--active .DateRangePicker-day.is-today .DateRangePicker-day-value,
.DateRangePicker--info .react-calendar__tile--hasActive .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: #ffffff;
  color: #62BDD0;
  border: 1px solid #62BDD0;
}
.DateRangePicker--info .react-calendar__tile--active:not([disabled]):focus .DateRangePicker-day,
.DateRangePicker--info .react-calendar__tile--hasActive:not([disabled]):focus .DateRangePicker-day {
  background-color: #62BDD0 !important;
  color: #ffffff;
}
.DateRangePicker--neutral .DateRangePicker-calendar-control .DateRangePicker-icon,
.DateRangePicker--neutral .DateRangePicker-calendar-control .Button-icon {
  color: #997AB6;
}
.DateRangePicker--neutral .DateRangePicker-calendar-control-input .Column-content {
  border-color: #997AB6;
}
.DateRangePicker--neutral .DateRangePicker-day.is-highlight {
  background: #997AB6;
  color: #ffffff;
}
.DateRangePicker--neutral .react-calendar__month-view__weekdays {
  color: #997AB6;
}
.DateRangePicker--neutral .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day,
.DateRangePicker--neutral .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.DateRangePicker--neutral .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today,
.DateRangePicker--neutral .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today {
  color: #997AB6;
}
.DateRangePicker--neutral .react-calendar__tile .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: transparent;
  color: #997AB6;
  border: 1px solid #997AB6;
}
.DateRangePicker--neutral .react-calendar__tile--active .DateRangePicker-day,
.DateRangePicker--neutral .react-calendar__tile--hasActive .DateRangePicker-day {
  color: #ffffff;
  background-color: #997AB6;
}
.DateRangePicker--neutral .react-calendar__tile--active .DateRangePicker-day.is-highlight,
.DateRangePicker--neutral .react-calendar__tile--hasActive .DateRangePicker-day.is-highlight {
  background: #997AB6;
  color: #ffffff;
}
.DateRangePicker--neutral .react-calendar__tile--active .DateRangePicker-day.is-today .DateRangePicker-day-value,
.DateRangePicker--neutral .react-calendar__tile--hasActive .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: #ffffff;
  color: #997AB6;
  border: 1px solid #997AB6;
}
.DateRangePicker--neutral .react-calendar__tile--active:not([disabled]):focus .DateRangePicker-day,
.DateRangePicker--neutral .react-calendar__tile--hasActive:not([disabled]):focus .DateRangePicker-day {
  background-color: #997AB6 !important;
  color: #ffffff;
}
.DateRangePicker--warning .DateRangePicker-calendar-control .DateRangePicker-icon,
.DateRangePicker--warning .DateRangePicker-calendar-control .Button-icon {
  color: #FEB734;
}
.DateRangePicker--warning .DateRangePicker-calendar-control-input .Column-content {
  border-color: #FEB734;
}
.DateRangePicker--warning .DateRangePicker-day.is-highlight {
  background: #FEB734;
  color: #4d4d4d;
}
.DateRangePicker--warning .react-calendar__month-view__weekdays {
  color: #FEB734;
}
.DateRangePicker--warning .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day,
.DateRangePicker--warning .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day {
  background-color: #ffedcc;
  color: #4d4d4d;
}
.DateRangePicker--warning .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today,
.DateRangePicker--warning .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today {
  color: #FEB734;
}
.DateRangePicker--warning .react-calendar__tile .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: transparent;
  color: #FEB734;
  border: 1px solid #FEB734;
}
.DateRangePicker--warning .react-calendar__tile--active .DateRangePicker-day,
.DateRangePicker--warning .react-calendar__tile--hasActive .DateRangePicker-day {
  color: #4d4d4d;
  background-color: #FEB734;
}
.DateRangePicker--warning .react-calendar__tile--active .DateRangePicker-day.is-highlight,
.DateRangePicker--warning .react-calendar__tile--hasActive .DateRangePicker-day.is-highlight {
  background: #FEB734;
  color: #4d4d4d;
}
.DateRangePicker--warning .react-calendar__tile--active .DateRangePicker-day.is-today .DateRangePicker-day-value,
.DateRangePicker--warning .react-calendar__tile--hasActive .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: #4d4d4d;
  color: #FEB734;
  border: 1px solid #FEB734;
}
.DateRangePicker--warning .react-calendar__tile--active:not([disabled]):focus .DateRangePicker-day,
.DateRangePicker--warning .react-calendar__tile--hasActive:not([disabled]):focus .DateRangePicker-day {
  background-color: #FEB734 !important;
  color: #4d4d4d;
}
.DateRangePicker--negative .DateRangePicker-calendar-control .DateRangePicker-icon,
.DateRangePicker--negative .DateRangePicker-calendar-control .Button-icon {
  color: #EF7F43;
}
.DateRangePicker--negative .DateRangePicker-calendar-control-input .Column-content {
  border-color: #EF7F43;
}
.DateRangePicker--negative .DateRangePicker-day.is-highlight {
  background: #EF7F43;
  color: #4d4d4d;
}
.DateRangePicker--negative .react-calendar__month-view__weekdays {
  color: #EF7F43;
}
.DateRangePicker--negative .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day,
.DateRangePicker--negative .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.DateRangePicker--negative .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today,
.DateRangePicker--negative .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today {
  color: #EF7F43;
}
.DateRangePicker--negative .react-calendar__tile .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: transparent;
  color: #EF7F43;
  border: 1px solid #EF7F43;
}
.DateRangePicker--negative .react-calendar__tile--active .DateRangePicker-day,
.DateRangePicker--negative .react-calendar__tile--hasActive .DateRangePicker-day {
  color: #4d4d4d;
  background-color: #EF7F43;
}
.DateRangePicker--negative .react-calendar__tile--active .DateRangePicker-day.is-highlight,
.DateRangePicker--negative .react-calendar__tile--hasActive .DateRangePicker-day.is-highlight {
  background: #EF7F43;
  color: #4d4d4d;
}
.DateRangePicker--negative .react-calendar__tile--active .DateRangePicker-day.is-today .DateRangePicker-day-value,
.DateRangePicker--negative .react-calendar__tile--hasActive .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: #4d4d4d;
  color: #EF7F43;
  border: 1px solid #EF7F43;
}
.DateRangePicker--negative .react-calendar__tile--active:not([disabled]):focus .DateRangePicker-day,
.DateRangePicker--negative .react-calendar__tile--hasActive:not([disabled]):focus .DateRangePicker-day {
  background-color: #EF7F43 !important;
  color: #4d4d4d;
}
.DateRangePicker--positive .DateRangePicker-calendar-control .DateRangePicker-icon,
.DateRangePicker--positive .DateRangePicker-calendar-control .Button-icon {
  color: #88BC76;
}
.DateRangePicker--positive .DateRangePicker-calendar-control-input .Column-content {
  border-color: #88BC76;
}
.DateRangePicker--positive .DateRangePicker-day.is-highlight {
  background: #88BC76;
  color: #ffffff;
}
.DateRangePicker--positive .react-calendar__month-view__weekdays {
  color: #88BC76;
}
.DateRangePicker--positive .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day,
.DateRangePicker--positive .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.DateRangePicker--positive .react-calendar__tile:not([disabled]):hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today,
.DateRangePicker--positive .react-calendar__tile--hover.react-calendar__month-view__days__day .DateRangePicker-day.is-today {
  color: #88BC76;
}
.DateRangePicker--positive .react-calendar__tile .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: transparent;
  color: #88BC76;
  border: 1px solid #88BC76;
}
.DateRangePicker--positive .react-calendar__tile--active .DateRangePicker-day,
.DateRangePicker--positive .react-calendar__tile--hasActive .DateRangePicker-day {
  color: #ffffff;
  background-color: #88BC76;
}
.DateRangePicker--positive .react-calendar__tile--active .DateRangePicker-day.is-highlight,
.DateRangePicker--positive .react-calendar__tile--hasActive .DateRangePicker-day.is-highlight {
  background: #88BC76;
  color: #ffffff;
}
.DateRangePicker--positive .react-calendar__tile--active .DateRangePicker-day.is-today .DateRangePicker-day-value,
.DateRangePicker--positive .react-calendar__tile--hasActive .DateRangePicker-day.is-today .DateRangePicker-day-value {
  background: #ffffff;
  color: #88BC76;
  border: 1px solid #88BC76;
}
.DateRangePicker--positive .react-calendar__tile--active:not([disabled]):focus .DateRangePicker-day,
.DateRangePicker--positive .react-calendar__tile--hasActive:not([disabled]):focus .DateRangePicker-day {
  background-color: #88BC76 !important;
  color: #ffffff;
}
.DateRangePicker--block {
  display: block;
}
/* States
------------------------------------------------------------ */
.DateRangePicker.is-invalid .DateRangePicker-calendar-control-input {
  border-color: #EF7F43;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* DaysLeftBadge
 ------------------------------------------------------------ */
.DaysLeftBadge {
  display: inline-block;
}
.DaysLeftBadge .DaysLeftBadge-days {
  float: left;
  margin-right: 6px;
  color: #4d4d4d;
  font-weight: bold;
}
.DaysLeftBadge .DaysLeftBadge-days .Icon {
  position: relative;
  top: -2px;
}
.DaysLeftBadge .DaysLeftBadge-labels {
  float: right;
  text-transform: uppercase;
  text-align: left;
}
.DaysLeftBadge .DaysLeftBadge-label {
  display: block;
}
.DaysLeftBadge .DaysLeftBadge-label--last {
  color: #EF7F43;
}
.DaysLeftBadge .DaysLeftBadge-label--expired {
  color: #4B5E68;
}
.DaysLeftBadge .DaysLeftBadge-days {
  font-size: 36px;
  line-height: 36px;
}
.DaysLeftBadge .DaysLeftBadge-labels {
  font-size: 14px;
}
.DaysLeftBadge .DaysLeftBadge-label {
  line-height: 18px;
}
.DaysLeftBadge--sm .DaysLeftBadge-days {
  font-size: 18px;
  line-height: 18px;
}
.DaysLeftBadge--sm .DaysLeftBadge-labels {
  font-size: 8px;
}
.DaysLeftBadge--sm .DaysLeftBadge-label {
  line-height: 9px;
}
.DaysLeftBadge--lg .DaysLeftBadge-days {
  font-size: 48px;
  line-height: 48px;
}
.DaysLeftBadge--lg .DaysLeftBadge-labels {
  font-size: 16px;
}
.DaysLeftBadge--lg .DaysLeftBadge-label {
  line-height: 24px;
}
.DaysLeftBadge--inverse .DaysLeftBadge-days,
.DaysLeftBadge--inverse .DaysLeftBadge-labels {
  color: white !important;
}
.DaysLeftBadge--expiring .DaysLeftBadge-days {
  color: #EF7F43;
}
.DaysLeftBadge--info .DaysLeftBadge-days {
  color: #62BDD0;
}
.DaysLeftBadge--neutral .DaysLeftBadge-days {
  color: #997AB6;
}
.DaysLeftBadge--positive .DaysLeftBadge-days {
  color: #88BC76;
}
.DaysLeftBadge--warning .DaysLeftBadge-days {
  color: #FEB734;
}
.DaysLeftBadge--negative .DaysLeftBadge-days {
  color: #EF7F43;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Dropdown {
  position: relative;
  display: inline-block;
}
.Dropdown:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Dropdown--horizontal .Dropdown-menu {
  width: auto;
}
.Dropdown--horizontal .Dropdown-item {
  float: left;
}
.Dropdown--vertical .Dropdown-menu--subMenu {
  left: 100%;
  top: 0;
}
.Dropdown--primaryAction .Dropdown-link {
  color: #566B76;
}
.Dropdown--secondaryAction .Dropdown-link {
  color: #b3b3b3;
}
.Dropdown--brandAction .Dropdown-link {
  color: #E95949;
}
/* Descendants
------------------------------------------------------------ */
.Dropdown-menu {
  position: relative;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.Dropdown-menu--subMenu {
  position: absolute;
  display: none;
  left: -1px;
}
.Dropdown-menu:before,
.Dropdown-menu:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.Dropdown-menu:after {
  clear: both;
}
.Dropdown-item {
  position: relative;
  line-height: 24px;
  white-space: nowrap;
  display: block;
  min-width: 80px;
}
.Dropdown-item:hover,
.Dropdown-item.is-selected {
  cursor: pointer;
  background-color: #F4F4F0;
}
.Dropdown-item:hover.is-parent > .Dropdown-menu--subMenu {
  display: block;
}
.Dropdown-link {
  text-decoration: none;
  display: block;
  color: #4d4d4d;
  padding: 4px 12px;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.EditableField {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #4d4d4d;
}
.EditableField:not(.is-inline) .Input,
.EditableField:not(.is-inline) .Input-input {
  pointer-events: none;
  border-color: transparent !important;
  background-color: transparent;
  text-overflow: ellipsis;
}
.EditableField-offScreen {
  position: fixed;
  left: -99999px;
  min-width: 10px;
}
.EditableField-input {
  width: auto;
  transition: all 0.2s cubic-bezier(0.24, 0.63, 0.51, 0.81);
  vertical-align: middle;
  box-sizing: content-box;
}
.EditableField .Icon {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.24, 0.63, 0.51, 0.81);
  vertical-align: middle;
  margin: 0;
}
.EditableField .Icon {
  color: #4d4d4d;
}
.EditableField:not(.is-inline):hover .Icon {
  opacity: 1;
}
.EditableField:not(.is-inline) .Input .Input-input {
  color: #4d4d4d;
}
.EditableField.is-disabled {
  cursor: not-allowed;
}
.EditableField.is-error .Input-input {
  color: #EF7F43 !important;
}
.EditableField--block {
  display: block;
}
.EditableField--block .EditableField-input {
  width: 100%;
}
.EditableField--info {
  color: #62BDD0;
}
.EditableField--info .Icon {
  color: #62BDD0;
}
.EditableField--info:not(.is-inline):hover .Icon {
  opacity: 1;
}
.EditableField--info:not(.is-inline) .Input .Input-input {
  color: #62BDD0;
}
.EditableField--info.is-disabled {
  cursor: not-allowed;
}
.EditableField--info.is-error .Input-input {
  color: #EF7F43 !important;
}
.EditableField--neutral {
  color: #997AB6;
}
.EditableField--neutral .Icon {
  color: #997AB6;
}
.EditableField--neutral:not(.is-inline):hover .Icon {
  opacity: 1;
}
.EditableField--neutral:not(.is-inline) .Input .Input-input {
  color: #997AB6;
}
.EditableField--neutral.is-disabled {
  cursor: not-allowed;
}
.EditableField--neutral.is-error .Input-input {
  color: #EF7F43 !important;
}
.EditableField--warning {
  color: #FEB734;
}
.EditableField--warning .Icon {
  color: #FEB734;
}
.EditableField--warning:not(.is-inline):hover .Icon {
  opacity: 1;
}
.EditableField--warning:not(.is-inline) .Input .Input-input {
  color: #FEB734;
}
.EditableField--warning.is-disabled {
  cursor: not-allowed;
}
.EditableField--warning.is-error .Input-input {
  color: #EF7F43 !important;
}
.EditableField--negative {
  color: #EF7F43;
}
.EditableField--negative .Icon {
  color: #EF7F43;
}
.EditableField--negative:not(.is-inline):hover .Icon {
  opacity: 1;
}
.EditableField--negative:not(.is-inline) .Input .Input-input {
  color: #EF7F43;
}
.EditableField--negative.is-disabled {
  cursor: not-allowed;
}
.EditableField--negative.is-error .Input-input {
  color: #EF7F43 !important;
}
.EditableField--positive {
  color: #88BC76;
}
.EditableField--positive .Icon {
  color: #88BC76;
}
.EditableField--positive:not(.is-inline):hover .Icon {
  opacity: 1;
}
.EditableField--positive:not(.is-inline) .Input .Input-input {
  color: #88BC76;
}
.EditableField--positive.is-disabled {
  cursor: not-allowed;
}
.EditableField--positive.is-error .Input-input {
  color: #EF7F43 !important;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.NotificationBar {
  animation: fade-in 0.5s linear 1;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.NotificationBar .NotificationPanel {
  max-width: 400px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
/* Descendents
 ------------------------------------------------------------ */
/* Modifiers
 ------------------------------------------------------------ */
/* States
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Popover
 ------------------------------------------------------------ */
.Popover {
  border-radius: 10px;
  padding: 12px;
  box-sizing: border-box;
  text-align: center;
  background: #ffffff;
  position: relative;
  border: 1px solid #e6e6e6;
  /* Modifiers
	 ------------------------------------------------------------ */
}
.Popover ul,
.Popover li {
  padding: 0;
  margin: 0;
  list-style: none !important;
}
.Popover.Popover--primary {
  border-color: #62BDD0;
}
.Popover.Popover--primary.Popover--xlight {
  border-color: #d8eef3;
}
.Popover.Popover--primary.Popover--light {
  border-color: #b1dee8;
}
.Popover.Popover--primary.Popover--dark {
  border-color: #297989;
}
.Popover.Popover--secondary {
  border-color: #566B76;
}
.Popover.Popover--secondary.Popover--xlight {
  border-color: #a6b6bf;
}
.Popover.Popover--secondary.Popover--light {
  border-color: #899ea9;
}
.Popover.Popover--secondary.Popover--dark {
  border-color: #20282c;
}
.Popover.Popover--tertiary {
  border-color: #997AB6;
}
.Popover.Popover--tertiary.Popover--xlight {
  border-color: #e5ddec;
}
.Popover.Popover--tertiary.Popover--light {
  border-color: #ccbcda;
}
.Popover.Popover--tertiary.Popover--dark {
  border-color: #593f72;
}
.Popover.Popover--success {
  border-color: #88BC76;
}
.Popover.Popover--success.Popover--xlight {
  border-color: #e1eedd;
}
.Popover.Popover--success.Popover--light {
  border-color: #c4debb;
}
.Popover.Popover--success.Popover--dark {
  border-color: #4a783b;
}
.Popover.Popover--danger {
  border-color: #EF7F43;
}
.Popover.Popover--danger.Popover--xlight {
  border-color: #fbdfd0;
}
.Popover.Popover--danger.Popover--light {
  border-color: #f7bfa1;
}
.Popover.Popover--danger.Popover--dark {
  border-color: #a5420e;
}
.Popover.Popover--info {
  border-color: #62BDD0;
}
.Popover.Popover--info.Popover--xlight {
  border-color: #d8eef3;
}
.Popover.Popover--info.Popover--light {
  border-color: #b1dee8;
}
.Popover.Popover--info.Popover--dark {
  border-color: #297989;
}
.Popover.Popover--positive {
  border-color: #88BC76;
}
.Popover.Popover--positive.Popover--xlight {
  border-color: #e1eedd;
}
.Popover.Popover--positive.Popover--light {
  border-color: #c4debb;
}
.Popover.Popover--positive.Popover--dark {
  border-color: #4a783b;
}
.Popover.Popover--warning {
  border-color: #FEB734;
}
.Popover.Popover--warning.Popover--xlight {
  border-color: #ffedcc;
}
.Popover.Popover--warning.Popover--light {
  border-color: #ffdb9a;
}
.Popover.Popover--warning.Popover--dark {
  border-color: #b27301;
}
.Popover.Popover--negative {
  border-color: #EF7F43;
}
.Popover.Popover--negative.Popover--xlight {
  border-color: #fbdfd0;
}
.Popover.Popover--negative.Popover--light {
  border-color: #f7bfa1;
}
.Popover.Popover--negative.Popover--dark {
  border-color: #a5420e;
}
.Popover.Popover--neutral {
  border-color: #997AB6;
}
.Popover.Popover--neutral.Popover--xlight {
  border-color: #e5ddec;
}
.Popover.Popover--neutral.Popover--light {
  border-color: #ccbcda;
}
.Popover.Popover--neutral.Popover--dark {
  border-color: #593f72;
}
.Popover.Popover--primaryAction {
  border-color: #566B76;
}
.Popover.Popover--primaryAction.Popover--xlight {
  border-color: #a6b6bf;
}
.Popover.Popover--primaryAction.Popover--light {
  border-color: #899ea9;
}
.Popover.Popover--primaryAction.Popover--dark {
  border-color: #20282c;
}
.Popover.Popover--brandAction {
  border-color: #E95949;
}
.Popover.Popover--brandAction.Popover--xlight {
  border-color: #fad5d1;
}
.Popover.Popover--brandAction.Popover--light {
  border-color: #f4aca4;
}
.Popover.Popover--brandAction.Popover--dark {
  border-color: #9f2113;
}
.Popover.Popover--secondaryAction {
  border-color: #b3b3b3;
}
.Popover.Popover--secondaryAction.Popover--xlight {
  border-color: #ffffff;
}
.Popover.Popover--secondaryAction.Popover--light {
  border-color: #e6e6e6;
}
.Popover.Popover--secondaryAction.Popover--dark {
  border-color: #737373;
}
.Popover.Popover--primaryBrand {
  border-color: #E95949;
}
.Popover.Popover--primaryBrand.Popover--xlight {
  border-color: #fad5d1;
}
.Popover.Popover--primaryBrand.Popover--light {
  border-color: #f4aca4;
}
.Popover.Popover--primaryBrand.Popover--dark {
  border-color: #9f2113;
}
.Popover.Popover--secondaryBrand {
  border-color: #4B5E68;
}
.Popover.Popover--secondaryBrand.Popover--xlight {
  border-color: #98aab4;
}
.Popover.Popover--secondaryBrand.Popover--light {
  border-color: #7a929f;
}
.Popover.Popover--secondaryBrand.Popover--dark {
  border-color: #161b1e;
}
.Popover.Popover--tertiaryBrand {
  border-color: #F4F4F0;
}
.Popover.Popover--tertiaryBrand.Popover--xlight {
  border-color: #ffffff;
}
.Popover.Popover--tertiaryBrand.Popover--light {
  border-color: #ffffff;
}
.Popover.Popover--tertiaryBrand.Popover--dark {
  border-color: #bebea6;
}
.Popover--xxl.Popover {
  padding: 48px;
}
.Popover--xl.Popover {
  padding: 36px;
}
.Popover--lg.Popover {
  padding: 24px;
}
.Popover--xs.Popover {
  padding: 4px;
  border-radius: 6px;
}
.Popover--xxs.Popover {
  padding: 3px;
  border-radius: 6px;
}
.Popover--sm.Popover {
  padding: 6px;
  border-radius: 6px;
}
.Popover--top {
  width: 100%;
  bottom: 100%;
  margin-bottom: 36px;
  position: absolute;
}
.Popover--bottom {
  width: 100%;
  top: 100%;
  margin-top: 15px;
  position: absolute;
}
.Popover--bottom:before,
.Popover--bottom:after {
  top: auto;
  bottom: 100%;
}
.Popover--animate {
  display: none;
}
.Popover--animate.is-open {
  display: block;
  animation: fade-in 0.5s linear 1;
  animation: move-up 0.3s cubic-bezier(0.24, 0.63, 0.51, 0.81) 1;
}
.Popover--animate.is-closing {
  animation: fade-out 0.5s linear;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Error {
  position: relative;
}
/* Descendents
 ------------------------------------------------------------ */
.Error-popover {
  width: 300px;
  position: absolute;
  z-index: 2;
  bottom: 11px;
  left: 50%;
  margin-left: -150px;
}
.Error-popover.TransactionRule-error--actions {
  left: 0;
  margin-left: -60px;
}
.Error-popover.Popover {
  position: absolute;
}
/* Modifiers
 ------------------------------------------------------------ */
/* States
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
/* Descendants
------------------------------------------------------------ */
.ExpandableCard-header {
  padding: 12px;
}
.ExpandableCard-header-collapseButton {
  position: absolute;
  right: 12px;
}
.ExpandableCard-media {
  position: relative;
}
.ExpandableCard-media img {
  width: 100%;
}
.ExpandableCard-mediaOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  background: rgba(0, 0, 0, 0.2);
  padding: 12px;
}
.ExpandableCard-content {
  padding: 12px;
}
.ExpandableCard-actions {
  border-top: 1px solid #e6e6e6;
  padding: 12px;
}
/* Modifiers
 ------------------------------------------------------------ */
.ExpandableCard--clean .ExpandableCard-header,
.ExpandableCard--clean .ExpandableCard-content {
  padding: 0;
}
.ExpandableCard--clickable:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.ExpandableCard--clickable .ExpandableCard-header {
  cursor: pointer;
}
.ExpandableCard--withButton .ExpandableCard-header {
  position: relative;
}
/* States
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Flipper {
  padding: 0;
  perspective: 800px;
  position: relative;
  display: flex;
  flex-grow: 1;
}
.Flipper .Flipper-inner {
  width: 100%;
  display: flex;
  flex-grow: 1;
  transform-style: preserve-3d;
  transition: transform 1s;
}
.Flipper .Flipper-front,
.Flipper .Flipper-back {
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
  position: absolute;
  backface-visibility: hidden;
  transition: transform 1s;
}
.Flipper .Flipper-front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateX(0deg);
}
.Flipper .Flipper-back {
  transform: rotateX(180deg);
}
.Flipper--flipped .Flipper-front {
  pointer-events: none;
  transform: rotateX(-180deg);
}
.Flipper--flipped .Flipper-back {
  transform: rotateX(0deg);
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.FuelGauge {
  overflow: hidden;
  display: inline-block;
  position: relative;
  background-color: #666666;
  width: 213.684px;
  height: 100px;
}
.FuelGauge--info.FuelGauge {
  background-color: #62BDD0;
}
.FuelGauge--neutral.FuelGauge {
  background-color: #997AB6;
}
.FuelGauge--positive.FuelGauge {
  background-color: #88BC76;
}
.FuelGauge--negative.FuelGauge {
  background-color: #EF7F43;
}
.FuelGauge--warning.FuelGauge {
  background-color: #FEB734;
}
.FuelGauge .FuelGaugeSVG {
  width: 213.684px;
  height: 100px;
}
.FuelGauge .FuelGauge-overlay {
  width: 213.684px;
  height: 100px;
}
.FuelGauge .FuelGauge-mask {
  width: 213.684px;
  height: 126.842px;
}
.FuelGauge .FuelGauge-mask:before {
  width: 213.684px;
  height: 253.684px;
}
.FuelGauge--xxs.FuelGauge {
  width: 76.92624px;
  height: 36px;
}
.FuelGauge--xxs.FuelGauge .FuelGaugeSVG {
  width: 76.92624px;
  height: 36px;
}
.FuelGauge--xxs.FuelGauge .FuelGauge-overlay {
  width: 76.92624px;
  height: 36px;
}
.FuelGauge--xxs.FuelGauge .FuelGauge-mask {
  width: 76.92624px;
  height: 58.46312px;
}
.FuelGauge--xxs.FuelGauge .FuelGauge-mask:before {
  width: 76.92624px;
  height: 116.92624px;
}
.FuelGauge--xs.FuelGauge {
  width: 98.29464px;
  height: 46px;
}
.FuelGauge--xs.FuelGauge .FuelGaugeSVG {
  width: 98.29464px;
  height: 46px;
}
.FuelGauge--xs.FuelGauge .FuelGauge-overlay {
  width: 98.29464px;
  height: 46px;
}
.FuelGauge--xs.FuelGauge .FuelGauge-mask {
  width: 98.29464px;
  height: 69.14732px;
}
.FuelGauge--xs.FuelGauge .FuelGauge-mask:before {
  width: 98.29464px;
  height: 138.29464px;
}
.FuelGauge--sm.FuelGauge {
  width: 119.66304px;
  height: 56px;
}
.FuelGauge--sm.FuelGauge .FuelGaugeSVG {
  width: 119.66304px;
  height: 56px;
}
.FuelGauge--sm.FuelGauge .FuelGauge-overlay {
  width: 119.66304px;
  height: 56px;
}
.FuelGauge--sm.FuelGauge .FuelGauge-mask {
  width: 119.66304px;
  height: 79.83152px;
}
.FuelGauge--sm.FuelGauge .FuelGauge-mask:before {
  width: 119.66304px;
  height: 159.66304px;
}
.FuelGauge--lg.FuelGauge {
  width: 256.4208px;
  height: 120px;
}
.FuelGauge--lg.FuelGauge .FuelGaugeSVG {
  width: 256.4208px;
  height: 120px;
}
.FuelGauge--lg.FuelGauge .FuelGauge-overlay {
  width: 256.4208px;
  height: 120px;
}
.FuelGauge--lg.FuelGauge .FuelGauge-mask {
  width: 256.4208px;
  height: 148.2104px;
}
.FuelGauge--lg.FuelGauge .FuelGauge-mask:before {
  width: 256.4208px;
  height: 296.4208px;
}
.FuelGauge--xl.FuelGauge {
  width: 299.1576px;
  height: 140px;
}
.FuelGauge--xl.FuelGauge .FuelGaugeSVG {
  width: 299.1576px;
  height: 140px;
}
.FuelGauge--xl.FuelGauge .FuelGauge-overlay {
  width: 299.1576px;
  height: 140px;
}
.FuelGauge--xl.FuelGauge .FuelGauge-mask {
  width: 299.1576px;
  height: 169.5788px;
}
.FuelGauge--xl.FuelGauge .FuelGauge-mask:before {
  width: 299.1576px;
  height: 339.1576px;
}
.FuelGauge--xxl.FuelGauge {
  width: 341.8944px;
  height: 160px;
}
.FuelGauge--xxl.FuelGauge .FuelGaugeSVG {
  width: 341.8944px;
  height: 160px;
}
.FuelGauge--xxl.FuelGauge .FuelGauge-overlay {
  width: 341.8944px;
  height: 160px;
}
.FuelGauge--xxl.FuelGauge .FuelGauge-mask {
  width: 341.8944px;
  height: 190.9472px;
}
.FuelGauge--xxl.FuelGauge .FuelGauge-mask:before {
  width: 341.8944px;
  height: 381.8944px;
}
.FuelGauge-overlay {
  z-index: 4;
  fill: white;
  position: absolute;
  filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.15));
}
.FuelGauge-overlay:before,
.FuelGauge-overlay:after {
  display: block;
  content: '';
  height: 100%;
  width: 5px;
  background: white;
  top: 0;
  position: absolute;
}
.FuelGauge-overlay:before {
  left: 0;
}
.FuelGauge-overlay:after {
  right: 0;
}
.FuelGauge-mask {
  left: 0;
  top: -20px;
  overflow: hidden;
  position: absolute;
  background: transparent;
  animation: empty 0.5s;
  transform-origin: bottom;
  backface-visibility: hidden;
}
.FuelGauge-mask:before {
  top: 0;
  left: 0;
  z-index: 2;
  content: "";
  display: block;
  animation: fillUp 0.5s;
  position: absolute;
  margin: -1px 0 0 -1px;
  background: #ececec;
  border-radius: 50% 50% 0 0;
}
/**
 Animation
 */
@keyframes empty {
  from {
    transform: rotate(165deg) translate3d(0, 0, 0);
  }
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.GoalChart {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.GoalChart:before,
.GoalChart:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.GoalChart:after {
  clear: both;
}
.GoalChart-bars {
  margin: 0 auto;
  position: relative;
  width: 140px;
  height: 160px;
  border-bottom: 1px solid #999;
}
.GoalChart-line {
  top: 0;
  z-index: 20;
  left: -15%;
  width: 130%;
  position: absolute;
  border-bottom: 1px dotted #999;
}
.GoalChart-target {
  z-index: 20;
  left: 125%;
  font-size: 10px;
  text-align: left;
  margin-bottom: -20px;
  position: absolute;
}
.GoalChart-income-bars .GoalChart-shadow {
  right: 0;
}
.GoalChart-expense-bars .GoalChart-shadow {
  left: 0;
}
.GoalChart-income-inner-in-back,
.GoalChart-expense-inner-in-back {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAK0lEQVQYV2P8////f0ZGRkYGKADzYRwQDRIA0SgqwAIwbXAVUGMY0QVAqgGzDxf+fIja2gAAAABJRU5ErkJggg==) repeat;
  z-index: 5;
}
.GoalChart-income-inner-in-front,
.GoalChart-income-inner-in-back,
.GoalChart-expense-inner-in-front,
.GoalChart-expense-inner-in-back {
  bottom: 0;
  position: absolute;
}
.GoalChart-income-inner-in-front,
.GoalChart-expense-inner-in-front {
  z-index: 10;
}
.GoalChart-income-inner-in-front,
.GoalChart-income-inner-in-back {
  left: 5%;
  width: 45%;
  background-color: #62BDD0;
}
.GoalChart-expense-inner-in-front,
.GoalChart-expense-inner-in-back {
  width: 45%;
  right: 5%;
  background-color: #FEB734;
}
.GoalChart-income-inner-in-front {
  background-color: #62BDD0;
}
.GoalChart-expense-inner-in-front {
  background-color: #FEB734;
}
.GoalChart-shadow {
  top: 0;
  bottom: 0;
  width: 5px;
  opacity: 0;
  background: #000;
  position: absolute;
}
.GoalChart-shadow-on {
  opacity: 0.1;
}
.GoalChart-shadow-off {
  opacity: 0;
}
.GoalChart-target-text,
.GoalChart-target-value {
  display: block;
  line-height: normal;
}
.GoalChart-target-text {
  font-weight: bold;
}
.GoalChart-legends {
  margin-top: 10px;
}
.GoalChart-legends-income,
.GoalChart-legends-expense {
  display: inline-block;
  margin: 12px;
}
.GoalChart.is-negative .GoalChart-expense-inner-in-back,
.GoalChart.is-negative .GoalChart-expense-inner-in-front {
  background-color: #EF7F43;
}
.GoalChart.is-empty .GoalChart-target {
  bottom: 0 !important;
  margin-bottom: 0;
}
.GoalChart.is-empty .GoalChart-line {
  display: none;
}
.GoalChart.is-empty .GoalChart-expense-bars .GoalChart-expense-inner-in-front {
  height: 0 !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Textarea {
  display: inline-block;
  border: 0;
  box-sizing: border-box;
}
.Textarea.is-active {
  border-color: #566B76;
}
/* Descendants
------------------------------------------------------------ */
.Textarea-input {
  display: block;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  background: #fff;
  padding: 12px;
  line-height: 24px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  color: #4d4d4d;
}
.Textarea-input:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Textarea-input:hover {
  border-color: #566B76;
}
.is-active .Textarea-input {
  border-color: #566B76;
}
.Textarea-icon {
  position: absolute;
  right: 12px;
  top: 12px;
}
/* Modifiers
------------------------------------------------------------ */
.Textarea--info.is-active .Textarea-input {
  border-color: #62BDD0;
}
.Textarea--neutral.is-active .Textarea-input {
  border-color: #997AB6;
}
.Textarea--warning.is-active .Textarea-input {
  border-color: #FEB734;
}
.Textarea--negative.is-active .Textarea-input {
  border-color: #EF7F43;
}
.Textarea--positive.is-active .Textarea-input {
  border-color: #88BC76;
}
.Textarea--icon {
  position: relative;
}
.Textarea--icon .Textarea-input {
  padding-right: 42px;
}
.Textarea--1 .Textarea-input {
  padding: 6px 12px;
}
.Textarea--1 .Textarea-icon {
  position: absolute;
  right: 12px;
  top: 6px;
}
.Textarea--1.Textarea--icon .Textarea-input {
  padding-right: 36px;
}
.Textarea--block {
  width: 100%;
}
.Textarea--xxs .Textarea-input {
  font-size: 8px;
}
.Textarea--xs .Textarea-input {
  font-size: 10px;
}
.Textarea--sm .Textarea-input {
  font-size: 12px;
}
.Textarea--lg .Textarea-input {
  font-size: 16px;
}
.Textarea--xl .Textarea-input {
  font-size: 20px;
}
.Textarea--xxl .Textarea-input {
  font-size: 30px;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.FormLabel {
  display: block;
  margin-bottom: 6px;
}
.FormLabel-label {
  font-size: 14px;
  opacity: 0.75;
}
.FormLabel-tooltip {
  margin-left: 12px;
}
.FormLabel-required {
  color: #EF7F43;
  display: inline-block;
  margin: 0 5px;
}
.FormLabel-required--before {
  margin-left: 0;
}
.FormLabel-required--after {
  margin-left: 0;
}
.FormLabel-text {
  display: inline-block;
}
.FormLabel--xs .FormLabel-label {
  font-size: 10px;
}
.FormLabel--sm .FormLabel-label {
  font-size: 12px;
}
.FormLabel--lg .FormLabel-label {
  font-size: 16px;
}
.FormLabel--xl .FormLabel-label {
  font-size: 20px;
}
.FormLabel--xxl .FormLabel-label {
  font-size: 30px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Textarea,
.FormTextarea-control {
  display: inline-block;
  border: 0;
  box-sizing: border-box;
}
.Textarea.is-active,
.FormTextarea-control.is-active {
  border-color: #566B76;
}
/* Descendants
------------------------------------------------------------ */
.Textarea-input,
.FormTextarea-control-input {
  display: block;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  background: #fff;
  padding: 12px;
  line-height: 24px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  color: #4d4d4d;
}
.Textarea-input:focus,
.FormTextarea-control-input:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Textarea-input:hover,
.FormTextarea-control-input:hover {
  border-color: #566B76;
}
.is-active .Textarea-input,
.is-active .FormTextarea-control-input {
  border-color: #566B76;
}
.Textarea-icon {
  position: absolute;
  right: 12px;
  top: 12px;
}
/* Modifiers
------------------------------------------------------------ */
.Textarea--info.is-active .Textarea-input,
.FormTextarea-control--info.is-active .Textarea-input,
.Textarea--info.is-active .FormTextarea-control-input {
  border-color: #62BDD0;
}
.Textarea--info.is-active .FormTextarea-control,
.FormTextarea-control--info.is-active .FormTextarea-control {
  border-color: #62BDD0;
}
.Textarea--info.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label,
.FormTextarea-control--info.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #62BDD0;
}
.Textarea--info.FormTextarea--forms .FormTextarea-control,
.FormTextarea-control--info.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.Textarea--info.FormTextarea--forms .FormTextarea-control .FormTextarea-input,
.FormTextarea-control--info.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.Textarea--neutral.is-active .Textarea-input,
.FormTextarea-control--neutral.is-active .Textarea-input,
.Textarea--neutral.is-active .FormTextarea-control-input {
  border-color: #997AB6;
}
.Textarea--neutral.is-active .FormTextarea-control,
.FormTextarea-control--neutral.is-active .FormTextarea-control {
  border-color: #997AB6;
}
.Textarea--neutral.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label,
.FormTextarea-control--neutral.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #997AB6;
}
.Textarea--neutral.FormTextarea--forms .FormTextarea-control,
.FormTextarea-control--neutral.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.Textarea--neutral.FormTextarea--forms .FormTextarea-control .FormTextarea-input,
.FormTextarea-control--neutral.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.Textarea--warning.is-active .Textarea-input,
.FormTextarea-control--warning.is-active .Textarea-input,
.Textarea--warning.is-active .FormTextarea-control-input {
  border-color: #FEB734;
}
.Textarea--warning.is-active .FormTextarea-control,
.FormTextarea-control--warning.is-active .FormTextarea-control {
  border-color: #FEB734;
}
.Textarea--warning.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label,
.FormTextarea-control--warning.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #FEB734;
}
.Textarea--warning.FormTextarea--forms .FormTextarea-control,
.FormTextarea-control--warning.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.Textarea--warning.FormTextarea--forms .FormTextarea-control .FormTextarea-input,
.FormTextarea-control--warning.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.Textarea--negative.is-active .Textarea-input,
.FormTextarea-control--negative.is-active .Textarea-input,
.Textarea--negative.is-active .FormTextarea-control-input {
  border-color: #EF7F43;
}
.Textarea--negative.is-active .FormTextarea-control,
.FormTextarea-control--negative.is-active .FormTextarea-control {
  border-color: #EF7F43;
}
.Textarea--negative.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label,
.FormTextarea-control--negative.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #EF7F43;
}
.Textarea--negative.FormTextarea--forms .FormTextarea-control,
.FormTextarea-control--negative.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.Textarea--negative.FormTextarea--forms .FormTextarea-control .FormTextarea-input,
.FormTextarea-control--negative.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.Textarea--positive.is-active .Textarea-input,
.FormTextarea-control--positive.is-active .Textarea-input,
.Textarea--positive.is-active .FormTextarea-control-input {
  border-color: #88BC76;
}
.Textarea--positive.is-active .FormTextarea-control,
.FormTextarea-control--positive.is-active .FormTextarea-control {
  border-color: #88BC76;
}
.Textarea--positive.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label,
.FormTextarea-control--positive.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #88BC76;
}
.Textarea--positive.FormTextarea--forms .FormTextarea-control,
.FormTextarea-control--positive.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.Textarea--positive.FormTextarea--forms .FormTextarea-control .FormTextarea-input,
.FormTextarea-control--positive.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.Textarea--icon,
.FormTextarea-control--icon {
  position: relative;
}
.Textarea--icon .Textarea-input,
.FormTextarea-control--icon .Textarea-input,
.Textarea--icon .FormTextarea-control-input {
  padding-right: 42px;
}
.Textarea--1 .Textarea-input,
.FormTextarea-control--1 .Textarea-input,
.Textarea--1 .FormTextarea-control-input {
  padding: 6px 12px;
}
.Textarea--1 .Textarea-icon,
.FormTextarea-control--1 .Textarea-icon {
  position: absolute;
  right: 12px;
  top: 6px;
}
.Textarea--1.Textarea--icon .Textarea-input,
.FormTextarea-control--1.Textarea--icon .Textarea-input,
.Textarea--1.Textarea--icon .FormTextarea-control-input {
  padding-right: 36px;
}
.Textarea--block,
.FormTextarea-control--block {
  width: 100%;
}
.Textarea--xxs .Textarea-input,
.FormTextarea-control--xxs .Textarea-input,
.Textarea--xxs .FormTextarea-control-input {
  font-size: 8px;
}
.Textarea--xs .Textarea-input,
.FormTextarea-control--xs .Textarea-input,
.Textarea--xs .FormTextarea-control-input {
  font-size: 10px;
}
.Textarea--sm .Textarea-input,
.FormTextarea-control--sm .Textarea-input,
.Textarea--sm .FormTextarea-control-input {
  font-size: 12px;
}
.Textarea--lg .Textarea-input,
.FormTextarea-control--lg .Textarea-input,
.Textarea--lg .FormTextarea-control-input {
  font-size: 16px;
}
.Textarea--xl .Textarea-input,
.FormTextarea-control--xl .Textarea-input,
.Textarea--xl .FormTextarea-control-input {
  font-size: 20px;
}
.Textarea--xxl .Textarea-input,
.FormTextarea-control--xxl .Textarea-input,
.Textarea--xxl .FormTextarea-control-input {
  font-size: 30px;
}
/* Mixins
------------------------------------------------------------ */
/* Element
 ------------------------------------------------------------ */
.FormTextarea {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}
.FormTextarea .FormTextarea--central .FormTextarea-control-input {
  text-align: center;
}
.FormTextarea .FormTextarea-errors {
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
.FormTextarea.FormTextarea--grid {
  display: block;
}
.FormTextarea.FormTextarea--block {
  display: block;
}
.FormTextarea.FormTextarea--block .FormTextarea-control {
  width: 100%;
}
.FormTextarea.FormTextarea--block .FormTextarea-control-input {
  width: 100%;
}
.FormTextarea.FormTextarea--movable {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}
.FormTextarea.FormTextarea--movable .FormTextarea-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 1;
  transition-property: top, font-size, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.FormTextarea.FormTextarea--movable.is-empty .FormTextarea-label {
  opacity: 0;
  top: 6px;
}
.FormTextarea.FormTextarea--movable.is-empty .FormTextarea-label .FormLabel-label {
  font-size: 14px;
}
.FormTextarea.FormTextarea--movable .FormTextarea-errors {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 9px;
  z-index: 1;
}
.FormTextarea.FormTextarea--movable .FormTextarea-label {
  left: 10px;
}
.FormTextarea.is-invalid .FormTextarea-label .FormLabel-label {
  color: #EF7F43;
}
.Form--highlightRequired .FormTextarea.is-required .FormTextarea-label .FormLabel-label:after {
  content: ' *';
}
.FormTextarea.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label,
.FormTextarea.is-active.is-invalid.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #566B76;
}
.FormTextarea-control {
  display: inline-block;
  position: relative;
  font-size: 14px;
}
/* Modifiers
 ------------------------------------------------------------ */
.FormTextarea--info.is-active .Textarea-input,
.FormTextarea--info.is-active .FormTextarea-control-input {
  border-color: #62BDD0;
}
.FormTextarea--info.is-active .FormTextarea-control {
  border-color: #62BDD0;
}
.FormTextarea--info.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #62BDD0;
}
.FormTextarea--info.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.FormTextarea--info.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.FormTextarea--neutral.is-active .Textarea-input,
.FormTextarea--neutral.is-active .FormTextarea-control-input {
  border-color: #997AB6;
}
.FormTextarea--neutral.is-active .FormTextarea-control {
  border-color: #997AB6;
}
.FormTextarea--neutral.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #997AB6;
}
.FormTextarea--neutral.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.FormTextarea--neutral.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.FormTextarea--warning.is-active .Textarea-input,
.FormTextarea--warning.is-active .FormTextarea-control-input {
  border-color: #FEB734;
}
.FormTextarea--warning.is-active .FormTextarea-control {
  border-color: #FEB734;
}
.FormTextarea--warning.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #FEB734;
}
.FormTextarea--warning.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.FormTextarea--warning.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.FormTextarea--negative.is-active .Textarea-input,
.FormTextarea--negative.is-active .FormTextarea-control-input {
  border-color: #EF7F43;
}
.FormTextarea--negative.is-active .FormTextarea-control {
  border-color: #EF7F43;
}
.FormTextarea--negative.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #EF7F43;
}
.FormTextarea--negative.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.FormTextarea--negative.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.FormTextarea--positive.is-active .Textarea-input,
.FormTextarea--positive.is-active .FormTextarea-control-input {
  border-color: #88BC76;
}
.FormTextarea--positive.is-active .FormTextarea-control {
  border-color: #88BC76;
}
.FormTextarea--positive.is-active.FormTextarea--movable .FormTextarea-label .FormLabel-label {
  color: #88BC76;
}
.FormTextarea--positive.FormTextarea--forms .FormTextarea-control {
  border-color: #b3b3b3;
}
.FormTextarea--positive.FormTextarea--forms .FormTextarea-control .FormTextarea-input {
  color: #4d4d4d;
}
.FormTextarea--xl {
  font-size: 20px;
  line-height: 20px;
}
.FormTextarea--xl .FormTextarea-control-input {
  font-size: 20px;
  padding: 12px 0;
}
.FormTextarea--xl--forms .FormTextarea-control-input {
  padding: 12px;
}
.FormTextarea--forms .FormTextarea-control {
  border: 1px solid #b3b3b3;
  border-radius: 6px;
  background: #fff;
}
.FormTextarea--forms .FormTextarea-control .FormTextarea-control-input {
  padding: 6px 12px;
}
/* States
 ------------------------------------------------------------ */
.FormTextarea.is-invalid .FormTextarea-control {
  border-color: #EF7F43;
}
.FormTextarea.is-active .FormTextarea-control,
.FormTextarea.is-active.is-invalid .FormTextarea-control {
  border-color: #566B76;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Hashtag {
  position: relative;
  display: block;
}
.Hashtag textarea {
  resize: none;
}
/* Descendants
------------------------------------------------------------ */
.Hashtag-favorites {
  padding: 0 12px;
}
.Hashtag-favorites-list {
  margin-left: -12px;
}
.Hashtag-text {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.Hashtag-text .Textarea-input {
  box-sizing: border-box;
  width: 100%;
}
.Hashtag-autocomplete {
  width: auto;
  position: absolute;
  border-radius: 0 0 6px 6px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  z-index: 1;
  max-height: 150px;
  overflow: auto;
  margin-top: -10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  font-size: 12px;
}
.Hashtag-autocomplete ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Hashtag-autocomplete li {
  padding: 4px 12px;
  line-height: 24px;
}
.Hashtag-autocomplete li.is-active {
  color: #566B76;
  background-color: #e6e6e6;
}
.Hashtag-autocomplete a {
  text-decoration: underline;
  cursor: pointer;
  color: #4d4d4d;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.HeroHeader {
  min-height: 300px;
  box-shadow: inset 1px 4px 9px -9px rgba(0, 0, 0, 0.75);
  background-color: #F4F4F0;
}
.HeroHeader--primaryBrand {
  background-color: #E95949;
}
.HeroHeader--secondaryBrand {
  background-color: #4B5E68;
}
.HeroHeader--secondaryBrand.HeroHeader--light {
  background-color: #f0f3f4;
  box-shadow: 1px 4px 9px -9px rgba(0, 0, 0, 0.75);
}
.HeroHeader--tertiaryBrand {
  background-color: #F4F4F0;
}
.HeroHeader--xxl {
  min-height: 540px;
}
.HeroHeader--xl {
  min-height: 480px;
}
.HeroHeader--lg {
  min-height: 380px;
}
.HeroHeader--sm {
  min-height: 240px;
}
.HeroHeader--xs {
  min-height: 150px;
}
.HeroHeader--xxs {
  min-height: 120px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.InfinityList {
  position: relative;
}
/* Descendents
------------------------------------------------------------ */
.InfinityList-hasData {
  position: relative;
}
.InfinityList-loadLess {
  position: absolute;
  top: 0px;
}
.InfinityList-loadMore {
  position: absolute;
  bottom: 0px;
}
.InfinityList-loadMore-loader {
  position: relative;
  margin-bottom: 48px;
}
/* Modifiers
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.InputWithEmoji {
  position: relative;
}
.InputWithEmoji:hover .InputWithEmoji-toggleEmojiButton {
  opacity: 1;
}
.InputWithEmoji-toggleEmojiButton {
  position: absolute;
  right: 0;
  background: #eee;
  padding: 2px;
  bottom: 1px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.InputWithEmoji-toggleEmojiButton:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.InputWithEmoji.isExpanded .Input-toggleEmojiButton {
  opacity: 1 !important;
}
.InputWithEmoji-emojiPicker {
  position: absolute;
  top: 100%;
  z-index: 2;
}
.InputWithEmoji--right .InputWithEmoji-emojiPicker {
  right: 0;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.LabelWithOptions > * {
  display: inline-flex;
  align-items: center;
}
.LabelWithOptions--xxs {
  font-size: 10px;
}
.LabelWithOptions--xs {
  font-size: 12px;
}
.LabelWithOptions--sm {
  font-size: 12px;
}
.LabelWithOptions--lg {
  font-size: 16px;
}
.LabelWithOptions--xl {
  font-size: 20px;
}
.LabelWithOptions--xxl {
  font-size: 30px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Link {
  text-decoration: none;
}
.Link--primaryAction {
  color: #566B76;
}
.Link--primaryAction:hover {
  color: #2b363b;
}
.Link--secondaryAction {
  color: #b3b3b3;
}
.Link--secondaryAction:hover {
  color: #808080;
}
.Link--brandAction {
  color: #E95949;
}
.Link--brandAction:hover {
  color: #b62616;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Menigan {
  display: inline;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.MinimizedHeader .MinimizedBasic {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.MinimizedHeader .MinimizedBasic-content {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}
.MinimizedHeader .MinimizedBasic-header {
  margin: 0;
  line-height: 60px;
}
.MinimizedHeader .MinimizedBasic--centered {
  text-align: center;
}
.MinimizedHeader .MinimizedExpanded {
  position: static;
  height: 0;
  overflow: hidden;
}
.MinimizedHeader .MinimizedExpanded-content {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
/* States
 ------------------------------------------------------------ */
.MinimizedHeader--forceExpanded .MinimizedExpanded {
  height: auto;
}
.MinimizedHeader--forceExpanded .MinimizedExpanded-content {
  opacity: 1;
}
.MinimizedHeader--showBasic.is-expanded .MinimizedBasic {
  opacity: 1;
}
.MinimizedHeader--showBasic.is-expanded .MinimizedBasic-content {
  opacity: 1;
}
.MinimizedHeader--showBasic.is-expanded .MinimizedExpanded {
  opacity: 1;
}
.MinimizedHeader--showBasic.is-expanded .MinimizedExpanded-content {
  opacity: 1;
}
.MinimizedHeader--showExpanded.is-expanded .MinimizedBasic {
  opacity: 0;
  pointer-events: none;
}
.MinimizedHeader--showExpanded.is-expanded .MinimizedBasic-content {
  opacity: 0;
}
.MinimizedHeader--showExpanded.is-expanded .MinimizedExpanded {
  height: auto;
  overflow: visible;
}
.MinimizedHeader--showExpanded.is-expanded .MinimizedExpanded-content {
  opacity: 1;
}
/* Modifiers
 ------------------------------------------------------------ */
.MinimizedHeader .MinimizedBasic-content,
.MinimizedHeader .MinimizedExpanded-content {
  background-color: #F4F4F0;
  color: #4d4d4d;
}
.MinimizedHeader--primaryBrand .MinimizedBasic-content,
.MinimizedHeader--primaryBrand .MinimizedExpanded-content {
  background-color: #E95949;
  color: #ffffff;
}
.MinimizedHeader--secondaryBrand .MinimizedBasic-content,
.MinimizedHeader--secondaryBrand .MinimizedExpanded-content {
  background-color: #4B5E68;
  color: #ffffff;
}
.MinimizedHeader--tertiaryBrand .MinimizedBasic-content,
.MinimizedHeader--tertiaryBrand .MinimizedExpanded-content {
  background-color: #F4F4F0;
  color: #666666;
}
.Nav {
  margin: 0;
  padding: 0;
  text-align: center;
}
.Nav-item {
  list-style: none;
}
.Nav-link {
  display: inline-block;
  cursor: pointer;
}
.Nav-link .Icon {
  color: inherit;
}
.Nav-label {
  color: inherit;
}
.Nav--vertical .Nav-item {
  display: block;
}
.Nav--horizontal .Nav-item {
  display: inline-block;
  text-align: center;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.NavArrow {
  position: relative;
  display: inline-block;
}
.NavArrow-prev,
.NavArrow-next {
  margin: 0;
  padding: 0;
}
.NavArrow .NavArrow-prev,
.NavArrow .NavArrow-next {
  background: #4d4d4d;
}
.NavArrow.NavArrow--dark .NavArrow-prev,
.NavArrow.NavArrow--dark .NavArrow-next {
  background: #0d0d0d;
}
.NavArrow.NavArrow--light .NavArrow-prev,
.NavArrow.NavArrow--light .NavArrow-next {
  background: #808080;
}
.NavArrow.NavArrow--xlight .NavArrow-prev,
.NavArrow.NavArrow--xlight .NavArrow-next {
  background: #9a9a9a;
}
.NavArrow .NavArrow-prev:hover,
.NavArrow .NavArrow-next:hover {
  background: #fff;
  border-radius: 100%;
}
.NavArrow .NavArrow-prev:hover .Icon,
.NavArrow .NavArrow-next:hover .Icon {
  color: #4d4d4d !important;
}
.NavArrow .NavArrow-prev,
.NavArrow .NavArrow-next {
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.NavArrow .NavArrow-prev .Icon,
.NavArrow .NavArrow-next .Icon {
  top: 10px;
}
.NavArrow .NavArrow-prev .Icon {
  left: 9px;
}
.NavArrow .NavArrow-next .Icon {
  left: 11px;
}
.NavArrow-content {
  display: inline-block;
}
.NavArrow-prev,
.NavArrow-next {
  position: absolute;
  top: 50%;
  border-radius: 100%;
}
.NavArrow-prev:after,
.NavArrow-next:after {
  content: '';
  position: absolute;
  top: -12px;
  bottom: -12px;
  left: -100%;
  right: -100%;
}
.NavArrow-prev .Icon,
.NavArrow-next .Icon {
  position: absolute;
  color: #fff !important;
}
.NavArrow-prev .Icon:before,
.NavArrow-next .Icon:before {
  font-weight: bold !important;
}
.NavArrow-prev {
  right: 100%;
  margin-right: 24px;
}
.NavArrow-next {
  left: 100%;
  margin-left: 24px;
}
/* Modifiers
 ------------------------------------------------------------ */
.NavArrow--primaryAction .NavArrow-prev,
.NavArrow--primaryAction .NavArrow-next {
  background: #566B76;
}
.NavArrow--primaryAction.NavArrow--dark .NavArrow-prev,
.NavArrow--primaryAction.NavArrow--dark .NavArrow-next {
  background: #20282c;
}
.NavArrow--primaryAction.NavArrow--light .NavArrow-prev,
.NavArrow--primaryAction.NavArrow--light .NavArrow-next {
  background: #899ea9;
}
.NavArrow--primaryAction.NavArrow--xlight .NavArrow-prev,
.NavArrow--primaryAction.NavArrow--xlight .NavArrow-next {
  background: #a6b6bf;
}
.NavArrow--primaryAction .NavArrow-prev:hover,
.NavArrow--primaryAction .NavArrow-next:hover {
  background: #fff;
  border-radius: 100%;
}
.NavArrow--primaryAction .NavArrow-prev:hover .Icon,
.NavArrow--primaryAction .NavArrow-next:hover .Icon {
  color: #566B76 !important;
}
.NavArrow--secondaryAction .NavArrow-prev,
.NavArrow--secondaryAction .NavArrow-next {
  background: #b3b3b3;
}
.NavArrow--secondaryAction.NavArrow--dark .NavArrow-prev,
.NavArrow--secondaryAction.NavArrow--dark .NavArrow-next {
  background: #737373;
}
.NavArrow--secondaryAction.NavArrow--light .NavArrow-prev,
.NavArrow--secondaryAction.NavArrow--light .NavArrow-next {
  background: #e6e6e6;
}
.NavArrow--secondaryAction.NavArrow--xlight .NavArrow-prev,
.NavArrow--secondaryAction.NavArrow--xlight .NavArrow-next {
  background: #ffffff;
}
.NavArrow--secondaryAction .NavArrow-prev:hover,
.NavArrow--secondaryAction .NavArrow-next:hover {
  background: #fff;
  border-radius: 100%;
}
.NavArrow--secondaryAction .NavArrow-prev:hover .Icon,
.NavArrow--secondaryAction .NavArrow-next:hover .Icon {
  color: #b3b3b3 !important;
}
.NavArrow--brandAction .NavArrow-prev,
.NavArrow--brandAction .NavArrow-next {
  background: #E95949;
}
.NavArrow--brandAction.NavArrow--dark .NavArrow-prev,
.NavArrow--brandAction.NavArrow--dark .NavArrow-next {
  background: #9f2113;
}
.NavArrow--brandAction.NavArrow--light .NavArrow-prev,
.NavArrow--brandAction.NavArrow--light .NavArrow-next {
  background: #f4aca4;
}
.NavArrow--brandAction.NavArrow--xlight .NavArrow-prev,
.NavArrow--brandAction.NavArrow--xlight .NavArrow-next {
  background: #fad5d1;
}
.NavArrow--brandAction .NavArrow-prev:hover,
.NavArrow--brandAction .NavArrow-next:hover {
  background: #fff;
  border-radius: 100%;
}
.NavArrow--brandAction .NavArrow-prev:hover .Icon,
.NavArrow--brandAction .NavArrow-next:hover .Icon {
  color: #E95949 !important;
}
.NavArrow--xxs .NavArrow-prev,
.NavArrow--xxs .NavArrow-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.NavArrow--xxs .NavArrow-prev .Icon,
.NavArrow--xxs .NavArrow-next .Icon {
  top: 5px;
}
.NavArrow--xxs .NavArrow-prev .Icon {
  left: 4px;
}
.NavArrow--xxs .NavArrow-next .Icon {
  left: 6px;
}
.NavArrow--xs .NavArrow-prev,
.NavArrow--xs .NavArrow-next {
  width: 24px;
  height: 24px;
  margin-top: -12px;
}
.NavArrow--xs .NavArrow-prev .Icon,
.NavArrow--xs .NavArrow-next .Icon {
  top: 6px;
}
.NavArrow--xs .NavArrow-prev .Icon {
  left: 5px;
}
.NavArrow--xs .NavArrow-next .Icon {
  left: 7px;
}
.NavArrow--sm .NavArrow-prev,
.NavArrow--sm .NavArrow-next {
  width: 32px;
  height: 32px;
  margin-top: -16px;
}
.NavArrow--sm .NavArrow-prev .Icon,
.NavArrow--sm .NavArrow-next .Icon {
  top: 8px;
}
.NavArrow--sm .NavArrow-prev .Icon {
  left: 7px;
}
.NavArrow--sm .NavArrow-next .Icon {
  left: 9px;
}
.NavArrow--lg .NavArrow-prev,
.NavArrow--lg .NavArrow-next {
  width: 48px;
  height: 48px;
  margin-top: -24px;
}
.NavArrow--lg .NavArrow-prev .Icon,
.NavArrow--lg .NavArrow-next .Icon {
  top: 12px;
}
.NavArrow--lg .NavArrow-prev .Icon {
  left: 11px;
}
.NavArrow--lg .NavArrow-next .Icon {
  left: 13px;
}
.NavArrow--xl .NavArrow-prev,
.NavArrow--xl .NavArrow-next {
  width: 60px;
  height: 60px;
  margin-top: -30px;
}
.NavArrow--xl .NavArrow-prev .Icon,
.NavArrow--xl .NavArrow-next .Icon {
  top: 15px;
}
.NavArrow--xl .NavArrow-prev .Icon {
  left: 14px;
}
.NavArrow--xl .NavArrow-next .Icon {
  left: 16px;
}
.NavArrow--xxl .NavArrow-prev,
.NavArrow--xxl .NavArrow-next {
  width: 112px;
  height: 112px;
  margin-top: -56px;
}
.NavArrow--xxl .NavArrow-prev .Icon,
.NavArrow--xxl .NavArrow-next .Icon {
  top: 28px;
}
.NavArrow--xxl .NavArrow-prev .Icon {
  left: 27px;
}
.NavArrow--xxl .NavArrow-next .Icon {
  left: 29px;
}
/* Mixins
 ------------------------------------------------------------ */
.NumberPicker {
  display: inline-block;
}
.NumberPicker--block {
  display: block;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Popup {
  border-radius: 6px;
}
.Popup.Card {
  border: 0;
}
.Popup-header {
  background: #4B5E68;
  color: #fff;
  padding: 0 24px 0 24px;
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
}
.Popup-header .Heading {
  margin: 0;
}
.Popup-close--fixed {
  position: absolute;
  z-index: 1;
  top: 18px;
  right: 18px;
}
.Popup-close-button.Button.Button--icon {
  line-height: 14px;
  height: 24px;
}
.Popup-highlight {
  padding-top: 60px;
  padding-right: 90px;
  padding-bottom: 60px;
  padding-left: 90px;
  background: #F4F4F0;
}
@media (max-width: 768px) {
  .Popup-highlight {
    padding-top: 30px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
  }
}
.Popup-content {
  padding-top: 60px;
  padding-right: 90px;
  padding-bottom: 90px;
  padding-left: 90px;
}
@media (max-width: 768px) {
  .Popup-content {
    padding-top: 30px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
  }
}
.Popup-footer {
  padding-top: 60px;
  padding-right: 90px;
  padding-bottom: 90px;
  padding-left: 90px;
}
@media (max-width: 768px) {
  .Popup-footer {
    padding-top: 30px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
  }
}
.Popup-footer-buttons .ButtonGroup-item {
  max-width: 300px;
  min-width: 160px;
}
.Popup-footer-buttons--secondary {
  margin-top: 24px;
}
.Popup-footer-buttons--secondary .Button--link {
  justify-content: center;
}
.Popup--withSecondary .Popup-footer {
  padding-top: 60px;
  padding-right: 90px;
  padding-bottom: 30px;
  padding-left: 90px;
}
@media (max-width: 768px) {
  .Popup--withSecondary .Popup-footer {
    padding-top: 30px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
  }
}
.Popup-icon {
  position: absolute;
  margin-left: -54px;
  width: 108px;
  height: 108px;
  text-align: center;
  z-index: 1;
  left: 50%;
  top: -36px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .Popup-icon {
    top: 0;
  }
}
.Popup-icon .Icon {
  border-width: 2px;
}
.Popup--noHeader .Popup-close-button .Icon.Button-icon {
  color: #4d4d4d;
}
.Popup--noHeader .Popup-close-button .Icon.Button-icon:hover {
  color: #4d4d4d;
}
.Popup--vertical .Popup-footer .ButtonGroup {
  max-width: 300px;
  min-width: 160px;
  margin: 0px auto;
}
.Popup--vertical .Popup-footer .ButtonGroup-item {
  max-width: 100%;
  min-width: 100%;
}
.Popup--overlay {
  max-width: 776px;
  min-width: 500px;
  margin: 100px auto;
}
@media (max-width: 768px) {
  .Popup--overlay {
    min-width: 100%;
    margin: 0px auto;
  }
}
.Popup--lg {
  max-width: 866px;
}
.Popup--sm {
  max-width: 500px;
}
.Popup--central .Popup-header {
  text-align: center;
}
.Popup--withIcon.Popup--noHeader {
  padding-top: 90px;
}
.Popup--withIcon .Popup-body {
  padding-top: 66px;
  position: relative;
}
@media (max-width: 768px) {
  .Popup--withIcon .Popup-body {
    padding-top: 102px;
  }
}
.Popup--withIcon .Popup-header {
  background: transparent;
  color: #4d4d4d;
  padding: 12px 84px;
  border-radius: 6px 6px 0 0;
  text-align: center;
  display: block;
}
.Popup--withIcon .Popup-header .Heading {
  margin: 0;
  font-size: 30px;
  line-height: 30px;
}
@media (max-width: 768px) {
  .Popup--withIcon .Popup-header .Heading {
    font-size: 18px;
    line-height: 18px;
  }
}
.Popup--withIcon .Popup-close {
  position: absolute;
  right: 24px;
  top: 24px;
}
.Popup--withIcon .Popup-close-button .Icon.Button-icon {
  color: #4d4d4d;
}
.Popup--withIcon .Popup-close-button .Icon.Button-icon:hover {
  color: #4d4d4d;
}
.Popup--withIcon .Popup-content {
  padding-top: 24px;
  padding-right: 90px;
  padding-bottom: 90px;
  padding-left: 90px;
}
@media (max-width: 768px) {
  .Popup--withIcon .Popup-content {
    padding-top: 24px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
  }
}
.Popup--info .Popup-heading {
  color: #62BDD0;
}
.Popup--neutral .Popup-heading {
  color: #997AB6;
}
.Popup--positive .Popup-heading {
  color: #88BC76;
}
.Popup--warning .Popup-heading {
  color: #FEB734;
}
.Popup--negative .Popup-heading {
  color: #EF7F43;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Modal-overlay {
  z-index: 1000000;
}
.Modal--slideIn.Popup {
  border: 0;
  box-shadow: none;
  min-height: 100%;
  max-width: 1014px;
  margin: 0 0 0 auto;
}
.Modal--slideIn.Popup .Popup-body {
  min-height: 100%;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Page
 ------------------------------------------------------------ */
.Page {
  /* Modifiers
	 ------------------------------------------------------------ */
  /* States
	 ------------------------------------------------------------ */
}
.Page,
.Page .Page-header,
.Page .Page-header-title,
.Page .Page-body {
  box-sizing: border-box;
}
.Page .Page-error {
  margin: 24px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Pagination {
  display: block;
  margin: 12px 0;
  padding: 0;
  width: 100%;
  list-style: none;
  text-align: center;
}
/* Descendants
------------------------------------------------------------ */
.Pagination-item {
  display: inline-block;
  padding: 0 6px;
  line-height: 24px;
  min-width: 24px;
  box-sizing: border-box;
}
.Pagination-link {
  text-decoration: none;
  color: #4d4d4d;
}
.Pagination-link:hover {
  text-decoration: underline;
}
.Pagination-link-screenReader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Modifiers
 ------------------------------------------------------------ */
.Pagination-item--first {
  float: left;
  max-width: 150px;
  text-align: left;
}
.Pagination-item--last {
  float: right;
  max-width: 150px;
  text-align: right;
}
.Pagination--primaryAction .Pagination-link {
  color: #566B76;
}
.Pagination--primaryAction .Pagination-link:hover {
  color: #2b363b;
}
.Pagination--primaryAction .Pagination-item.is-selected {
  background-color: #566B76;
}
.Pagination--secondaryAction .Pagination-link {
  color: #b3b3b3;
}
.Pagination--secondaryAction .Pagination-link:hover {
  color: #808080;
}
.Pagination--secondaryAction .Pagination-item.is-selected {
  background-color: #b3b3b3;
}
.Pagination--brandAction .Pagination-link {
  color: #E95949;
}
.Pagination--brandAction .Pagination-link:hover {
  color: #b62616;
}
.Pagination--brandAction .Pagination-item.is-selected {
  background-color: #E95949;
}
.Pagination--dotStart.Pagination--noFirstLink .Pagination-item:nth-child(1):after {
  content: '...';
  margin-left: 12px;
}
.Pagination--dotStart.Pagination--hasFirstLink .Pagination-item:nth-child(2):after {
  content: '...';
  margin-left: 12px;
}
.Pagination--dotEnd.Pagination--noLastLink .Pagination-item:nth-last-child(1):before {
  content: '...';
  margin-right: 12px;
}
.Pagination--dotEnd.Pagination--hasLastLink .Pagination-item:nth-last-child(2):before {
  content: '...';
  margin-right: 12px;
}
.Pagination--right {
  float: right;
  width: auto;
}
/* States
 ------------------------------------------------------------ */
.Pagination-item.is-disabled:hover,
.Pagination-item.is-disabled:focus,
.Pagination-item.is-disabled .Pagination-link:hover,
.Pagination-item.is-disabled .Pagination-link:focus {
  color: #b3b3b3;
  cursor: default;
}
.Pagination-item.is-selected {
  position: relative;
  color: #fff;
  background-color: #4d4d4d;
  border-radius: 50%;
}
/* States
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.PagedList .pagedlistanim-enter {
  opacity: 0.01;
}
.PagedList .pagedlistanim-enter.pagedlistanim-enter-active {
  opacity: 1;
  transition: opacity 1000ms cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.PagedList .pagedlistanim-leave {
  opacity: 1;
}
.PagedList .pagedlistanim-leave.pagedlistanim-leave-active {
  opacity: 0.01;
  transition: opacity 1000ms cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Panel {
  border: 1px solid #e6e6e6;
  background: #ffffff;
  margin-bottom: 12px;
}
/* Descendants
------------------------------------------------------------ */
.Panel-header {
  font-weight: bold;
  padding: 12px;
  background: #F4F4F0;
  border-bottom: 1px solid #e6e6e6;
}
.Panel-body-inner {
  padding: 12px;
}
/* Modifiers
 ------------------------------------------------------------ */
/* States
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.PercentageChange {
  position: relative;
}
.PercentageChange .Caret {
  position: absolute;
  bottom: auto;
}
.PercentageChange .Caret--positive {
  top: 15px;
  left: 10px;
}
.PercentageChange .Caret--negative {
  top: 17px;
  left: 10px;
}
.PercentageChange-percentage {
  margin-left: 36px;
  font-size: 50px;
}
.PercentageChange--lg .PercentageChange-percentage {
  font-size: 36px;
}
.PercentageChange--xl .PercentageChange-percentage {
  font-size: 30px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.PeriodPicker--block .PeriodPicker-custom {
  display: block;
  margin-left: 0;
}
.PeriodPicker-custom {
  display: inline-block;
  margin-bottom: 12px;
  margin-left: 12px;
  vertical-align: top;
}
.PeriodPicker-select {
  margin-bottom: 12px;
}
.PeriodPicker-grid {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
}
.PeriodPicker-grid:before,
.PeriodPicker-grid:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.PeriodPicker-grid *:before,
.PeriodPicker-grid *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.PeriodPicker-grid .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.PeriodPicker-grid.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.PeriodPicker-custom-from,
.PeriodPicker-custom-to {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: calc(50% - 6px);
  margin: 0 6px 0 6px;
  padding: 0;
}
.PeriodPicker-custom-from:first-of-type,
.PeriodPicker-custom-to:first-of-type {
  margin-left: 0;
}
.PeriodPicker-custom-from:last-of-type,
.PeriodPicker-custom-to:last-of-type {
  margin-right: 0;
}
.PeriodPicker-custom-from .DatePicker-calendar,
.PeriodPicker-custom-to .DatePicker-calendar {
  width: calc(200% + 12px);
  max-width: 300px;
}
.PeriodPicker-custom-to .DatePicker-calendar {
  right: 0;
}
.PeriodPicker-error {
  font-size: 12px;
  color: #EF7F43;
  margin-top: 12px;
}
.PeriodPicker.is-error .PeriodPicker-custom .DatePicker-control-input {
  border-color: #EF7F43;
}
.PeriodPicker.is-error .PeriodPicker-custom .DatePicker-control-input .Icon {
  color: #EF7F43 !important;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.PeriodPillList {
  position: relative;
}
.PeriodPillList-custom-input .Column-content {
  padding: 12px;
}
.PeriodPillList-custom {
  position: absolute;
  z-index: 1000;
  right: 0;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border: 1px solid #e6e6e6;
  background: #ffffff;
  width: 250px;
}
.PeriodPillList-select.PillList {
  margin-bottom: 12px;
}
.PeriodPillList-error {
  font-size: 12px;
  color: #EF7F43;
  margin-top: 12px;
}
.PeriodPillList.is-error .PeriodPillList-custom .DatePicker-control-input {
  border-color: #EF7F43;
}
.PeriodPillList.is-error .PeriodPillList-custom .DatePicker-control-input .Icon {
  color: #EF7F43 !important;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.ProgressBar {
  background: #e6e6e6;
  height: 14px;
}
/* Descendants
------------------------------------------------------------ */
.ProgressBar-bar {
  background: #ccc;
  height: 100%;
}
.ProgressBar-bar-obj {
  opacity: 0;
  overflow: hidden;
  width: 0;
}
.ProgressBar-bar .Tooltip-outer {
  display: block;
}
.ProgressBar-bar-value {
  position: relative;
  z-index: 2;
  display: block;
}
/* Modifiers
 ------------------------------------------------------------ */
.ProgressBar--xs {
  height: 5px;
}
.ProgressBar--xs .ProgressBar-bar-value {
  line-height: 5px;
}
.ProgressBar--sm {
  height: 8px;
}
.ProgressBar--sm .ProgressBar-bar-value {
  line-height: 8px;
}
.ProgressBar--lg {
  height: 20px;
}
.ProgressBar--lg .ProgressBar-bar-value {
  line-height: 20px;
}
.ProgressBar--xl {
  height: 30px;
}
.ProgressBar--xl .ProgressBar-bar-value {
  line-height: 30px;
}
.ProgressBar--xxl {
  height: 40px;
}
.ProgressBar--xxl .ProgressBar-bar-value {
  line-height: 40px;
}
.ProgressBar-bar {
  background-color: var(--color);
  text-align: center;
}
.ProgressBar-bar.ProgressBar-bar--primary {
  background-color: #62BDD0;
}
.ProgressBar-bar.ProgressBar-bar--secondary {
  background-color: #566B76;
}
.ProgressBar-bar.ProgressBar-bar--tertiary {
  background-color: #997AB6;
}
.ProgressBar-bar.ProgressBar-bar--success {
  background-color: #88BC76;
}
.ProgressBar-bar.ProgressBar-bar--danger {
  background-color: #EF7F43;
}
.ProgressBar-bar.ProgressBar-bar--info {
  background-color: #62BDD0;
}
.ProgressBar-bar.ProgressBar-bar--positive {
  background-color: #88BC76;
}
.ProgressBar-bar.ProgressBar-bar--warning {
  background-color: #FEB734;
}
.ProgressBar-bar.ProgressBar-bar--negative {
  background-color: #EF7F43;
}
.ProgressBar-bar.ProgressBar-bar--neutral {
  background-color: #997AB6;
}
.ProgressBar-bar.ProgressBar-bar--primaryAction {
  background-color: #566B76;
}
.ProgressBar-bar.ProgressBar-bar--brandAction {
  background-color: #E95949;
}
.ProgressBar-bar.ProgressBar-bar--secondaryAction {
  background-color: #b3b3b3;
}
.ProgressBar-bar.ProgressBar-bar--primaryBrand {
  background-color: #E95949;
}
.ProgressBar-bar.ProgressBar-bar--secondaryBrand {
  background-color: #4B5E68;
}
.ProgressBar-bar.ProgressBar-bar--tertiaryBrand {
  background-color: #F4F4F0;
}
.ProgressBar-bar--invert {
  width: 100%;
}
.ProgressBar-bar-value {
  color: var(--textColor);
}
.ProgressBar-bar.size-0 {
  width: 0% !important;
}
.ProgressBar-bar.size-0.ProgressBar-bar--rounded {
  width: calc((0 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-0.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-1 {
  width: 1% !important;
}
.ProgressBar-bar.size-1.ProgressBar-bar--rounded {
  width: calc((1 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-1.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-2 {
  width: 2% !important;
}
.ProgressBar-bar.size-2.ProgressBar-bar--rounded {
  width: calc((2 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-2.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-3 {
  width: 3% !important;
}
.ProgressBar-bar.size-3.ProgressBar-bar--rounded {
  width: calc((3 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-3.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-4 {
  width: 4% !important;
}
.ProgressBar-bar.size-4.ProgressBar-bar--rounded {
  width: calc((4 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-4.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-5 {
  width: 5% !important;
}
.ProgressBar-bar.size-5.ProgressBar-bar--rounded {
  width: calc((5 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-5.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-6 {
  width: 6% !important;
}
.ProgressBar-bar.size-6.ProgressBar-bar--rounded {
  width: calc((6 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-6.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-7 {
  width: 7% !important;
}
.ProgressBar-bar.size-7.ProgressBar-bar--rounded {
  width: calc((7 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-7.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-8 {
  width: 8% !important;
}
.ProgressBar-bar.size-8.ProgressBar-bar--rounded {
  width: calc((8 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-8.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-9 {
  width: 9% !important;
}
.ProgressBar-bar.size-9.ProgressBar-bar--rounded {
  width: calc((9 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-9.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-10 {
  width: 10% !important;
}
.ProgressBar-bar.size-10.ProgressBar-bar--rounded {
  width: calc((10 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-10.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-11 {
  width: 11% !important;
}
.ProgressBar-bar.size-11.ProgressBar-bar--rounded {
  width: calc((11 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-11.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-12 {
  width: 12% !important;
}
.ProgressBar-bar.size-12.ProgressBar-bar--rounded {
  width: calc((12 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-12.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-13 {
  width: 13% !important;
}
.ProgressBar-bar.size-13.ProgressBar-bar--rounded {
  width: calc((13 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-13.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-14 {
  width: 14% !important;
}
.ProgressBar-bar.size-14.ProgressBar-bar--rounded {
  width: calc((14 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-14.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-15 {
  width: 15% !important;
}
.ProgressBar-bar.size-15.ProgressBar-bar--rounded {
  width: calc((15 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-15.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-16 {
  width: 16% !important;
}
.ProgressBar-bar.size-16.ProgressBar-bar--rounded {
  width: calc((16 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-16.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-17 {
  width: 17% !important;
}
.ProgressBar-bar.size-17.ProgressBar-bar--rounded {
  width: calc((17 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-17.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-18 {
  width: 18% !important;
}
.ProgressBar-bar.size-18.ProgressBar-bar--rounded {
  width: calc((18 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-18.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-19 {
  width: 19% !important;
}
.ProgressBar-bar.size-19.ProgressBar-bar--rounded {
  width: calc((19 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-19.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-20 {
  width: 20% !important;
}
.ProgressBar-bar.size-20.ProgressBar-bar--rounded {
  width: calc((20 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-20.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-21 {
  width: 21% !important;
}
.ProgressBar-bar.size-21.ProgressBar-bar--rounded {
  width: calc((21 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-21.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-22 {
  width: 22% !important;
}
.ProgressBar-bar.size-22.ProgressBar-bar--rounded {
  width: calc((22 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-22.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-23 {
  width: 23% !important;
}
.ProgressBar-bar.size-23.ProgressBar-bar--rounded {
  width: calc((23 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-23.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-24 {
  width: 24% !important;
}
.ProgressBar-bar.size-24.ProgressBar-bar--rounded {
  width: calc((24 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-24.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-25 {
  width: 25% !important;
}
.ProgressBar-bar.size-25.ProgressBar-bar--rounded {
  width: calc((25 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-25.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-26 {
  width: 26% !important;
}
.ProgressBar-bar.size-26.ProgressBar-bar--rounded {
  width: calc((26 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-26.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-27 {
  width: 27% !important;
}
.ProgressBar-bar.size-27.ProgressBar-bar--rounded {
  width: calc((27 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-27.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-28 {
  width: 28% !important;
}
.ProgressBar-bar.size-28.ProgressBar-bar--rounded {
  width: calc((28 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-28.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-29 {
  width: 29% !important;
}
.ProgressBar-bar.size-29.ProgressBar-bar--rounded {
  width: calc((29 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-29.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-30 {
  width: 30% !important;
}
.ProgressBar-bar.size-30.ProgressBar-bar--rounded {
  width: calc((30 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-30.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-31 {
  width: 31% !important;
}
.ProgressBar-bar.size-31.ProgressBar-bar--rounded {
  width: calc((31 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-31.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-32 {
  width: 32% !important;
}
.ProgressBar-bar.size-32.ProgressBar-bar--rounded {
  width: calc((32 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-32.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-33 {
  width: 33% !important;
}
.ProgressBar-bar.size-33.ProgressBar-bar--rounded {
  width: calc((33 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-33.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-34 {
  width: 34% !important;
}
.ProgressBar-bar.size-34.ProgressBar-bar--rounded {
  width: calc((34 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-34.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-35 {
  width: 35% !important;
}
.ProgressBar-bar.size-35.ProgressBar-bar--rounded {
  width: calc((35 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-35.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-36 {
  width: 36% !important;
}
.ProgressBar-bar.size-36.ProgressBar-bar--rounded {
  width: calc((36 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-36.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-37 {
  width: 37% !important;
}
.ProgressBar-bar.size-37.ProgressBar-bar--rounded {
  width: calc((37 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-37.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-38 {
  width: 38% !important;
}
.ProgressBar-bar.size-38.ProgressBar-bar--rounded {
  width: calc((38 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-38.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-39 {
  width: 39% !important;
}
.ProgressBar-bar.size-39.ProgressBar-bar--rounded {
  width: calc((39 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-39.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-40 {
  width: 40% !important;
}
.ProgressBar-bar.size-40.ProgressBar-bar--rounded {
  width: calc((40 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-40.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-41 {
  width: 41% !important;
}
.ProgressBar-bar.size-41.ProgressBar-bar--rounded {
  width: calc((41 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-41.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-42 {
  width: 42% !important;
}
.ProgressBar-bar.size-42.ProgressBar-bar--rounded {
  width: calc((42 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-42.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-43 {
  width: 43% !important;
}
.ProgressBar-bar.size-43.ProgressBar-bar--rounded {
  width: calc((43 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-43.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-44 {
  width: 44% !important;
}
.ProgressBar-bar.size-44.ProgressBar-bar--rounded {
  width: calc((44 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-44.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-45 {
  width: 45% !important;
}
.ProgressBar-bar.size-45.ProgressBar-bar--rounded {
  width: calc((45 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-45.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-46 {
  width: 46% !important;
}
.ProgressBar-bar.size-46.ProgressBar-bar--rounded {
  width: calc((46 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-46.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-47 {
  width: 47% !important;
}
.ProgressBar-bar.size-47.ProgressBar-bar--rounded {
  width: calc((47 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-47.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-48 {
  width: 48% !important;
}
.ProgressBar-bar.size-48.ProgressBar-bar--rounded {
  width: calc((48 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-48.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-49 {
  width: 49% !important;
}
.ProgressBar-bar.size-49.ProgressBar-bar--rounded {
  width: calc((49 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-49.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-50 {
  width: 50% !important;
}
.ProgressBar-bar.size-50.ProgressBar-bar--rounded {
  width: calc((50 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-50.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-51 {
  width: 51% !important;
}
.ProgressBar-bar.size-51.ProgressBar-bar--rounded {
  width: calc((51 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-51.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-52 {
  width: 52% !important;
}
.ProgressBar-bar.size-52.ProgressBar-bar--rounded {
  width: calc((52 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-52.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-53 {
  width: 53% !important;
}
.ProgressBar-bar.size-53.ProgressBar-bar--rounded {
  width: calc((53 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-53.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-54 {
  width: 54% !important;
}
.ProgressBar-bar.size-54.ProgressBar-bar--rounded {
  width: calc((54 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-54.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-55 {
  width: 55% !important;
}
.ProgressBar-bar.size-55.ProgressBar-bar--rounded {
  width: calc((55 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-55.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-56 {
  width: 56% !important;
}
.ProgressBar-bar.size-56.ProgressBar-bar--rounded {
  width: calc((56 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-56.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-57 {
  width: 57% !important;
}
.ProgressBar-bar.size-57.ProgressBar-bar--rounded {
  width: calc((57 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-57.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-58 {
  width: 58% !important;
}
.ProgressBar-bar.size-58.ProgressBar-bar--rounded {
  width: calc((58 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-58.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-59 {
  width: 59% !important;
}
.ProgressBar-bar.size-59.ProgressBar-bar--rounded {
  width: calc((59 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-59.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-60 {
  width: 60% !important;
}
.ProgressBar-bar.size-60.ProgressBar-bar--rounded {
  width: calc((60 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-60.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-61 {
  width: 61% !important;
}
.ProgressBar-bar.size-61.ProgressBar-bar--rounded {
  width: calc((61 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-61.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-62 {
  width: 62% !important;
}
.ProgressBar-bar.size-62.ProgressBar-bar--rounded {
  width: calc((62 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-62.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-63 {
  width: 63% !important;
}
.ProgressBar-bar.size-63.ProgressBar-bar--rounded {
  width: calc((63 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-63.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-64 {
  width: 64% !important;
}
.ProgressBar-bar.size-64.ProgressBar-bar--rounded {
  width: calc((64 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-64.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-65 {
  width: 65% !important;
}
.ProgressBar-bar.size-65.ProgressBar-bar--rounded {
  width: calc((65 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-65.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-66 {
  width: 66% !important;
}
.ProgressBar-bar.size-66.ProgressBar-bar--rounded {
  width: calc((66 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-66.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-67 {
  width: 67% !important;
}
.ProgressBar-bar.size-67.ProgressBar-bar--rounded {
  width: calc((67 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-67.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-68 {
  width: 68% !important;
}
.ProgressBar-bar.size-68.ProgressBar-bar--rounded {
  width: calc((68 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-68.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-69 {
  width: 69% !important;
}
.ProgressBar-bar.size-69.ProgressBar-bar--rounded {
  width: calc((69 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-69.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-70 {
  width: 70% !important;
}
.ProgressBar-bar.size-70.ProgressBar-bar--rounded {
  width: calc((70 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-70.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-71 {
  width: 71% !important;
}
.ProgressBar-bar.size-71.ProgressBar-bar--rounded {
  width: calc((71 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-71.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-72 {
  width: 72% !important;
}
.ProgressBar-bar.size-72.ProgressBar-bar--rounded {
  width: calc((72 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-72.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-73 {
  width: 73% !important;
}
.ProgressBar-bar.size-73.ProgressBar-bar--rounded {
  width: calc((73 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-73.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-74 {
  width: 74% !important;
}
.ProgressBar-bar.size-74.ProgressBar-bar--rounded {
  width: calc((74 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-74.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-75 {
  width: 75% !important;
}
.ProgressBar-bar.size-75.ProgressBar-bar--rounded {
  width: calc((75 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-75.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-76 {
  width: 76% !important;
}
.ProgressBar-bar.size-76.ProgressBar-bar--rounded {
  width: calc((76 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-76.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-77 {
  width: 77% !important;
}
.ProgressBar-bar.size-77.ProgressBar-bar--rounded {
  width: calc((77 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-77.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-78 {
  width: 78% !important;
}
.ProgressBar-bar.size-78.ProgressBar-bar--rounded {
  width: calc((78 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-78.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-79 {
  width: 79% !important;
}
.ProgressBar-bar.size-79.ProgressBar-bar--rounded {
  width: calc((79 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-79.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-80 {
  width: 80% !important;
}
.ProgressBar-bar.size-80.ProgressBar-bar--rounded {
  width: calc((80 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-80.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-81 {
  width: 81% !important;
}
.ProgressBar-bar.size-81.ProgressBar-bar--rounded {
  width: calc((81 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-81.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-82 {
  width: 82% !important;
}
.ProgressBar-bar.size-82.ProgressBar-bar--rounded {
  width: calc((82 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-82.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-83 {
  width: 83% !important;
}
.ProgressBar-bar.size-83.ProgressBar-bar--rounded {
  width: calc((83 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-83.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-84 {
  width: 84% !important;
}
.ProgressBar-bar.size-84.ProgressBar-bar--rounded {
  width: calc((84 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-84.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-85 {
  width: 85% !important;
}
.ProgressBar-bar.size-85.ProgressBar-bar--rounded {
  width: calc((85 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-85.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-86 {
  width: 86% !important;
}
.ProgressBar-bar.size-86.ProgressBar-bar--rounded {
  width: calc((86 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-86.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-87 {
  width: 87% !important;
}
.ProgressBar-bar.size-87.ProgressBar-bar--rounded {
  width: calc((87 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-87.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-88 {
  width: 88% !important;
}
.ProgressBar-bar.size-88.ProgressBar-bar--rounded {
  width: calc((88 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-88.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-89 {
  width: 89% !important;
}
.ProgressBar-bar.size-89.ProgressBar-bar--rounded {
  width: calc((89 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-89.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-90 {
  width: 90% !important;
}
.ProgressBar-bar.size-90.ProgressBar-bar--rounded {
  width: calc((90 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-90.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-91 {
  width: 91% !important;
}
.ProgressBar-bar.size-91.ProgressBar-bar--rounded {
  width: calc((91 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-91.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-92 {
  width: 92% !important;
}
.ProgressBar-bar.size-92.ProgressBar-bar--rounded {
  width: calc((92 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-92.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-93 {
  width: 93% !important;
}
.ProgressBar-bar.size-93.ProgressBar-bar--rounded {
  width: calc((93 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-93.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-94 {
  width: 94% !important;
}
.ProgressBar-bar.size-94.ProgressBar-bar--rounded {
  width: calc((94 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-94.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-95 {
  width: 95% !important;
}
.ProgressBar-bar.size-95.ProgressBar-bar--rounded {
  width: calc((95 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-95.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-96 {
  width: 96% !important;
}
.ProgressBar-bar.size-96.ProgressBar-bar--rounded {
  width: calc((96 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-96.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-97 {
  width: 97% !important;
}
.ProgressBar-bar.size-97.ProgressBar-bar--rounded {
  width: calc((97 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-97.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-98 {
  width: 98% !important;
}
.ProgressBar-bar.size-98.ProgressBar-bar--rounded {
  width: calc((98 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-98.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-99 {
  width: 99% !important;
}
.ProgressBar-bar.size-99.ProgressBar-bar--rounded {
  width: calc((99 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-99.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar-bar.size-100 {
  width: 100% !important;
}
.ProgressBar-bar.size-100.ProgressBar-bar--rounded {
  width: calc((100 * 100% / 100) + 24px) !important;
}
.ProgressBar-bar.size-100.ProgressBar-bar--rounded .ProgressBar-bar-value {
  margin-left: 12px;
}
.ProgressBar--animate .ProgressBar-bar {
  width: 0%;
  transition: width 1s ease;
}
.ProgressBar--animate .ProgressBar-bar.ProgressBar-bar--invert {
  width: 100%;
}
.ProgressBar-bar--rounded {
  position: relative;
  border-radius: 0 24px 24px 0;
}
/* States
 ------------------------------------------------------------ */
/* Mixins
 ------------------------------------------------------------ */
/* Mixins */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.ProgressStep {
  position: relative;
}
.ProgressStep:after {
  content: '';
  position: absolute;
  height: 1px;
  background: #666666;
  z-index: 0;
}
.ProgressStep-button {
  outline: none;
  cursor: default;
}
.ProgressStep-grid {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
}
.ProgressStep-grid:before,
.ProgressStep-grid:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.ProgressStep-grid *:before,
.ProgressStep-grid *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.ProgressStep-grid .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ProgressStep-grid.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.ProgressStep-step {
  box-sizing: border-box;
}
.ProgressStep-step-key {
  border-radius: 50%;
  border: 1px solid #4d4d4d;
  text-align: center;
  font-weight: bold;
  margin: 0px auto;
  position: relative;
  background: #ffffff;
  z-index: 1;
}
.ProgressStep-step-key:before {
  content: '';
  position: absolute;
  height: 1px;
  background: #ffffff;
  right: 100%;
  margin-right: 1px;
  z-index: 1;
}
.ProgressStep-step-key:after {
  content: '';
  position: absolute;
  height: 1px;
  background: #ffffff;
  left: 100%;
  margin-left: 1px;
  z-index: 1;
}
.ProgressStep-step-name {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  padding: 12px 0;
}
.ProgressStep-step--selected .ProgressStep-step-key {
  background: #9a9a9a;
}
.ProgressStep-step--done .ProgressStep-step-key {
  color: #fff;
  background: #666666;
}
.ProgressStep:after {
  top: 30px;
}
.ProgressStep .ProgressStep-step-key {
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 30px;
}
.ProgressStep .ProgressStep-step-key:before {
  width: 40px;
  top: 29px;
}
.ProgressStep .ProgressStep-step-key:after {
  width: 40px;
  top: 29px;
}
.ProgressStep--2 .ProgressStep-step {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 50%;
  padding: 0;
}
.ProgressStep--2.ProgressStep:after {
  width: 50%;
  left: 25%;
}
.ProgressStep--3 .ProgressStep-step {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 33.33333333%;
  padding: 0;
}
.ProgressStep--3.ProgressStep:after {
  width: 66.66666667%;
  left: 16.66666667%;
}
.ProgressStep--4 .ProgressStep-step {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 25%;
  padding: 0;
}
.ProgressStep--4.ProgressStep:after {
  width: 75%;
  left: 12.5%;
}
.ProgressStep--5 .ProgressStep-step {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 20%;
  padding: 0;
}
.ProgressStep--5.ProgressStep:after {
  width: 80%;
  left: 10%;
}
.ProgressStep--6 .ProgressStep-step {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: left;
  text-align: start;
  text-align: initial;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  -moz-text-align-last: initial;
  text-align-last: left;
  text-align-last: start;
  text-align-last: initial;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 12px;
  width: 16.66666667%;
  padding: 0;
}
.ProgressStep--6.ProgressStep:after {
  width: 83.33333333%;
  left: 8.33333333%;
}
.ProgressStep--info .ProgressStep-step-key {
  border-color: #62BDD0;
  color: #62BDD0;
}
.ProgressStep--info .ProgressStep-step--selected .ProgressStep-step-key {
  background: #d8eef3;
}
.ProgressStep--info .ProgressStep-step--done .ProgressStep-step-key {
  color: #fff;
  background: #62BDD0;
}
.ProgressStep--info.ProgressStep--hideStepNumber .ProgressStep-step--selected .ProgressStep-step-key {
  background: #62BDD0;
}
.ProgressStep--neutral .ProgressStep-step-key {
  border-color: #997AB6;
  color: #997AB6;
}
.ProgressStep--neutral .ProgressStep-step--selected .ProgressStep-step-key {
  background: #e5ddec;
}
.ProgressStep--neutral .ProgressStep-step--done .ProgressStep-step-key {
  color: #fff;
  background: #997AB6;
}
.ProgressStep--neutral.ProgressStep--hideStepNumber .ProgressStep-step--selected .ProgressStep-step-key {
  background: #997AB6;
}
.ProgressStep--warning .ProgressStep-step-key {
  border-color: #FEB734;
  color: #FEB734;
}
.ProgressStep--warning .ProgressStep-step--selected .ProgressStep-step-key {
  background: #ffedcc;
}
.ProgressStep--warning .ProgressStep-step--done .ProgressStep-step-key {
  color: #fff;
  background: #FEB734;
}
.ProgressStep--warning.ProgressStep--hideStepNumber .ProgressStep-step--selected .ProgressStep-step-key {
  background: #FEB734;
}
.ProgressStep--positive .ProgressStep-step-key {
  border-color: #88BC76;
  color: #88BC76;
}
.ProgressStep--positive .ProgressStep-step--selected .ProgressStep-step-key {
  background: #e1eedd;
}
.ProgressStep--positive .ProgressStep-step--done .ProgressStep-step-key {
  color: #fff;
  background: #88BC76;
}
.ProgressStep--positive.ProgressStep--hideStepNumber .ProgressStep-step--selected .ProgressStep-step-key {
  background: #88BC76;
}
.ProgressStep--negative .ProgressStep-step-key {
  border-color: #EF7F43;
  color: #EF7F43;
}
.ProgressStep--negative .ProgressStep-step--selected .ProgressStep-step-key {
  background: #fbdfd0;
}
.ProgressStep--negative .ProgressStep-step--done .ProgressStep-step-key {
  color: #fff;
  background: #EF7F43;
}
.ProgressStep--negative.ProgressStep--hideStepNumber .ProgressStep-step--selected .ProgressStep-step-key {
  background: #EF7F43;
}
.ProgressStep--clickable .ProgressStep-button {
  cursor: pointer;
}
.ProgressStep--hideStepNumber .ProgressStep-step-key {
  color: transparent;
}
.ProgressStep--hideSeperator:after {
  display: none;
}
.ProgressStep--hideSeperator .ProgressStep-step-key:after,
.ProgressStep--hideSeperator .ProgressStep-step-key:before {
  display: none;
}
.ProgressStep--hideSeperator.ProgressStep--hideStepNumber .ProgressStep-step-key {
  background: none;
}
.ProgressStep--sm:after {
  top: 15px;
}
.ProgressStep--sm .ProgressStep-step-key {
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 15px;
}
.ProgressStep--sm .ProgressStep-step-key:before {
  width: 20px;
  top: 14px;
}
.ProgressStep--sm .ProgressStep-step-key:after {
  width: 20px;
  top: 14px;
}
.ProgressStep--xs:after {
  top: 9px;
}
.ProgressStep--xs .ProgressStep-step-key {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 9px;
}
.ProgressStep--xs .ProgressStep-step-key:before {
  width: 12px;
  top: 8px;
}
.ProgressStep--xs .ProgressStep-step-key:after {
  width: 12px;
  top: 8px;
}
.ProgressStep--xxs:after {
  top: 6px;
}
.ProgressStep--xxs .ProgressStep-step-key {
  height: 12px;
  width: 12px;
  line-height: 12px;
  font-size: 6px;
}
.ProgressStep--xxs .ProgressStep-step-key:before {
  width: 8px;
  top: 5px;
}
.ProgressStep--xxs .ProgressStep-step-key:after {
  width: 8px;
  top: 5px;
}
.ProgressStep--lg:after {
  top: 36px;
}
.ProgressStep--lg .ProgressStep-step-key {
  height: 72px;
  width: 72px;
  line-height: 72px;
  font-size: 36px;
}
.ProgressStep--lg .ProgressStep-step-key:before {
  width: 48px;
  top: 35px;
}
.ProgressStep--lg .ProgressStep-step-key:after {
  width: 48px;
  top: 35px;
}
.ProgressStep--xl:after {
  top: 42px;
}
.ProgressStep--xl .ProgressStep-step-key {
  height: 84px;
  width: 84px;
  line-height: 84px;
  font-size: 42px;
}
.ProgressStep--xl .ProgressStep-step-key:before {
  width: 56px;
  top: 41px;
}
.ProgressStep--xl .ProgressStep-step-key:after {
  width: 56px;
  top: 41px;
}
.ProgressStep--xxl:after {
  top: 48px;
}
.ProgressStep--xxl .ProgressStep-step-key {
  height: 96px;
  width: 96px;
  line-height: 96px;
  font-size: 48px;
}
.ProgressStep--xxl .ProgressStep-step-key:before {
  width: 64px;
  top: 47px;
}
.ProgressStep--xxl .ProgressStep-step-key:after {
  width: 64px;
  top: 47px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Radio {
  display: inline-block;
  margin: 0 12px;
  line-height: 36px;
  position: relative;
  padding-left: 36px;
  font-size: 14px;
}
.Radio .Radio-input:checked + .Radio-icon {
  border-color: #4d4d4d;
}
.Radio .Radio-input:focus + .Radio-icon {
  border-color: #4d4d4d;
}
.Radio .Radio-icon:after {
  background: #4d4d4d;
}
.Radio:not(.is-disabled):focus .Radio-icon:after,
.Radio:not(.is-disabled):hover .Radio-icon:after {
  opacity: 1;
  background: #e6e6e6;
}
.Radio:not(.is-disabled):focus .Radio-input:checked + .Radio-icon:after,
.Radio:not(.is-disabled):hover .Radio-input:checked + .Radio-icon:after {
  background: #4d4d4d;
}
.Radio.Radio--bordered.is-checked:after {
  background: #4d4d4d;
}
/* Descendents
------------------------------------------------------------ */
.Radio-text {
  cursor: pointer;
  color: #4d4d4d;
}
.Radio-icon {
  color: #b3b3b3;
  width: 14px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 2px solid #e4e4e4;
  border-radius: 100%;
  box-sizing: content-box;
}
.Radio-icon:after {
  content: '';
  position: absolute;
  background: #fff;
  opacity: 0;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  top: 2px;
  left: 2px;
  box-sizing: content-box;
}
.Radio-wrapper {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
}
.Radio-input {
  position: relative;
  left: -99999px;
}
.Radio-input:checked + .Radio-icon:after {
  opacity: 1;
}
.Radio-input:focus + .Radio-icon {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Radio-label {
  line-height: 36px;
}
/* Modifiers
 ------------------------------------------------------------ */
.Radio--info .Radio-input:checked + .Radio-icon {
  border-color: #62BDD0;
}
.Radio--info .Radio-input:focus + .Radio-icon {
  border-color: #62BDD0;
}
.Radio--info .Radio-icon:after {
  background: #62BDD0;
}
.Radio--info:not(.is-disabled):focus .Radio-icon:after,
.Radio--info:not(.is-disabled):hover .Radio-icon:after {
  opacity: 1;
  background: #e6e6e6;
}
.Radio--info:not(.is-disabled):focus .Radio-input:checked + .Radio-icon:after,
.Radio--info:not(.is-disabled):hover .Radio-input:checked + .Radio-icon:after {
  background: #62BDD0;
}
.Radio--info.Radio--bordered.is-checked:after {
  background: #62BDD0;
}
.Radio--neutral .Radio-input:checked + .Radio-icon {
  border-color: #997AB6;
}
.Radio--neutral .Radio-input:focus + .Radio-icon {
  border-color: #997AB6;
}
.Radio--neutral .Radio-icon:after {
  background: #997AB6;
}
.Radio--neutral:not(.is-disabled):focus .Radio-icon:after,
.Radio--neutral:not(.is-disabled):hover .Radio-icon:after {
  opacity: 1;
  background: #e6e6e6;
}
.Radio--neutral:not(.is-disabled):focus .Radio-input:checked + .Radio-icon:after,
.Radio--neutral:not(.is-disabled):hover .Radio-input:checked + .Radio-icon:after {
  background: #997AB6;
}
.Radio--neutral.Radio--bordered.is-checked:after {
  background: #997AB6;
}
.Radio--warning .Radio-input:checked + .Radio-icon {
  border-color: #FEB734;
}
.Radio--warning .Radio-input:focus + .Radio-icon {
  border-color: #FEB734;
}
.Radio--warning .Radio-icon:after {
  background: #FEB734;
}
.Radio--warning:not(.is-disabled):focus .Radio-icon:after,
.Radio--warning:not(.is-disabled):hover .Radio-icon:after {
  opacity: 1;
  background: #e6e6e6;
}
.Radio--warning:not(.is-disabled):focus .Radio-input:checked + .Radio-icon:after,
.Radio--warning:not(.is-disabled):hover .Radio-input:checked + .Radio-icon:after {
  background: #FEB734;
}
.Radio--warning.Radio--bordered.is-checked:after {
  background: #FEB734;
}
.Radio--positive .Radio-input:checked + .Radio-icon {
  border-color: #88BC76;
}
.Radio--positive .Radio-input:focus + .Radio-icon {
  border-color: #88BC76;
}
.Radio--positive .Radio-icon:after {
  background: #88BC76;
}
.Radio--positive:not(.is-disabled):focus .Radio-icon:after,
.Radio--positive:not(.is-disabled):hover .Radio-icon:after {
  opacity: 1;
  background: #e6e6e6;
}
.Radio--positive:not(.is-disabled):focus .Radio-input:checked + .Radio-icon:after,
.Radio--positive:not(.is-disabled):hover .Radio-input:checked + .Radio-icon:after {
  background: #88BC76;
}
.Radio--positive.Radio--bordered.is-checked:after {
  background: #88BC76;
}
.Radio--negative .Radio-input:checked + .Radio-icon {
  border-color: #EF7F43;
}
.Radio--negative .Radio-input:focus + .Radio-icon {
  border-color: #EF7F43;
}
.Radio--negative .Radio-icon:after {
  background: #EF7F43;
}
.Radio--negative:not(.is-disabled):focus .Radio-icon:after,
.Radio--negative:not(.is-disabled):hover .Radio-icon:after {
  opacity: 1;
  background: #e6e6e6;
}
.Radio--negative:not(.is-disabled):focus .Radio-input:checked + .Radio-icon:after,
.Radio--negative:not(.is-disabled):hover .Radio-input:checked + .Radio-icon:after {
  background: #EF7F43;
}
.Radio--negative.Radio--bordered.is-checked:after {
  background: #EF7F43;
}
.Radio--block {
  display: block;
}
.Radio--forms .Radio-wrapper {
  border-color: #e6e6e6;
}
.Radio--clean {
  margin: 6px 0;
}
.Radio--bordered {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.Radio--bordered .Radio-text {
  padding-bottom: 12px;
}
.Radio--bordered:after {
  content: '';
  background: transparent;
  transition: width 0.5s ease, background-color 0.5s ease;
  width: 0;
  margin: auto;
  height: 3px;
  display: block;
  position: relative;
  border-radius: 3px 3px 0 0;
}
.Radio--bordered.is-checked:after {
  background: #4d4d4d;
  width: calc(100% + (18px * 2));
  left: -36px;
}
/* States
 ------------------------------------------------------------ */
.Radio.is-disabled .Radio-icon {
  background: #e6e6e6;
}
.Radio.is-disabled .Radio-icon:after {
  background: #fff;
}
.Radio.is-disabled .Radio-text {
  cursor: not-allowed;
  color: #b3b3b3;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Receipt {
  position: relative;
  padding: 24px 0;
  padding-top: 48px;
  background: #ffffff;
  box-sizing: border-box;
}
.Receipt:before {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-image: linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  bottom: -10px;
  background-size: 20px 40px;
  background-position: 0 -20px;
}
.Receipt-date {
  position: absolute;
  z-index: 1;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  top: -24px;
  left: 50%;
  margin-left: -40px;
  border-radius: 50%;
  text-align: center;
  padding-top: 18px;
  background: #F4F4F0;
}
.Receipt-date-year,
.Receipt-date-day,
.Receipt-date-month {
  display: block;
}
.Receipt-date-year {
  font-size: 10px;
  line-height: 10px;
}
.Receipt-date-day {
  font-size: 24px;
  line-height: 24px;
}
.Receipt-date-month {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.Receipt-content {
  position: relative;
  z-index: 1;
}
.Receipt-extra {
  position: absolute;
  z-index: 10;
  top: 12px;
  right: 12px;
}
/* Descendants
------------------------------------------------------------ */
/* Modifiers
 ------------------------------------------------------------ */
.Receipt--clickable:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.Receipt--elevated {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.Receipt--elevated:after {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  box-shadow: 0px 50px 80px rgba(0, 0, 0, 0.2);
}
.Receipt--info .Receipt-date {
  background: #62BDD0;
  color: #ffffff;
}
.Receipt--warning .Receipt-date {
  background: #FEB734;
  color: #4d4d4d;
}
.Receipt--negative .Receipt-date {
  background: #EF7F43;
  color: #4d4d4d;
}
.Receipt--positive .Receipt-date {
  background: #88BC76;
  color: #ffffff;
}
.Receipt--neutral .Receipt-date {
  background: #997AB6;
  color: #ffffff;
}
/* States
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
/* Descendants
------------------------------------------------------------ */
.Tab-panes .Tab-pane:not(.is-selected) > .Tab-content {
  display: none;
}
.Tab-nav-item.is-disabled {
  opacity: 0.7;
}
.Tab-nav-item.is-disabled a {
  cursor: not-allowed;
}
.Tab-nav-item .Tab-pane.is-selected > .Tab-content {
  display: block;
}
/* Modifiers
------------------------------------------------------------ */
.Tab--default .Tab-nav {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.Tab--default .Tab-nav-item {
  display: inline-block;
}
.Tab--default .Tab-nav-item .Tab-nav-item-link,
.Tab--default .Tab-nav-item .Tab-nav-item-link:visited {
  color: #4d4d4d;
  text-decoration: none;
  display: block;
  line-height: 30px;
  padding: 0 12px;
}
.Tab--default .Tab-nav-item .Tab-nav-item-link.is-selected,
.Tab--default .Tab-nav-item .Tab-nav-item-link:visited.is-selected {
  color: #E95949;
}
.Tab--default .Tab-nav-item .Tab-nav-item-link:hover,
.Tab--default .Tab-nav-item .Tab-nav-item-link:visited:hover {
  color: #4d4d4d;
}
.Tab--default .Tab-nav-item .Icon {
  color: #4d4d4d;
}
.Tab--default .Tab-panes .Tab-pane:not(.is-selected) > .Tab-content {
  display: none;
}
.Tab--default .Tab-nav-item .Tab-nav-item-link {
  margin-bottom: -1px;
  border: 1px solid #e6e6e6;
  background: #F4F4F0;
  cursor: pointer;
}
.Tab--default .Tab-nav-item .Tab-nav-item-link.is-selected {
  border-bottom-color: #ffffff;
  background: #ffffff;
  color: #E95949;
}
.Tab--default .Tab-nav-item .Icon {
  color: #4d4d4d;
}
.Tab--default .Tab-content {
  padding: 24px;
  background: #ffffff;
}
.Tab--default .Tab-panes {
  border: 1px solid #e6e6e6;
}
.Tab--default.Tab--darker > .Tab-nav .Tab-nav-item:not(.is-selected) .Tab-nav-item-link {
  background: #f3f3f3;
  color: #ccc;
}
.Tab--buttons .Tab-nav {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.Tab--buttons .Tab-nav-item {
  display: inline-block;
}
.Tab--buttons .Tab-nav-item .Tab-nav-item-link,
.Tab--buttons .Tab-nav-item .Tab-nav-item-link:visited {
  color: #4d4d4d;
  text-decoration: none;
  display: block;
  line-height: 30px;
  padding: 0 12px;
}
.Tab--buttons .Tab-nav-item .Tab-nav-item-link.is-selected,
.Tab--buttons .Tab-nav-item .Tab-nav-item-link:visited.is-selected {
  color: #E95949;
}
.Tab--buttons .Tab-nav-item .Tab-nav-item-link:hover,
.Tab--buttons .Tab-nav-item .Tab-nav-item-link:visited:hover {
  color: #4d4d4d;
}
.Tab--buttons .Tab-nav-item .Icon {
  color: #4d4d4d;
}
.Tab--buttons .Tab-panes .Tab-pane:not(.is-selected) > .Tab-content {
  display: none;
}
.Tab--buttons > .Tab-nav {
  padding: 0;
  margin: 0;
}
.Tab--buttons > .Tab-nav > .Tab-nav-item {
  padding: 0;
  cursor: pointer;
  line-height: 48px;
  position: relative;
}
.Tab--buttons > .Tab-nav > .Tab-nav-item:not(:last-child) {
  margin-right: 60px;
}
@media (max-width: 1024px) {
  .Tab--buttons > .Tab-nav > .Tab-nav-item:not(:last-child) {
    margin-right: 24px;
  }
}
@media (max-width: 768px) {
  .Tab--buttons > .Tab-nav > .Tab-nav-item:not(:last-child) {
    margin-right: 12px;
  }
}
.Tab--buttons > .Tab-nav > .Tab-nav-item:first-child {
  margin-left: 6px;
}
.Tab--buttons > .Tab-nav > .Tab-nav-item .Tab-nav-item-link {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
.Tab--buttons > .Tab-nav > .Tab-nav-item .Tab-nav-item-link.is-selected {
  color: #E95949;
}
.Tab--buttons > .Tab-nav > .Tab-nav-item:after {
  content: '';
  background: transparent;
  transition: width 0.5s ease, background-color 0.5s ease;
  width: 0;
  margin: auto;
  height: 3px;
  display: block;
  position: relative;
  border-radius: 3px 3px 0 0;
}
.Tab--buttons > .Tab-nav > .Tab-nav-item.is-selected:after {
  background: #E95949;
  width: calc(100% + 12px);
  left: -6px;
}
.Tab--buttons > .Tab-panes {
  border: 0;
  border-top: 1px solid #e6e6e6;
}
.Tab--buttons .Tab-content {
  padding: 24px 0;
}
.Tab--buttons.Tab--darker > .Tab-nav > .Tab-nav-item .Tab-nav-item-link {
  font-weight: bold;
}
.Tab--buttons.Tab--darker > .Tab-nav > .Tab-nav-item .Tab-nav-item-link.is-selected {
  color: #E95949;
}
.Tab--vertical {
  display: flex;
  flex-flow: row;
  align-items: stretch;
}
.Tab--vertical .Tab-nav {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.Tab--vertical .Tab-nav-item {
  display: inline-block;
}
.Tab--vertical .Tab-nav-item .Tab-nav-item-link,
.Tab--vertical .Tab-nav-item .Tab-nav-item-link:visited {
  color: #4d4d4d;
  text-decoration: none;
  display: block;
  line-height: 30px;
  padding: 0 12px;
}
.Tab--vertical .Tab-nav-item .Tab-nav-item-link.is-selected,
.Tab--vertical .Tab-nav-item .Tab-nav-item-link:visited.is-selected {
  color: #E95949;
}
.Tab--vertical .Tab-nav-item .Tab-nav-item-link:hover,
.Tab--vertical .Tab-nav-item .Tab-nav-item-link:visited:hover {
  color: #4d4d4d;
}
.Tab--vertical .Tab-nav-item .Icon {
  color: #4d4d4d;
}
.Tab--vertical .Tab-panes .Tab-pane:not(.is-selected) > .Tab-content {
  display: none;
}
.Tab--vertical .Tab-content {
  padding: 0 24px;
}
.Tab--vertical > .Tab-nav {
  flex: 0;
  flex-shrink: 0;
  flex-basis: auto;
  vertical-align: top;
  border-right: 1px solid #e6e6e6;
  padding: 24px 0;
  margin: 0;
}
.Tab--vertical > .Tab-nav > .Tab-nav-item {
  margin-bottom: 12px;
  display: block;
  cursor: pointer;
}
.Tab--vertical > .Tab-nav > .Tab-nav-item .Tab-nav-item-link {
  background: none;
  border: none;
  text-align: right;
}
.Tab--vertical > .Tab-nav > .Tab-nav-item .Tab-nav-item-link .Icon {
  display: block;
}
.Tab--vertical > .Tab-nav > .Tab-nav-item .Tab-nav-item-link.is-selected {
  background: none;
  color: #E95949;
}
.Tab--vertical > .Tab-nav > .Tab-nav-item .Tab-nav-item-link.is-selected .Icon {
  color: #E95949;
}
.Tab--vertical > .Tab-panes {
  flex: 1;
  display: inline-block;
  vertical-align: top;
  border: 0;
  margin: 0;
  padding: 0;
}
.Tab--vertical.Tab--darker > .Tab-nav {
  border-right: 1px solid #cccccc;
}
.Tab--rounded > .Tab-nav > .Tab-nav-item {
  text-align: center;
}
.Tab--rounded > .Tab-nav > .Tab-nav-item:not(:last-child) {
  margin-right: 3px;
}
.Tab--rounded > .Tab-nav > .Tab-nav-item-link {
  border-radius: 6px 6px 0 0;
}
/* Mixins 
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.RecurringDatePicker {
  width: 528px;
  box-sizing: border-box;
}
.RecurringDatePicker-label {
  display: block;
  font-size: 12px;
}
.RecurringDatePicker-menu {
  text-align: center;
}
.RecurringDatePicker-menu .Tab-nav-item a {
  font-weight: normal !important;
}
.RecurringDatePicker-menu .Tab-panes {
  text-align: left;
  border-top: 0 !important;
}
.RecurringDatePicker-weekly-list {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
  flex: 1 1 auto;
  align-items: stretch;
  margin: 0;
}
.RecurringDatePicker-weekly-list:before,
.RecurringDatePicker-weekly-list:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.RecurringDatePicker-weekly-list *:before,
.RecurringDatePicker-weekly-list *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.RecurringDatePicker-weekly-list .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.RecurringDatePicker-weekly-list.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.RecurringDatePicker-weekly-list .Pill {
  flex-grow: 1;
  padding: 12px 0;
  margin: 0;
  border-radius: 0;
  border-left: 0;
  text-align: center;
}
.RecurringDatePicker-weekly-list .Pill:first-of-type {
  border-left: 1px solid #e6e6e6;
}
.RecurringDatePicker-tab .Tab-content {
  padding: 24px 0;
}
.RecurringDatePicker-tab.RecurringDatePicker-weekly .Tab-content {
  padding: 24px 12px 17px 12px;
}
.RecurringDatePicker-date-constraints {
  position: relative;
  padding: 0 12px;
  min-height: 84px;
}
.RecurringDatePicker-startDate,
.RecurringDatePicker-endDate {
  position: relative;
}
.RecurringDatePicker-endDate {
  padding-left: 12px;
}
.RecurringDatePicker-endDate .Button {
  display: inline-block;
  vertical-align: top;
}
.RecurringDatePicker-checkbox {
  margin-left: 0;
  margin-right: 6px;
  position: absolute;
  top: 24px;
}
.RecurringDatePicker-date {
  font-weight: bold;
}
.RecurringDatePicker-datePicker {
  position: absolute;
  top: 28px;
}
.RecurringDatePicker-actions {
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  zoom: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  list-style-type: none;
  align-items: stretch;
  margin-top: 60px;
  padding: 12px;
}
.RecurringDatePicker-actions:before,
.RecurringDatePicker-actions:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  max-width: 100%;
}
.RecurringDatePicker-actions *:before,
.RecurringDatePicker-actions *:after {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}
.RecurringDatePicker-actions .grid {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.RecurringDatePicker-actions.demo > div {
  border: 1px solid #aaa;
  background-color: #CCC;
  margin-bottom: 10px;
}
.RecurringDatePicker-actions .RecurringDatePicker-cancel,
.RecurringDatePicker-actions .RecurringDatePicker-done {
  flex-grow: 1;
}
.RecurringDatePicker-cancel {
  margin-right: 12px;
}
.RecurringDatePicker-done {
  margin-left: 12px;
}
/* Descendants
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* RelevanceHook
------------------------------*/
.RelevanceHook {
  display: flex;
  align-items: center;
  /* Modifiers
	------------------------------*/
}
.RelevanceHook-graphic {
  width: 12px;
  height: 12px;
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
.RelevanceHook-graphic:before,
.RelevanceHook-graphic:after {
  background-color: #b3b3b3;
  display: block;
  position: absolute;
}
.RelevanceHook-graphic:before {
  content: '';
  height: 18px;
  width: 1px;
  bottom: 12px;
  left: 4px;
  z-index: 0;
}
.RelevanceHook-graphic:after {
  content: '';
  height: 1px;
  width: 18px;
  top: 5px;
  left: 12px;
  z-index: 0;
}
.RelevanceHook-icon {
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
.RelevanceHook-text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 84px);
}
.RelevanceHook--xlight .RelevanceHook-graphic {
  border-color: #F4F4F0;
}
.RelevanceHook--xlight .RelevanceHook-graphic:before,
.RelevanceHook--xlight .RelevanceHook-graphic:after {
  background-color: #F4F4F0;
}
.RelevanceHook--light .RelevanceHook-graphic {
  border-color: #e6e6e6;
}
.RelevanceHook--light .RelevanceHook-graphic:before,
.RelevanceHook--light .RelevanceHook-graphic:after {
  background-color: #e6e6e6;
}
.RelevanceHook--dark .RelevanceHook-graphic {
  border-color: #4d4d4d;
}
.RelevanceHook--dark .RelevanceHook-graphic:before,
.RelevanceHook--dark .RelevanceHook-graphic:after {
  background-color: #4d4d4d;
}
.RelevanceHook--info .RelevanceHook-icon:before {
  color: #62BDD0;
}
.RelevanceHook--info.RelevanceHook--dark .RelevanceHook-icon:before {
  color: #297989;
}
.RelevanceHook--info.RelevanceHook--light .RelevanceHook-icon:before {
  color: #b1dee8;
}
.RelevanceHook--info.RelevanceHook--xlight .RelevanceHook-icon:before {
  color: #d8eef3;
}
.RelevanceHook--neutral .RelevanceHook-icon:before {
  color: #997AB6;
}
.RelevanceHook--neutral.RelevanceHook--dark .RelevanceHook-icon:before {
  color: #593f72;
}
.RelevanceHook--neutral.RelevanceHook--light .RelevanceHook-icon:before {
  color: #ccbcda;
}
.RelevanceHook--neutral.RelevanceHook--xlight .RelevanceHook-icon:before {
  color: #e5ddec;
}
.RelevanceHook--positive .RelevanceHook-icon:before {
  color: #88BC76;
}
.RelevanceHook--positive.RelevanceHook--dark .RelevanceHook-icon:before {
  color: #4a783b;
}
.RelevanceHook--positive.RelevanceHook--light .RelevanceHook-icon:before {
  color: #c4debb;
}
.RelevanceHook--positive.RelevanceHook--xlight .RelevanceHook-icon:before {
  color: #e1eedd;
}
.RelevanceHook--warning .RelevanceHook-icon:before {
  color: #FEB734;
}
.RelevanceHook--warning.RelevanceHook--dark .RelevanceHook-icon:before {
  color: #b27301;
}
.RelevanceHook--warning.RelevanceHook--light .RelevanceHook-icon:before {
  color: #ffdb9a;
}
.RelevanceHook--warning.RelevanceHook--xlight .RelevanceHook-icon:before {
  color: #ffedcc;
}
.RelevanceHook--negative .RelevanceHook-icon:before {
  color: #EF7F43;
}
.RelevanceHook--negative.RelevanceHook--dark .RelevanceHook-icon:before {
  color: #a5420e;
}
.RelevanceHook--negative.RelevanceHook--light .RelevanceHook-icon:before {
  color: #f7bfa1;
}
.RelevanceHook--negative.RelevanceHook--xlight .RelevanceHook-icon:before {
  color: #fbdfd0;
}
/* Mixins
 ------------------------------*/
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Ribbon
 ------------------------------------------------------------ */
.Ribbon {
  position: relative;
  z-index: 1;
  /* Modifiers
	 ------------------------------------------------------------ */
}
.Ribbon-content {
  min-width: 45px;
  position: relative;
  color: #fff;
  text-align: center;
  padding: 10px 0px;
  box-shadow: 0px 4px 5px -5px rgba(0, 0, 0, 0.7);
}
.Ribbon-content:before,
.Ribbon-content:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -20px;
  border-width: 25px;
  border-style: solid;
  z-index: -1;
  box-shadow: 0px 4px 5px -5px rgba(0, 0, 0, 0.7);
}
.Ribbon-content:before {
  left: -39px;
  border-right-width: 34px;
  border-left-color: transparent;
}
.Ribbon-content:after {
  right: -39px;
  border-left-width: 34px;
  border-right-color: transparent;
}
.Ribbon-content .Ribbon-label:before,
.Ribbon-content .Ribbon-label:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  bottom: -20px;
}
.Ribbon-content .Ribbon-label {
  font-size: 24px;
  padding: 0 12px;
}
.Ribbon-content .Ribbon-label:before {
  left: 0;
  border-width: 20px 0 0 20px;
}
.Ribbon-content .Ribbon-label:after {
  right: 0;
  border-width: 20px 20px 0 0;
}
.Ribbon-secondaryLabel {
  position: absolute;
  top: 50px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #4d4d4d;
  font-weight: bold;
  padding: 12px 0;
}
.Ribbon .Ribbon-content {
  background: #4d4d4d;
}
.Ribbon .Ribbon-content:before {
  border-color: #404040;
  border-left-color: transparent;
}
.Ribbon .Ribbon-content:after {
  border-color: #404040;
  border-right-color: transparent;
}
.Ribbon .Ribbon-content .Ribbon-label:before,
.Ribbon .Ribbon-content .Ribbon-label:after {
  border-color: #1a1a1a transparent transparent transparent;
}
.Ribbon--info .Ribbon-content {
  background: #62BDD0;
}
.Ribbon--info .Ribbon-content:before {
  border-color: #4eb5ca;
  border-left-color: transparent;
}
.Ribbon--info .Ribbon-content:after {
  border-color: #4eb5ca;
  border-right-color: transparent;
}
.Ribbon--info .Ribbon-content .Ribbon-label:before,
.Ribbon--info .Ribbon-content .Ribbon-label:after {
  border-color: #2f8a9d transparent transparent transparent;
}
.Ribbon--neutral .Ribbon-content {
  background: #997AB6;
}
.Ribbon--neutral .Ribbon-content:before {
  border-color: #8c6aad;
  border-left-color: transparent;
}
.Ribbon--neutral .Ribbon-content:after {
  border-color: #8c6aad;
  border-right-color: transparent;
}
.Ribbon--neutral .Ribbon-content .Ribbon-label:before,
.Ribbon--neutral .Ribbon-content .Ribbon-label:after {
  border-color: #664882 transparent transparent transparent;
}
.Ribbon--positive .Ribbon-content {
  background: #88BC76;
}
.Ribbon--positive .Ribbon-content:before {
  border-color: #79b465;
  border-left-color: transparent;
}
.Ribbon--positive .Ribbon-content:after {
  border-color: #79b465;
  border-right-color: transparent;
}
.Ribbon--positive .Ribbon-content .Ribbon-label:before,
.Ribbon--positive .Ribbon-content .Ribbon-label:after {
  border-color: #558943 transparent transparent transparent;
}
.Ribbon--warning .Ribbon-content {
  background: #FEB734;
}
.Ribbon--warning .Ribbon-content:before {
  border-color: #feae1b;
  border-left-color: transparent;
}
.Ribbon--warning .Ribbon-content:after {
  border-color: #feae1b;
  border-right-color: transparent;
}
.Ribbon--warning .Ribbon-content .Ribbon-label:before,
.Ribbon--warning .Ribbon-content .Ribbon-label:after {
  border-color: #cb8401 transparent transparent transparent;
}
.Ribbon--negative .Ribbon-content {
  background: #EF7F43;
}
.Ribbon--negative .Ribbon-content:before {
  border-color: #ed6f2b;
  border-left-color: transparent;
}
.Ribbon--negative .Ribbon-content:after {
  border-color: #ed6f2b;
  border-right-color: transparent;
}
.Ribbon--negative .Ribbon-content .Ribbon-label:before,
.Ribbon--negative .Ribbon-content .Ribbon-label:after {
  border-color: #bc4c10 transparent transparent transparent;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Slider {
  display: block;
  position: relative;
  padding: 12px 0;
  display: none;
}
.Slider--showValues {
  padding-bottom: 30px;
}
.Slider.is-loaded {
  display: block;
}
.Slider.Slider.is-range .Slider-track-0 {
  background-color: transparent;
}
.Slider.Slider.is-range .Slider-track-1 {
  background-color: #4d4d4d;
  border-radius: 999px;
}
.Slider .Slider-track-0 {
  background-color: #4d4d4d;
  border-radius: 999px;
}
.Slider .Slider-barHighlight {
  background-color: #4d4d4d;
}
.Slider .Slider-bar {
  height: 20px;
}
.Slider .Slider-track {
  height: 20px;
}
.Slider .Slider-barHighlight {
  height: 20px;
}
.Slider .Slider-handle {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  top: 0;
}
.Slider .Slider-handleValue {
  height: 20px;
  width: 20px;
}
.Slider--sm .Slider-bar {
  height: 12px;
}
.Slider--sm .Slider-track {
  height: 12px;
}
.Slider--sm .Slider-barHighlight {
  height: 12px;
}
.Slider--sm .Slider-handle {
  border-radius: 50%;
  height: 12px;
  width: 12px;
  top: 0;
}
.Slider--sm .Slider-handleValue {
  height: 12px;
  width: 12px;
}
/* Temporary placeholder element while react-slider is loading and resizing */
.SliderTmp {
  background-color: #4d4d4d;
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
  border-radius: 999px;
  height: 20px;
  margin-top: 24px;
}
.SliderTmp-values {
  margin-top: 12px;
}
.SliderTmp--sm {
  height: 12px;
}
.SliderTmp--info {
  background-color: #62BDD0;
}
.SliderTmp--neutral {
  background-color: #997AB6;
}
.SliderTmp--warning {
  background-color: #FEB734;
}
.SliderTmp--positive {
  background-color: #88BC76;
}
.SliderTmp--negative {
  background-color: #EF7F43;
}
.SliderTmp-values {
  display: flex;
  justify-content: space-between;
}
/* Descendants
------------------------------------------------------------ */
.Slider-bar {
  background-color: #e6e6e6;
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
  border-radius: 999px;
}
.Slider-track {
  top: 0;
}
.Slider-barHighlight {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAK0lEQVQYV2P8////f0ZGRkYGKADzYRwQDRIA0SgqwAIwbXAVUGMY0QVAqgGzDxf+fIja2gAAAABJRU5ErkJggg==) repeat;
}
.Slider-handle {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  position: absolute;
  z-index: 3 !important;
}
.Slider-handle:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Slider-handleValue {
  display: block;
  color: #ffffff;
  font-size: 1px;
  overflow: hidden;
}
.Slider-handle:hover,
.Slider-handle:active {
  border-color: transparent;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.Slider-valueNow {
  position: absolute;
  top: 24px;
}
.Slider-valueNow--0 {
  left: 0;
}
.Slider-valueNow--1 {
  right: 0;
}
.Slider-scale {
  width: 100%;
  position: relative;
  top: 12px;
}
.Slider-scaleValue {
  display: inline-block;
  position: absolute;
  width: 30px;
  margin-left: -15px;
  text-align: center;
  font-size: 10px;
}
/* Modifiers
 ------------------------------------------------------------ */
.Slider--info.Slider.is-range .Slider-track-0 {
  background-color: transparent;
}
.Slider--info.Slider.is-range .Slider-track-1 {
  background-color: #62BDD0;
  border-radius: 999px;
}
.Slider--info .Slider-track-0 {
  background-color: #62BDD0;
  border-radius: 999px;
}
.Slider--info .Slider-barHighlight {
  background-color: #62BDD0;
}
.Slider--neutral.Slider.is-range .Slider-track-0 {
  background-color: transparent;
}
.Slider--neutral.Slider.is-range .Slider-track-1 {
  background-color: #997AB6;
  border-radius: 999px;
}
.Slider--neutral .Slider-track-0 {
  background-color: #997AB6;
  border-radius: 999px;
}
.Slider--neutral .Slider-barHighlight {
  background-color: #997AB6;
}
.Slider--warning.Slider.is-range .Slider-track-0 {
  background-color: transparent;
}
.Slider--warning.Slider.is-range .Slider-track-1 {
  background-color: #FEB734;
  border-radius: 999px;
}
.Slider--warning .Slider-track-0 {
  background-color: #FEB734;
  border-radius: 999px;
}
.Slider--warning .Slider-barHighlight {
  background-color: #FEB734;
}
.Slider--positive.Slider.is-range .Slider-track-0 {
  background-color: transparent;
}
.Slider--positive.Slider.is-range .Slider-track-1 {
  background-color: #88BC76;
  border-radius: 999px;
}
.Slider--positive .Slider-track-0 {
  background-color: #88BC76;
  border-radius: 999px;
}
.Slider--positive .Slider-barHighlight {
  background-color: #88BC76;
}
.Slider--negative.Slider.is-range .Slider-track-0 {
  background-color: transparent;
}
.Slider--negative.Slider.is-range .Slider-track-1 {
  background-color: #EF7F43;
  border-radius: 999px;
}
.Slider--negative .Slider-track-0 {
  background-color: #EF7F43;
  border-radius: 999px;
}
.Slider--negative .Slider-barHighlight {
  background-color: #EF7F43;
}
/* States
 ------------------------------------------------------------ */
.Slider.is-disabled .Slider-handle:hover,
.Slider.is-disabled .Slider-handle:active {
  border: 1px solid #e6e6e6;
  box-shadow: 0;
  cursor: default;
}
.Slider.is-disabled.Slider.is-range .Slider-track-0 {
  background-color: transparent;
}
.Slider.is-disabled.Slider.is-range .Slider-track-1 {
  background-color: #b3b3b3;
  border-radius: 999px;
}
.Slider.is-disabled .Slider-track-0 {
  background-color: #b3b3b3;
  border-radius: 999px;
}
.Slider.is-disabled .Slider-barHighlight {
  background-color: #b3b3b3;
}
.Slider.is-range .Slider-track-0 {
  background-color: transparent;
}
.Slider.is-range .Slider-track-1 {
  background-color: #4d4d4d;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SnackbarPanel {
  padding: 3px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SnackbarPanel-text {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.SnackbarPanel-buttons {
  min-width: 200px;
  text-align: right;
}
.SnackbarPanel-tooltip .Tooltip-content {
  min-width: 250px;
}
.SnackbarPanel-dismiss {
  border-left: 1px solid #566B76;
  margin-left: 12px;
  padding-left: 12px;
}
/* Modifiers
 ------------------------------------------------------------ */
.SnackbarPanel--minimal {
  padding: 24px;
  display: block;
  color: #4d4d4d;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Snackbar--animate {
  transform: translateX(-100%);
  animation: slide-in 0.5s forwards;
}
.Snackbar--default {
  border-bottom: 1px solid #e6e6e6;
}
.Snackbar--default.Snackbar--primary {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.Snackbar--default.Snackbar--primary.Snackbar--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--primary.Snackbar--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--primary.Snackbar--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.Snackbar--default.Snackbar--secondary {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.Snackbar--default.Snackbar--secondary.Snackbar--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--secondary.Snackbar--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--secondary.Snackbar--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.Snackbar--default.Snackbar--tertiary {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.Snackbar--default.Snackbar--tertiary.Snackbar--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--tertiary.Snackbar--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--tertiary.Snackbar--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.Snackbar--default.Snackbar--success {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.Snackbar--default.Snackbar--success.Snackbar--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--success.Snackbar--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--success.Snackbar--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.Snackbar--default.Snackbar--danger {
  background-color: #EF7F43;
  color: #ffffff;
  border-color: #EF7F43;
}
.Snackbar--default.Snackbar--danger.Snackbar--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--danger.Snackbar--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--danger.Snackbar--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.Snackbar--default.Snackbar--info {
  background-color: #62BDD0;
  color: #ffffff;
  border-color: #62BDD0;
}
.Snackbar--default.Snackbar--info.Snackbar--xlight {
  background-color: #d8eef3;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--info.Snackbar--light {
  background-color: #b1dee8;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--info.Snackbar--dark {
  background-color: #297989;
  color: #ffffff;
  border-color: #297989;
}
.Snackbar--default.Snackbar--positive {
  background-color: #88BC76;
  color: #ffffff;
  border-color: #88BC76;
}
.Snackbar--default.Snackbar--positive.Snackbar--xlight {
  background-color: #e1eedd;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--positive.Snackbar--light {
  background-color: #c4debb;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--positive.Snackbar--dark {
  background-color: #4a783b;
  color: #ffffff;
  border-color: #4a783b;
}
.Snackbar--default.Snackbar--warning {
  background-color: #FEB734;
  color: #4d4d4d;
  border-color: #FEB734;
}
.Snackbar--default.Snackbar--warning.Snackbar--xlight {
  background-color: #ffedcc;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--warning.Snackbar--light {
  background-color: #ffdb9a;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--warning.Snackbar--dark {
  background-color: #b27301;
  color: #ffffff;
  border-color: #b27301;
}
.Snackbar--default.Snackbar--negative {
  background-color: #EF7F43;
  color: #4d4d4d;
  border-color: #EF7F43;
}
.Snackbar--default.Snackbar--negative.Snackbar--xlight {
  background-color: #fbdfd0;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--negative.Snackbar--light {
  background-color: #f7bfa1;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--negative.Snackbar--dark {
  background-color: #a5420e;
  color: #ffffff;
  border-color: #a5420e;
}
.Snackbar--default.Snackbar--negative.Snackbar--normal {
  font-weight: bold;
}
.Snackbar--default.Snackbar--neutral {
  background-color: #997AB6;
  color: #ffffff;
  border-color: #997AB6;
}
.Snackbar--default.Snackbar--neutral.Snackbar--xlight {
  background-color: #e5ddec;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--neutral.Snackbar--light {
  background-color: #ccbcda;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--neutral.Snackbar--dark {
  background-color: #593f72;
  color: #ffffff;
  border-color: #593f72;
}
.Snackbar--default.Snackbar--primaryBrand {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.Snackbar--default.Snackbar--primaryBrand.Snackbar--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--primaryBrand.Snackbar--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--primaryBrand.Snackbar--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.Snackbar--default.Snackbar--secondaryBrand {
  background-color: #4B5E68;
  color: #ffffff;
  border-color: #4B5E68;
}
.Snackbar--default.Snackbar--secondaryBrand.Snackbar--xlight {
  background-color: #98aab4;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--secondaryBrand.Snackbar--light {
  background-color: #7a929f;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--secondaryBrand.Snackbar--dark {
  background-color: #161b1e;
  color: #ffffff;
  border-color: #161b1e;
}
.Snackbar--default.Snackbar--tertiaryBrand {
  background-color: #F4F4F0;
  color: #4d4d4d;
  border-color: #F4F4F0;
}
.Snackbar--default.Snackbar--tertiaryBrand.Snackbar--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--tertiaryBrand.Snackbar--light {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--tertiaryBrand.Snackbar--dark {
  background-color: #bebea6;
  color: #4d4d4d;
  border-color: #bebea6;
}
.Snackbar--default.Snackbar--primaryAction {
  background-color: #566B76;
  color: #ffffff;
  border-color: #566B76;
}
.Snackbar--default.Snackbar--primaryAction.Snackbar--xlight {
  background-color: #a6b6bf;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--primaryAction.Snackbar--light {
  background-color: #899ea9;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--primaryAction.Snackbar--dark {
  background-color: #20282c;
  color: #ffffff;
  border-color: #20282c;
}
.Snackbar--default.Snackbar--brandAction {
  background-color: #E95949;
  color: #ffffff;
  border-color: #E95949;
}
.Snackbar--default.Snackbar--brandAction.Snackbar--xlight {
  background-color: #fad5d1;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--brandAction.Snackbar--light {
  background-color: #f4aca4;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--brandAction.Snackbar--dark {
  background-color: #9f2113;
  color: #ffffff;
  border-color: #9f2113;
}
.Snackbar--default.Snackbar--secondaryAction {
  background-color: #b3b3b3;
  color: #ffffff;
  border-color: #b3b3b3;
}
.Snackbar--default.Snackbar--secondaryAction.Snackbar--xlight {
  background-color: #ffffff;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--secondaryAction.Snackbar--light {
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.Snackbar--default.Snackbar--secondaryAction.Snackbar--dark {
  background-color: #737373;
  color: #ffffff;
  border-color: #737373;
}
.Snackbar--minimal {
  background: transparent;
  border: none;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.StackedProgressBar {
  background: #e6e6e6;
  height: 14px;
}
/* Descendants
------------------------------------------------------------ */
.StackedProgressBar .ProgressBar-bar {
  float: left;
  height: 100%;
}
/* Modifiers
 ------------------------------------------------------------ */
.StackedProgressBar--sm {
  height: 24px;
}
.StackedProgressBar--sm .ProgressBar-bar-value {
  line-height: 24px;
}
.StackedProgressBar--lg {
  height: 30px;
}
.StackedProgressBar--lg .ProgressBar-bar-value {
  line-height: 30px;
}
.StackedProgressBar--xl {
  height: 42px;
}
.StackedProgressBar--xl .ProgressBar-bar-value {
  line-height: 42px;
}
.StackedProgressBar--rounded .ProgressBar-bar {
  margin-right: -24px;
  width: calc(100% + 24px);
  z-index: var(--order);
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* ------- Star Ribbon size modifiers ------*/
/* StarRibbon
 ------------------------------------------------------------ */
.StarRibbon {
  position: relative;
  display: inline-block;
  /* Modifiers
	 ------------------------------------------------------------ */
}
.StarRibbon .StarRibbon-star {
  margin: 12px 12px 0 12px;
  position: relative;
  text-align: center;
  z-index: 1;
  transition: background 1s cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.StarRibbon .StarRibbon-star:before,
.StarRibbon .StarRibbon-star:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: background 1s cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.StarRibbon .StarRibbon-star:before {
  transform: rotate(30deg);
}
.StarRibbon .StarRibbon-star:after {
  transform: rotate(60deg);
}
.StarRibbon .StarRibbon-ribbon {
  position: relative;
  z-index: 0;
  margin: 0px auto;
}
.StarRibbon .StarRibbon-ribbon-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
}
.StarRibbon .StarRibbon-ribbon-inner:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 0 solid transparent;
}
.StarRibbon .StarRibbon-inner {
  color: white;
  position: relative;
  z-index: 3;
}
.StarRibbon .StarRibbon-label {
  font-weight: bold;
}
.StarRibbon .StarRibbon-star,
.StarRibbon .StarRibbon-star:before,
.StarRibbon .StarRibbon-star:after {
  background: #4d4d4d;
}
.StarRibbon .StarRibbon-ribbon-inner {
  border-left-color: #3e3e3e;
}
.StarRibbon .StarRibbon-ribbon-inner:after {
  border-right-color: #3e3e3e;
}
.StarRibbon.StarRibbon.StarRibbon--mediumAmount .StarRibbon-label {
  font-size: 20.85714286px;
}
.StarRibbon.StarRibbon.StarRibbon--largeAmount .StarRibbon-label {
  font-size: 10.42857143px;
}
.StarRibbon.StarRibbon .StarRibbon-star {
  width: 73px;
  height: 73px;
}
.StarRibbon.StarRibbon .StarRibbon-star:before,
.StarRibbon.StarRibbon .StarRibbon-star:after {
  width: 73px;
  height: 73px;
}
.StarRibbon.StarRibbon .StarRibbon-ribbon {
  width: 51.1px;
  height: 28.616px;
}
.StarRibbon.StarRibbon .StarRibbon-ribbon-inner {
  border-bottom-width: 28.616px;
  border-left-width: 51.1px;
}
.StarRibbon.StarRibbon .StarRibbon-ribbon-inner:after {
  border-bottom-width: 28.616px;
  border-right-width: 51.1px;
  left: -51.1px;
}
.StarRibbon.StarRibbon .StarRibbon-label {
  font-size: 34.76190476px;
  line-height: 34.76190476px;
  padding: 14.6px 0 0 0;
}
.StarRibbon.StarRibbon .StarRibbon-secondaryLabel {
  font-size: 17.38095238px;
  line-height: 17.38095238px;
}
.StarRibbon.StarRibbon.StarRibbon--hideLabel .StarRibbon-label {
  display: none;
}
.StarRibbon.StarRibbon.StarRibbon--hideLabel .StarRibbon-secondaryLabel {
  font-size: 34.76190476px;
  line-height: 34.76190476px;
  padding: 14.6px 0 0 0;
}
.StarRibbon--info .StarRibbon-star,
.StarRibbon--info .StarRibbon-star:before,
.StarRibbon--info .StarRibbon-star:after {
  background: #62BDD0;
}
.StarRibbon--info .StarRibbon-ribbon-inner {
  border-left-color: #4e97a6;
}
.StarRibbon--info .StarRibbon-ribbon-inner:after {
  border-right-color: #4e97a6;
}
.StarRibbon--neutral .StarRibbon-star,
.StarRibbon--neutral .StarRibbon-star:before,
.StarRibbon--neutral .StarRibbon-star:after {
  background: #997AB6;
}
.StarRibbon--neutral .StarRibbon-ribbon-inner {
  border-left-color: #7a6292;
}
.StarRibbon--neutral .StarRibbon-ribbon-inner:after {
  border-right-color: #7a6292;
}
.StarRibbon--positive .StarRibbon-star,
.StarRibbon--positive .StarRibbon-star:before,
.StarRibbon--positive .StarRibbon-star:after {
  background: #88BC76;
}
.StarRibbon--positive .StarRibbon-ribbon-inner {
  border-left-color: #6d965e;
}
.StarRibbon--positive .StarRibbon-ribbon-inner:after {
  border-right-color: #6d965e;
}
.StarRibbon--warning .StarRibbon-star,
.StarRibbon--warning .StarRibbon-star:before,
.StarRibbon--warning .StarRibbon-star:after {
  background: #FEB734;
}
.StarRibbon--warning .StarRibbon-ribbon-inner {
  border-left-color: #cb922a;
}
.StarRibbon--warning .StarRibbon-ribbon-inner:after {
  border-right-color: #cb922a;
}
.StarRibbon--negative .StarRibbon-star,
.StarRibbon--negative .StarRibbon-star:before,
.StarRibbon--negative .StarRibbon-star:after {
  background: #EF7F43;
}
.StarRibbon--negative .StarRibbon-ribbon-inner {
  border-left-color: #bf6636;
}
.StarRibbon--negative .StarRibbon-ribbon-inner:after {
  border-right-color: #bf6636;
}
/* Modifiers
 ------------------------------------------------------------ */
.StarRibbon--xxs.StarRibbon.StarRibbon--mediumAmount .StarRibbon-label {
  font-size: 9.42857143px;
}
.StarRibbon--xxs.StarRibbon.StarRibbon--largeAmount .StarRibbon-label {
  font-size: 4.71428571px;
}
.StarRibbon--xxs.StarRibbon .StarRibbon-star {
  width: 33px;
  height: 33px;
}
.StarRibbon--xxs.StarRibbon .StarRibbon-star:before,
.StarRibbon--xxs.StarRibbon .StarRibbon-star:after {
  width: 33px;
  height: 33px;
}
.StarRibbon--xxs.StarRibbon .StarRibbon-ribbon {
  width: 23.1px;
  height: 12.936px;
}
.StarRibbon--xxs.StarRibbon .StarRibbon-ribbon-inner {
  border-bottom-width: 12.936px;
  border-left-width: 23.1px;
}
.StarRibbon--xxs.StarRibbon .StarRibbon-ribbon-inner:after {
  border-bottom-width: 12.936px;
  border-right-width: 23.1px;
  left: -23.1px;
}
.StarRibbon--xxs.StarRibbon .StarRibbon-label {
  font-size: 15.71428571px;
  line-height: 15.71428571px;
  padding: 6.6px 0 0 0;
}
.StarRibbon--xxs.StarRibbon .StarRibbon-secondaryLabel {
  font-size: 7.85714286px;
  line-height: 7.85714286px;
}
.StarRibbon--xxs.StarRibbon.StarRibbon--hideLabel .StarRibbon-label {
  display: none;
}
.StarRibbon--xxs.StarRibbon.StarRibbon--hideLabel .StarRibbon-secondaryLabel {
  font-size: 15.71428571px;
  line-height: 15.71428571px;
  padding: 6.6px 0 0 0;
}
.StarRibbon--xs.StarRibbon.StarRibbon--mediumAmount .StarRibbon-label {
  font-size: 10.85714286px;
}
.StarRibbon--xs.StarRibbon.StarRibbon--largeAmount .StarRibbon-label {
  font-size: 5.42857143px;
}
.StarRibbon--xs.StarRibbon .StarRibbon-star {
  width: 38px;
  height: 38px;
}
.StarRibbon--xs.StarRibbon .StarRibbon-star:before,
.StarRibbon--xs.StarRibbon .StarRibbon-star:after {
  width: 38px;
  height: 38px;
}
.StarRibbon--xs.StarRibbon .StarRibbon-ribbon {
  width: 26.6px;
  height: 14.896px;
}
.StarRibbon--xs.StarRibbon .StarRibbon-ribbon-inner {
  border-bottom-width: 14.896px;
  border-left-width: 26.6px;
}
.StarRibbon--xs.StarRibbon .StarRibbon-ribbon-inner:after {
  border-bottom-width: 14.896px;
  border-right-width: 26.6px;
  left: -26.6px;
}
.StarRibbon--xs.StarRibbon .StarRibbon-label {
  font-size: 18.0952381px;
  line-height: 18.0952381px;
  padding: 7.6px 0 0 0;
}
.StarRibbon--xs.StarRibbon .StarRibbon-secondaryLabel {
  font-size: 9.04761905px;
  line-height: 9.04761905px;
}
.StarRibbon--xs.StarRibbon.StarRibbon--hideLabel .StarRibbon-label {
  display: none;
}
.StarRibbon--xs.StarRibbon.StarRibbon--hideLabel .StarRibbon-secondaryLabel {
  font-size: 18.0952381px;
  line-height: 18.0952381px;
  padding: 7.6px 0 0 0;
}
.StarRibbon--sm.StarRibbon.StarRibbon--mediumAmount .StarRibbon-label {
  font-size: 13.14285714px;
}
.StarRibbon--sm.StarRibbon.StarRibbon--largeAmount .StarRibbon-label {
  font-size: 6.57142857px;
}
.StarRibbon--sm.StarRibbon .StarRibbon-star {
  width: 46px;
  height: 46px;
}
.StarRibbon--sm.StarRibbon .StarRibbon-star:before,
.StarRibbon--sm.StarRibbon .StarRibbon-star:after {
  width: 46px;
  height: 46px;
}
.StarRibbon--sm.StarRibbon .StarRibbon-ribbon {
  width: 32.2px;
  height: 18.032px;
}
.StarRibbon--sm.StarRibbon .StarRibbon-ribbon-inner {
  border-bottom-width: 18.032px;
  border-left-width: 32.2px;
}
.StarRibbon--sm.StarRibbon .StarRibbon-ribbon-inner:after {
  border-bottom-width: 18.032px;
  border-right-width: 32.2px;
  left: -32.2px;
}
.StarRibbon--sm.StarRibbon .StarRibbon-label {
  font-size: 21.9047619px;
  line-height: 21.9047619px;
  padding: 9.2px 0 0 0;
}
.StarRibbon--sm.StarRibbon .StarRibbon-secondaryLabel {
  font-size: 10.95238095px;
  line-height: 10.95238095px;
}
.StarRibbon--sm.StarRibbon.StarRibbon--hideLabel .StarRibbon-label {
  display: none;
}
.StarRibbon--sm.StarRibbon.StarRibbon--hideLabel .StarRibbon-secondaryLabel {
  font-size: 21.9047619px;
  line-height: 21.9047619px;
  padding: 9.2px 0 0 0;
}
.StarRibbon--lg.StarRibbon.StarRibbon--mediumAmount .StarRibbon-label {
  font-size: 32.85714286px;
}
.StarRibbon--lg.StarRibbon.StarRibbon--largeAmount .StarRibbon-label {
  font-size: 16.42857143px;
}
.StarRibbon--lg.StarRibbon .StarRibbon-star {
  width: 115px;
  height: 115px;
}
.StarRibbon--lg.StarRibbon .StarRibbon-star:before,
.StarRibbon--lg.StarRibbon .StarRibbon-star:after {
  width: 115px;
  height: 115px;
}
.StarRibbon--lg.StarRibbon .StarRibbon-ribbon {
  width: 80.5px;
  height: 45.08px;
}
.StarRibbon--lg.StarRibbon .StarRibbon-ribbon-inner {
  border-bottom-width: 45.08px;
  border-left-width: 80.5px;
}
.StarRibbon--lg.StarRibbon .StarRibbon-ribbon-inner:after {
  border-bottom-width: 45.08px;
  border-right-width: 80.5px;
  left: -80.5px;
}
.StarRibbon--lg.StarRibbon .StarRibbon-label {
  font-size: 54.76190476px;
  line-height: 54.76190476px;
  padding: 23px 0 0 0;
}
.StarRibbon--lg.StarRibbon .StarRibbon-secondaryLabel {
  font-size: 27.38095238px;
  line-height: 27.38095238px;
}
.StarRibbon--lg.StarRibbon.StarRibbon--hideLabel .StarRibbon-label {
  display: none;
}
.StarRibbon--lg.StarRibbon.StarRibbon--hideLabel .StarRibbon-secondaryLabel {
  font-size: 54.76190476px;
  line-height: 54.76190476px;
  padding: 23px 0 0 0;
}
.StarRibbon--xl.StarRibbon.StarRibbon--mediumAmount .StarRibbon-label {
  font-size: 45.71428571px;
}
.StarRibbon--xl.StarRibbon.StarRibbon--largeAmount .StarRibbon-label {
  font-size: 22.85714286px;
}
.StarRibbon--xl.StarRibbon .StarRibbon-star {
  width: 160px;
  height: 160px;
}
.StarRibbon--xl.StarRibbon .StarRibbon-star:before,
.StarRibbon--xl.StarRibbon .StarRibbon-star:after {
  width: 160px;
  height: 160px;
}
.StarRibbon--xl.StarRibbon .StarRibbon-ribbon {
  width: 112px;
  height: 62.72px;
}
.StarRibbon--xl.StarRibbon .StarRibbon-ribbon-inner {
  border-bottom-width: 62.72px;
  border-left-width: 112px;
}
.StarRibbon--xl.StarRibbon .StarRibbon-ribbon-inner:after {
  border-bottom-width: 62.72px;
  border-right-width: 112px;
  left: -112px;
}
.StarRibbon--xl.StarRibbon .StarRibbon-label {
  font-size: 76.19047619px;
  line-height: 76.19047619px;
  padding: 32px 0 0 0;
}
.StarRibbon--xl.StarRibbon .StarRibbon-secondaryLabel {
  font-size: 38.0952381px;
  line-height: 38.0952381px;
}
.StarRibbon--xl.StarRibbon.StarRibbon--hideLabel .StarRibbon-label {
  display: none;
}
.StarRibbon--xl.StarRibbon.StarRibbon--hideLabel .StarRibbon-secondaryLabel {
  font-size: 76.19047619px;
  line-height: 76.19047619px;
  padding: 32px 0 0 0;
}
.StarRibbon--xxl.StarRibbon.StarRibbon--mediumAmount .StarRibbon-label {
  font-size: 65.71428571px;
}
.StarRibbon--xxl.StarRibbon.StarRibbon--largeAmount .StarRibbon-label {
  font-size: 32.85714286px;
}
.StarRibbon--xxl.StarRibbon .StarRibbon-star {
  width: 230px;
  height: 230px;
}
.StarRibbon--xxl.StarRibbon .StarRibbon-star:before,
.StarRibbon--xxl.StarRibbon .StarRibbon-star:after {
  width: 230px;
  height: 230px;
}
.StarRibbon--xxl.StarRibbon .StarRibbon-ribbon {
  width: 161px;
  height: 90.16px;
}
.StarRibbon--xxl.StarRibbon .StarRibbon-ribbon-inner {
  border-bottom-width: 90.16px;
  border-left-width: 161px;
}
.StarRibbon--xxl.StarRibbon .StarRibbon-ribbon-inner:after {
  border-bottom-width: 90.16px;
  border-right-width: 161px;
  left: -161px;
}
.StarRibbon--xxl.StarRibbon .StarRibbon-label {
  font-size: 109.52380952px;
  line-height: 109.52380952px;
  padding: 46px 0 0 0;
}
.StarRibbon--xxl.StarRibbon .StarRibbon-secondaryLabel {
  font-size: 54.76190476px;
  line-height: 54.76190476px;
}
.StarRibbon--xxl.StarRibbon.StarRibbon--hideLabel .StarRibbon-label {
  display: none;
}
.StarRibbon--xxl.StarRibbon.StarRibbon--hideLabel .StarRibbon-secondaryLabel {
  font-size: 109.52380952px;
  line-height: 109.52380952px;
  padding: 46px 0 0 0;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Switch {
  display: inline-block;
  font-size: 12px;
  position: relative;
  padding: 3px;
  border-radius: 50px;
  box-sizing: content-box;
  line-height: 18px;
  height: 18px;
}
.Switch:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
.Switch-slider {
  background: #ffffff;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  position: relative;
  box-sizing: content-box;
  top: 3px;
}
.Switch .Switch-slider {
  min-width: 28px;
  line-height: 10px;
  height: 10px;
}
.Switch .Switch-inner {
  height: 18px;
}
.Switch .Switch-inner--on,
.Switch .Switch-inner--off {
  min-width: 18px;
}
.Switch .Switch-inner--empty {
  min-width: 10px;
}
.Switch.Switch--withLabels .Switch-option-label {
  line-height: 18px;
  height: 18px;
  font-size: 10px;
}
.Switch .Switch-slider:hover {
  border-color: #4d4d4d;
  background: #F4F4F0;
}
.Switch .Switch-inner--on {
  color: #ffffff;
}
.Switch .Switch-inner--off {
  color: #ffffff;
}
.Switch.is-checked .Switch-slider {
  border-color: #4d4d4d;
}
.Switch.is-checked .Switch-inner--on {
  background: #4d4d4d;
}
.Switch.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #4d4d4d;
}
.Switch.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #4d4d4d;
}
.Switch-inner {
  display: inline-block;
  border-radius: 100px;
  left: -1px;
  top: -4px;
  position: relative;
}
.Switch-inner--off {
  background: #4d4d4d;
  right: auto;
}
.Switch-inner--empty {
  right: 0;
  left: auto;
}
.Switch-inner--on {
  background: #666666;
  color: #fff;
}
.Switch.is-checked .Switch-inner--on {
  right: -1px;
  left: auto;
}
.Switch.is-checked .Switch-inner--empty {
  left: 0;
  right: auto;
}
/* Modifiers
 ------------------------------------------------------------ */
.Switch--inverse .Switch-inner--on {
  left: -3px;
  right: auto;
}
.Switch--inverse .Switch-inner--off {
  right: -3px;
  left: auto;
}
.Switch--inverse.is-checked .Switch-inner--on {
  left: -3px;
  right: auto;
}
.Switch--inverse.is-checked .Switch-inner--empty {
  right: 0;
  left: auto;
}
.Switch--lg {
  line-height: 48px;
  height: 48px;
}
.Switch--lg .Switch-slider {
  min-width: 88px;
  line-height: 40px;
  height: 40px;
}
.Switch--lg .Switch-inner {
  height: 48px;
}
.Switch--lg .Switch-inner--on,
.Switch--lg .Switch-inner--off {
  min-width: 48px;
}
.Switch--lg .Switch-inner--empty {
  min-width: 40px;
}
.Switch--lg.Switch--withLabels .Switch-option-label {
  line-height: 48px;
  height: 48px;
  font-size: 14px;
}
.Switch--primaryAction .Switch-slider:hover {
  border-color: #566B76;
  background: #F4F4F0;
}
.Switch--primaryAction .Switch-inner--on {
  color: #ffffff;
}
.Switch--primaryAction .Switch-inner--off {
  color: #ffffff;
}
.Switch--primaryAction.is-checked .Switch-slider {
  border-color: #566B76;
}
.Switch--primaryAction.is-checked .Switch-inner--on {
  background: #566B76;
}
.Switch--primaryAction.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #566B76;
}
.Switch--primaryAction.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #566B76;
}
.Switch--secondaryAction .Switch-slider:hover {
  border-color: #b3b3b3;
  background: #F4F4F0;
}
.Switch--secondaryAction .Switch-inner--on {
  color: #4d4d4d;
}
.Switch--secondaryAction .Switch-inner--off {
  color: #ffffff;
}
.Switch--secondaryAction.is-checked .Switch-slider {
  border-color: #b3b3b3;
}
.Switch--secondaryAction.is-checked .Switch-inner--on {
  background: #b3b3b3;
}
.Switch--secondaryAction.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #b3b3b3;
}
.Switch--secondaryAction.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #b3b3b3;
}
.Switch--brandAction .Switch-slider:hover {
  border-color: #E95949;
  background: #F4F4F0;
}
.Switch--brandAction .Switch-inner--on {
  color: #ffffff;
}
.Switch--brandAction .Switch-inner--off {
  color: #ffffff;
}
.Switch--brandAction.is-checked .Switch-slider {
  border-color: #E95949;
}
.Switch--brandAction.is-checked .Switch-inner--on {
  background: #E95949;
}
.Switch--brandAction.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #E95949;
}
.Switch--brandAction.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #E95949;
}
.Switch--info .Switch-slider:hover {
  border-color: #62BDD0;
  background: #F4F4F0;
}
.Switch--info .Switch-inner--on {
  color: #ffffff;
}
.Switch--info .Switch-inner--off {
  color: #ffffff;
}
.Switch--info.is-checked .Switch-slider {
  border-color: #62BDD0;
}
.Switch--info.is-checked .Switch-inner--on {
  background: #62BDD0;
}
.Switch--info.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #62BDD0;
}
.Switch--info.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #62BDD0;
}
.Switch--positive .Switch-slider:hover {
  border-color: #88BC76;
  background: #F4F4F0;
}
.Switch--positive .Switch-inner--on {
  color: #ffffff;
}
.Switch--positive .Switch-inner--off {
  color: #ffffff;
}
.Switch--positive.is-checked .Switch-slider {
  border-color: #88BC76;
}
.Switch--positive.is-checked .Switch-inner--on {
  background: #88BC76;
}
.Switch--positive.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #88BC76;
}
.Switch--positive.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #88BC76;
}
.Switch--negative .Switch-slider:hover {
  border-color: #EF7F43;
  background: #F4F4F0;
}
.Switch--negative .Switch-inner--on {
  color: #ffffff;
}
.Switch--negative .Switch-inner--off {
  color: #ffffff;
}
.Switch--negative.is-checked .Switch-slider {
  border-color: #EF7F43;
}
.Switch--negative.is-checked .Switch-inner--on {
  background: #EF7F43;
}
.Switch--negative.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #EF7F43;
}
.Switch--negative.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #EF7F43;
}
.Switch--warning .Switch-slider:hover {
  border-color: #FEB734;
  background: #F4F4F0;
}
.Switch--warning .Switch-inner--on {
  color: #ffffff;
}
.Switch--warning .Switch-inner--off {
  color: #ffffff;
}
.Switch--warning.is-checked .Switch-slider {
  border-color: #FEB734;
}
.Switch--warning.is-checked .Switch-inner--on {
  background: #FEB734;
}
.Switch--warning.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #FEB734;
}
.Switch--warning.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #FEB734;
}
.Switch--neutral .Switch-slider:hover {
  border-color: #997AB6;
  background: #F4F4F0;
}
.Switch--neutral .Switch-inner--on {
  color: #ffffff;
}
.Switch--neutral .Switch-inner--off {
  color: #ffffff;
}
.Switch--neutral.is-checked .Switch-slider {
  border-color: #997AB6;
}
.Switch--neutral.is-checked .Switch-inner--on {
  background: #997AB6;
}
.Switch--neutral.Switch--colorWhenUnchecked .Switch-slider {
  border-color: #997AB6;
}
.Switch--neutral.Switch--colorWhenUnchecked .Switch-inner--off {
  background: #997AB6;
}
.Switch--grid {
  display: block;
}
.Switch--grid .Switch-slider {
  display: block;
}
.Switch--grid .Switch-inner--off,
.Switch--grid .Switch-inner--on,
.Switch--grid .Switch-inner--empty {
  width: 50%;
}
/* Labels
 ------------------------------------------------------------ */
.Switch-option-label {
  padding: 0 6px;
  text-align: center;
  display: block;
}
.Switch--grid .Switch-option-label {
  display: block;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.TableCell {
  text-align: left;
  padding: 4px 6px;
}
.TableCell-collapsible {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
/* Descendants
------------------------------------------------------------ */
/* Modifiers
------------------------------------------------------------ */
.TableCell--header {
  border-bottom: 1px solid #e6e6e6;
  padding: 6px;
}
.TableCell--header .Icon {
  margin-left: 6px;
}
.TableCell--left {
  text-align: left;
}
.TableCell--right {
  text-align: right;
}
.TableCell--center {
  text-align: center;
}
.TableCell--sortable {
  cursor: pointer;
  transition: all 100ms ease-in;
  white-space: nowrap;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Table {
  width: 100%;
  border-collapse: collapse;
}
.Table.is-selected {
  background: #e6e6e6;
}
/* Descendants
------------------------------------------------------------ */
/*
.Table-body { }

.Table-footer { }

.Table-row { }
*/
.TableCell--header {
  border-bottom: 1px solid #e6e6e6;
}
/* Modifiers
 ------------------------------------------------------------ */
.Table--scrollable .Table-header .Table-row,
.Table--scrollable .Table-body .Table-row {
  display: table;
  width: 100%;
}
.Table--scrollable .Table-header .TableCell,
.Table--scrollable .Table-body .TableCell {
  display: inline-block;
}
.Table--scrollable .Table-header {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}
.Table--scrollable .Table-header th {
  border-bottom: none;
}
.Table--scrollable .Table-header .Table-row {
  width: calc(100% - 18px);
}
.Table--scrollable .Table-body {
  display: block;
  width: 100%;
  overflow-y: auto;
  max-height: 185px;
}
.Table--scrollable.Table--1 .TableCell {
  width: calc((100%/1) - 12px);
}
.Table--scrollable.Table--2 .TableCell {
  width: calc((100%/2) - 12px);
}
.Table--scrollable.Table--3 .TableCell {
  width: calc((100%/3) - 12px);
}
.Table--scrollable.Table--4 .TableCell {
  width: calc((100%/4) - 12px);
}
.Table--scrollable.Table--5 .TableCell {
  width: calc((100%/5) - 12px);
}
.Table--scrollable.Table--6 .TableCell {
  width: calc((100%/6) - 12px);
}
.Table-row--clickable {
  cursor: pointer;
}
.Table-row--clickable:hover {
  background: #f0f3f5;
  transition: all 100ms ease-in-out;
}
.Table-row--draggable,
.Table-body--draggable {
  cursor: pointer;
}
.Table-row--draggable.is-dragged .TableCell,
.Table-body--draggable.is-dragged .TableCell {
  background: rgba(86, 107, 118, 0.12);
}
.Table-row--draggable.is-target .TableCell,
.Table-body--draggable.is-target .TableCell {
  border-top: 3px solid #566B76 !important;
}
.Table-row--draggable.is-target .TableCell:first-child:before,
.Table-body--draggable.is-target .TableCell:first-child:before,
.Table-row--draggable.is-target .TableCell:last-child:after,
.Table-body--draggable.is-target .TableCell:last-child:after {
  font-size: 9px;
  font-family: 'MeniconActions';
  color: #566B76;
  position: absolute;
  top: -6px;
  font-weight: bold;
}
.Table-row--draggable.is-target .TableCell:first-child,
.Table-body--draggable.is-target .TableCell:first-child,
.Table-row--draggable.is-target .TableCell:last-child,
.Table-body--draggable.is-target .TableCell:last-child {
  position: relative;
}
.Table-row--draggable.is-target .TableCell:first-child:before,
.Table-body--draggable.is-target .TableCell:first-child:before {
  content: '❯';
  left: -6px;
}
.Table-row--draggable.is-target .TableCell:last-child:after,
.Table-body--draggable.is-target .TableCell:last-child:after {
  content: '❮';
  right: -6px;
}
.Table--stripes:not(.is-withDetails) .Table-row:not(.Table-row--header):nth-of-type(odd) {
  background: #f8f8f8;
}
.Table--stripes:not(.is-withDetails) .Table-row:not(.Table-row--header).Table-row--clickable:nth-of-type(odd):hover {
  background: #f0f3f5;
}
.Table--stripes.is-withDetails .Table-body:nth-of-type(odd) {
  background: #f8f8f8;
}
.Table--bordered {
  border-bottom: 1px solid #e6e6e6;
}
.Table--bordered .TableCell,
.Table--bordered .TableCell--header {
  border-bottom: 1px solid #e6e6e6;
}
/* States
 ------------------------------------------------------------ */
.Table-body.is-selected {
  background: #ffffff;
  border-bottom: 2px solid #e6e6e6;
}
.Table-body.is-selected .Table-row--clickable .TableCell {
  border: none;
}
.Table-body.is-selected .Table-row--item {
  background: rgba(86, 107, 118, 0.12);
}
.Table-body.is-selected .Table-row--detailRow,
.Table-body.is-selected .Table-row--details {
  background: rgba(86, 107, 118, 0.03);
  cursor: default;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.SortableTable {
  font-size: 12px;
}
.SortableTable .TableCell {
  padding: 6px;
}
.SortableTable .TableCell--header {
  padding-bottom: 12px;
}
.SortableTable .Table-header {
  font-size: 12px;
}
.SortableTable .Table-header .TableCell {
  color: #575757;
}
.SortableTable .Table-header .TableCell--sortable:hover {
  color: #566B76;
}
.SortableTable .Table-header .TableCell.is-selected {
  color: #566B76;
}
.SortableTable .Table-body .Table-row .Table-cell:not(:first-child) {
  text-align: right;
}
.SortableTable .Pagination {
  margin-top: 24px;
}
/* States
 ------------------------------------------------------------ */
.SortableTable.is-updating {
  opacity: 0.5;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.TimelineHeader {
  margin-left: 11px;
  display: flex;
  align-items: center;
}
.TimelineHeader-header {
  display: inline-block;
  margin-left: 25px;
}
.TimelineHeader-heading {
  line-height: 18px;
  margin: 0;
}
.TimelineHeader-heading--primary {
  display: block;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.TimelineGroup .TimelineGroup-list .TimelineItem:last-child {
  margin-bottom: 24px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Timeline {
  /* Start timeline graphics
	 * The following code creates a timeline graphic that runs down the page
	 */
  /* End timeline graphics */
}
.TimelineHook .RelevanceHook-graphic {
  position: relative;
  z-index: 2;
}
.TimelineGroup-list {
  position: relative;
  opacity: 1;
}
.TimelineGroup-list:after {
  content: '';
  position: absolute;
  height: 98%;
  width: 1px;
  background: #b3b3b3;
  top: 0;
  left: 23px;
  z-index: 0;
}
.TimelineGroup-list .TimelineItem {
  position: relative;
}
.TimelineGroup-list .TimelineItem:last-child:not(.TimelineItem--hasHooks):after {
  content: '';
  position: absolute;
  height: 50%;
  width: 1px;
  background: var(--color);
  top: 50%;
  left: 28px;
  z-index: 1;
}
.TimelineGroup-list .TimelineItem.TimelineItem--hasHooks .TimelineHook:last-child {
  position: relative;
}
.TimelineGroup-list .TimelineItem.TimelineItem--hasHooks .TimelineHook:last-child:after {
  content: '';
  position: absolute;
  height: 50%;
  width: 1px;
  background: var(--color);
  top: 50%;
  left: 28px;
  z-index: 1;
}
.TimelineHeader {
  position: relative;
}
.TimelineHeader:after {
  content: '';
  position: absolute;
  height: 16px;
  width: 1px;
  background: #b3b3b3;
  top: 32px;
  left: 12px;
  z-index: 0;
}
.Timeline-icon {
  z-index: 2;
}
.Timeline-icon .Icon {
  z-index: 2;
}
.Timeline--lg .TimelineHeader {
  margin-left: 11px;
}
.Timeline--lg .TimelineHeader-header {
  margin-left: 49px;
}
.Timeline--lg .TimelineHeader-heading {
  line-height: 18px;
}
.Timeline--lg .TimelineHeader:after {
  content: '';
  position: absolute;
  height: 16px;
  width: 1px;
  background: #b3b3b3;
  top: 34px;
  left: 17px;
  z-index: 0;
}
.Timeline--lg .TimelineGroup-list:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #b3b3b3;
  top: 0;
  left: 28px;
  z-index: 0;
}
.Timeline--lg .TimelineHook:last-child {
  margin-bottom: 24px;
}
.Timeline--sm .TimelineHeader,
.Timeline--xs .TimelineHeader {
  margin-left: 0;
}
.Timeline--sm .TimelineHeader-header,
.Timeline--xs .TimelineHeader-header {
  margin-left: 13px;
}
.Timeline--sm .TimelineHeader-heading,
.Timeline--xs .TimelineHeader-heading {
  line-height: 12px;
}
.Timeline--sm .TimelineHeader:after,
.Timeline--xs .TimelineHeader:after {
  content: '';
  position: absolute;
  height: 16px;
  width: 1px;
  background: #b3b3b3;
  top: 26px;
  left: 12px;
  z-index: 0;
}
.Timeline--sm .TimelineGroup-list .TimelineItem:last-child:after,
.Timeline--xs .TimelineGroup-list .TimelineItem:last-child:after {
  left: 12px;
}
.Timeline--sm .TimelineGroup-list .TimelineItem .TimelineHook:last-child:after,
.Timeline--xs .TimelineGroup-list .TimelineItem .TimelineHook:last-child:after {
  left: 12px;
}
.Timeline--sm .TimelineGroup-list:after,
.Timeline--xs .TimelineGroup-list:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #b3b3b3;
  top: 0;
  left: 12px;
  z-index: 0;
}
/* Modifiers
------------------------------------------------------------ */
.Timeline--dark .TimelineHeader:after {
  background: #4d4d4d;
}
.Timeline--dark .TimelineHeader-icon:after {
  background: #4d4d4d;
}
.Timeline--dark .TimelineGroup-list:after {
  background: #4d4d4d;
}
.Timeline--light .TimelineHeader:after {
  background: #e6e6e6;
}
.Timeline--light .TimelineHeader-icon:after {
  background: #e6e6e6;
}
.Timeline--light .TimelineGroup-list:after {
  background: #e6e6e6;
}
.Timeline--xlight .TimelineHeader:after {
  background: #F4F4F0;
}
.Timeline--xlight .TimelineHeader-icon:after {
  background: #F4F4F0;
}
.Timeline--xlight .TimelineGroup-list:after {
  background: #F4F4F0;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Toggler {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.Toggler.is-disabled {
  cursor: not-allowed;
}
.Toggler.is-disabled .Toggler-icon {
  color: #b3b3b3;
}
.Toggler:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(77, 77, 77, 0.2);
}
.Toggler .Icon.Toggler-icon .SVGImage-svg path {
  fill: #b3b3b3;
}
.Toggler .Toggler-text {
  color: #b3b3b3;
}
.Toggler.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler.is-checked .Toggler-text {
  color: #4d4d4d;
}
.Toggler:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #676767;
}
.Toggler:hover .Toggler-text {
  color: #676767;
}
.Toggler.Toggler--inverse {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;
  padding: 6px;
}
.Toggler.Toggler--inverse .Icon.Toggler-icon .SVGImage-svg path {
  fill: #b3b3b3;
}
.Toggler.Toggler--inverse .Toggler-text {
  color: #b3b3b3;
}
.Toggler.Toggler--inverse:hover {
  background: #676767;
  border-color: #4d4d4d;
}
.Toggler.Toggler--inverse:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler.Toggler--inverse:hover .Toggler-text {
  color: #ffffff;
}
.Toggler.Toggler--inverse.is-checked {
  border-color: #4d4d4d;
  background: #4d4d4d;
}
.Toggler.Toggler--inverse.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler.Toggler--inverse.is-checked .Toggler-text {
  color: #ffffff;
}
/* Descendants
------------------------------------------------------------ */
.Toggler-text {
  margin-left: 12px;
  display: inline-block;
  vertical-align: top;
}
.Toggler-hiddenText {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Modifiers
 ------------------------------------------------------------ */
.Toggler--info .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--info .Toggler-text {
  color: #4d4d4d;
}
.Toggler--info.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #62BDD0;
}
.Toggler--info.is-checked .Toggler-text {
  color: #62BDD0;
}
.Toggler--info:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #89cddc;
}
.Toggler--info:hover .Toggler-text {
  color: #89cddc;
}
.Toggler--info.Toggler--inverse {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;
  padding: 6px;
}
.Toggler--info.Toggler--inverse .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--info.Toggler--inverse .Toggler-text {
  color: #4d4d4d;
}
.Toggler--info.Toggler--inverse:hover {
  background: #89cddc;
  border-color: #62BDD0;
}
.Toggler--info.Toggler--inverse:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--info.Toggler--inverse:hover .Toggler-text {
  color: #ffffff;
}
.Toggler--info.Toggler--inverse.is-checked {
  border-color: #62BDD0;
  background: #62BDD0;
}
.Toggler--info.Toggler--inverse.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--info.Toggler--inverse.is-checked .Toggler-text {
  color: #ffffff;
}
.Toggler--neutral .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--neutral .Toggler-text {
  color: #4d4d4d;
}
.Toggler--neutral.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #997AB6;
}
.Toggler--neutral.is-checked .Toggler-text {
  color: #997AB6;
}
.Toggler--neutral:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #b29bc8;
}
.Toggler--neutral:hover .Toggler-text {
  color: #b29bc8;
}
.Toggler--neutral.Toggler--inverse {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;
  padding: 6px;
}
.Toggler--neutral.Toggler--inverse .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--neutral.Toggler--inverse .Toggler-text {
  color: #4d4d4d;
}
.Toggler--neutral.Toggler--inverse:hover {
  background: #b29bc8;
  border-color: #997AB6;
}
.Toggler--neutral.Toggler--inverse:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--neutral.Toggler--inverse:hover .Toggler-text {
  color: #ffffff;
}
.Toggler--neutral.Toggler--inverse.is-checked {
  border-color: #997AB6;
  background: #997AB6;
}
.Toggler--neutral.Toggler--inverse.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--neutral.Toggler--inverse.is-checked .Toggler-text {
  color: #ffffff;
}
.Toggler--warning .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--warning .Toggler-text {
  color: #4d4d4d;
}
.Toggler--warning.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #FEB734;
}
.Toggler--warning.is-checked .Toggler-text {
  color: #FEB734;
}
.Toggler--warning:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #fec967;
}
.Toggler--warning:hover .Toggler-text {
  color: #fec967;
}
.Toggler--warning.Toggler--inverse {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;
  padding: 6px;
}
.Toggler--warning.Toggler--inverse .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--warning.Toggler--inverse .Toggler-text {
  color: #4d4d4d;
}
.Toggler--warning.Toggler--inverse:hover {
  background: #fec967;
  border-color: #FEB734;
}
.Toggler--warning.Toggler--inverse:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--warning.Toggler--inverse:hover .Toggler-text {
  color: #ffffff;
}
.Toggler--warning.Toggler--inverse.is-checked {
  border-color: #FEB734;
  background: #FEB734;
}
.Toggler--warning.Toggler--inverse.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--warning.Toggler--inverse.is-checked .Toggler-text {
  color: #ffffff;
}
.Toggler--positive .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--positive .Toggler-text {
  color: #4d4d4d;
}
.Toggler--positive.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #88BC76;
}
.Toggler--positive.is-checked .Toggler-text {
  color: #88BC76;
}
.Toggler--positive:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #a6cd98;
}
.Toggler--positive:hover .Toggler-text {
  color: #a6cd98;
}
.Toggler--positive.Toggler--inverse {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;
  padding: 6px;
}
.Toggler--positive.Toggler--inverse .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--positive.Toggler--inverse .Toggler-text {
  color: #4d4d4d;
}
.Toggler--positive.Toggler--inverse:hover {
  background: #a6cd98;
  border-color: #88BC76;
}
.Toggler--positive.Toggler--inverse:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--positive.Toggler--inverse:hover .Toggler-text {
  color: #ffffff;
}
.Toggler--positive.Toggler--inverse.is-checked {
  border-color: #88BC76;
  background: #88BC76;
}
.Toggler--positive.Toggler--inverse.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--positive.Toggler--inverse.is-checked .Toggler-text {
  color: #ffffff;
}
.Toggler--negative .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--negative .Toggler-text {
  color: #4d4d4d;
}
.Toggler--negative.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #EF7F43;
}
.Toggler--negative.is-checked .Toggler-text {
  color: #EF7F43;
}
.Toggler--negative:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #f39f72;
}
.Toggler--negative:hover .Toggler-text {
  color: #f39f72;
}
.Toggler--negative.Toggler--inverse {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;
  padding: 6px;
}
.Toggler--negative.Toggler--inverse .Icon.Toggler-icon .SVGImage-svg path {
  fill: #4d4d4d;
}
.Toggler--negative.Toggler--inverse .Toggler-text {
  color: #4d4d4d;
}
.Toggler--negative.Toggler--inverse:hover {
  background: #f39f72;
  border-color: #EF7F43;
}
.Toggler--negative.Toggler--inverse:hover .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--negative.Toggler--inverse:hover .Toggler-text {
  color: #ffffff;
}
.Toggler--negative.Toggler--inverse.is-checked {
  border-color: #EF7F43;
  background: #EF7F43;
}
.Toggler--negative.Toggler--inverse.is-checked .Icon.Toggler-icon .SVGImage-svg path {
  fill: #ffffff;
}
.Toggler--negative.Toggler--inverse.is-checked .Toggler-text {
  color: #ffffff;
}
/* Mixins
 ------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.WeekMonthIcon {
  display: inline-block;
  background: #ffffff;
  overflow: hidden;
  width: 75px;
  height: 75px;
  border-radius: 7.5px;
}
.WeekMonthIcon .WeekMonthIcon-number {
  font-size: 37.5px;
  line-height: 37.5px;
  padding-top: 7.5px;
}
.WeekMonthIcon .WeekMonthIcon-header {
  font-size: 10.71428571px;
  line-height: 18.75px;
  border-radius: 7.5px 7.5px 0 0;
}
/* Descendants
------------------------------------------------------------ */
.WeekMonthIcon-header {
  background: #E95949;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #b62616;
}
.WeekMonthIcon-number {
  color: #566B76;
  text-align: center;
  font-weight: bold;
}
/* Modifiers
------------------------------------------------------------ */
.WeekMonthIcon--xxs {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.WeekMonthIcon--xxs .WeekMonthIcon-number {
  font-size: 20px;
  line-height: 20px;
  padding-top: 4px;
}
.WeekMonthIcon--xxs .WeekMonthIcon-header {
  font-size: 5.71428571px;
  line-height: 10px;
  border-radius: 4px 4px 0 0;
}
.WeekMonthIcon--xs {
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
.WeekMonthIcon--xs .WeekMonthIcon-number {
  font-size: 25px;
  line-height: 25px;
  padding-top: 5px;
}
.WeekMonthIcon--xs .WeekMonthIcon-header {
  font-size: 7.14285714px;
  line-height: 12.5px;
  border-radius: 5px 5px 0 0;
}
.WeekMonthIcon--sm {
  width: 60px;
  height: 60px;
  border-radius: 6px;
}
.WeekMonthIcon--sm .WeekMonthIcon-number {
  font-size: 30px;
  line-height: 30px;
  padding-top: 6px;
}
.WeekMonthIcon--sm .WeekMonthIcon-header {
  font-size: 8.57142857px;
  line-height: 15px;
  border-radius: 6px 6px 0 0;
}
.WeekMonthIcon--lg {
  width: 90px;
  height: 90px;
  border-radius: 9px;
}
.WeekMonthIcon--lg .WeekMonthIcon-number {
  font-size: 45px;
  line-height: 45px;
  padding-top: 9px;
}
.WeekMonthIcon--lg .WeekMonthIcon-header {
  font-size: 12.85714286px;
  line-height: 22.5px;
  border-radius: 9px 9px 0 0;
}
.WeekMonthIcon--xl {
  width: 105px;
  height: 105px;
  border-radius: 10.5px;
}
.WeekMonthIcon--xl .WeekMonthIcon-number {
  font-size: 52.5px;
  line-height: 52.5px;
  padding-top: 10.5px;
}
.WeekMonthIcon--xl .WeekMonthIcon-header {
  font-size: 15px;
  line-height: 26.25px;
  border-radius: 10.5px 10.5px 0 0;
}
.WeekMonthIcon--xxl {
  width: 120px;
  height: 120px;
  border-radius: 12px;
}
.WeekMonthIcon--xxl .WeekMonthIcon-number {
  font-size: 60px;
  line-height: 60px;
  padding-top: 12px;
}
.WeekMonthIcon--xxl .WeekMonthIcon-header {
  font-size: 17.14285714px;
  line-height: 30px;
  border-radius: 12px 12px 0 0;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.CarouselControl {
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -12px;
}
.CarouselControl:focus {
  outline: none;
}
.CarouselControl--left {
  left: 20px;
}
.CarouselControl--right {
  right: 20px;
}
.CarouselControl.is-hidden {
  display: none;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.Carousel {
  position: relative;
}
.Carousel-slider {
  overflow: hidden;
}
.Carousel-slides {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  transition: all 350ms ease-out;
}
.Carousel-indicators {
  display: block;
  position: absolute;
  bottom: -36px;
  z-index: 1;
}
.Carousel-indicators-list {
  position: relative;
  display: block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.Carousel-indicators-list-item {
  padding: 0;
  display: inline-block;
  height: 9px;
  width: 9px;
  margin: 6px;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #b3b3b3;
}
.Carousel-indicators-list-item--active {
  background-color: #E95949;
  border-color: #E95949;
}
.Carousel--withControls {
  padding: 0 48px;
}
.Carousel--withIndicators {
  margin-bottom: 36px;
}
.Carousel--centered .CarouselSlide {
  text-align: center;
}
.Carousel--centered .Carousel-indicators {
  left: 50%;
}
.Carousel--centered .Carousel-indicators-list {
  left: -50%;
}
.Carousel--right .CarouselSlide {
  text-align: right;
}
.Carousel--right .Carousel-indicators {
  right: 0%;
}
.CarouselSlide {
  flex-shrink: 0;
  width: 100%;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.WizardStep {
  display: none;
}
.WizardStep.is-selected {
  display: block;
}
.WizardStep.is-hidden {
  display: none !important;
}
.WizardControl {
  max-width: 312px;
  margin: 0 auto;
}
.WizardControl-back .Button--link {
  opacity: 0.5;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
/* Modifiers
 ------------------------------------------------------------ */
.Form--headerErrors {
  position: relative;
}
.Form input:-webkit-autofill {
  animation-name: onAutoFillStart;
}
.Form input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
/* States
 ------------------------------------------------------------ */
/* Dummy transitions to hook into the animationstart event
 ------------------------------------------------------------ */
@keyframes onAutoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
@keyframes onAutoFillCancel {
  from {
    /**/
  }
  to {
    /**/
  }
}
.FormIcon--clickable {
  cursor: pointer;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Input,
.FormInput-control {
  display: inline-block;
  background: transparent;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  background: #fff;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
.Input.Input.is-active,
.Input.Input.is-active:hover,
.FormInput-control.FormInput-control.is-active,
.FormInput-control.FormInput-control.is-active:hover {
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #566B76;
}
.Input.is-disabled .Input-input,
.FormInput-control.is-disabled .Input-input,
.Input.is-disabled .FormInput-control-input {
  cursor: not-allowed;
}
.Input:hover,
.FormInput-control:hover {
  border-color: #566B76;
}
.Input .Input-icon,
.FormInput-control .Input-icon {
  color: #566B76;
}
.Input.Input.is-filled,
.FormInput-control.FormInput-control.is-filled {
  border-color: #566B76;
}
.Input .Input-input-feedback,
.FormInput-control .Input-input-feedback {
  background-color: #e6e6e6;
  border-top: 2px solid #566B76;
}
/* Descendents
------------------------------------------------------------ */
.Input-iconWrapper {
  position: absolute;
  right: 12px;
  top: 0;
  display: flex;
  height: 100%;
  align-items: center;
}
.Input-label {
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.Input-input,
.Input-input-inside,
.FormInput-control-input {
  background: transparent;
  padding: 0;
  border: none;
  width: 100%;
  color: #4d4d4d;
  font-size: 14px;
  box-sizing: border-box;
}
.Input-input:focus,
.Input-input-inside:focus,
.FormInput-control-input:focus {
  outline: none;
}
.Input-input:-webkit-autofill,
.Input-input-inside:-webkit-autofill,
.Input-input:-webkit-autofill:hover,
.Input-input-inside:-webkit-autofill:hover,
.Input-input:-webkit-autofill:focus,
.Input-input-inside:-webkit-autofill:focus,
.Input-input:-webkit-autofill:active,
.Input-input-inside:-webkit-autofill:active,
.FormInput-control-input:-webkit-autofill,
.FormInput-control-input:-webkit-autofill:hover,
.FormInput-control-input:-webkit-autofill:focus,
.FormInput-control-input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.Input-input::placeholder,
.Input-input-inside::placeholder,
.FormInput-control-input::placeholder {
  color: #666666;
  opacity: 1;
}
.Input-input::-ms-input-placeholder,
.Input-input-inside::-ms-input-placeholder,
.FormInput-control-input::-ms-input-placeholder {
  color: #666666;
}
.Input-input[type="search"],
.Input-input-inside[type="search"],
.FormInput-control-input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.Input-input[type="number"],
.Input-input-inside[type="number"],
.FormInput-control-input[type="number"] {
  -moz-appearance: textfield;
}
.Input-input[type="number"]::-webkit-outer-spin-button,
.Input-input-inside[type="number"]::-webkit-outer-spin-button,
.Input-input[type="number"]::-webkit-inner-spin-button,
.Input-input-inside[type="number"]::-webkit-inner-spin-button,
.FormInput-control-input[type="number"]::-webkit-outer-spin-button,
.FormInput-control-input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.Input-input-feedback {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
}
/* Modifiers
------------------------------------------------------------ */
.Input,
.FormInput-control {
  font-size: 14px;
}
.Input .Input-input,
.FormInput-control .Input-input,
.Input .FormInput-control-input {
  line-height: 46px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input .Input-input:focus,
  .FormInput-control .Input-input:focus,
  .Input .FormInput-control-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input .Input-input:focus,
  .FormInput-control .Input-input:focus,
  .Input .FormInput-control-input:focus {
    font-size: 14px;
  }
}
.Input.Input--forms .Input-input,
.FormInput-control.Input--forms .Input-input,
.Input.Input--forms .FormInput-control-input {
  line-height: 46px;
}
.Input .Input-input-inside,
.FormInput-control .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input .Input-input-inside:focus,
  .FormInput-control .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input .Input-input-inside:focus,
  .FormInput-control .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input.Input--hasIcon .Input-input,
.FormInput-control.Input--hasIcon .Input-input,
.Input.Input--hasIcon .FormInput-control-input {
  padding-right: 36px;
}
.Input .FormInput-control-input,
.FormInput-control .FormInput-control-input {
  line-height: 38px;
  font-size: 14px;
  padding: 0 12px;
}
.Input.FormInput--forms .FormInput-control-input,
.FormInput-control.FormInput--forms .FormInput-control-input {
  line-height: 36px;
}
.Input.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.Input.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.Input.FormInput--icon.FormInput--rightIcon .FormInput-control-input,
.FormInput-control.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 26px;
}
.Input.FormInput--icon .FormInput-control-icon,
.FormInput-control.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 48px !important;
  height: 38px !important;
  width: 48px !important;
  line-height: 38px !important;
}
.Input--xxs,
.FormInput-control--xxs {
  font-size: 10px;
}
.Input--xxs .Input-input,
.FormInput-control--xxs .Input-input,
.Input--xxs .FormInput-control-input {
  line-height: 28px;
  font-size: 10px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxs .Input-input:focus,
  .FormInput-control--xxs .Input-input:focus,
  .Input--xxs .FormInput-control-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxs .Input-input:focus,
  .FormInput-control--xxs .Input-input:focus,
  .Input--xxs .FormInput-control-input:focus {
    font-size: 10px;
  }
}
.Input--xxs.Input--forms .Input-input,
.FormInput-control--xxs.Input--forms .Input-input,
.Input--xxs.Input--forms .FormInput-control-input {
  line-height: 28px;
}
.Input--xxs .Input-input-inside,
.FormInput-control--xxs .Input-input-inside {
  font-size: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxs .Input-input-inside:focus,
  .FormInput-control--xxs .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxs .Input-input-inside:focus,
  .FormInput-control--xxs .Input-input-inside:focus {
    font-size: 10px;
  }
}
.Input--xxs.Input--hasIcon .Input-input,
.FormInput-control--xxs.Input--hasIcon .Input-input,
.Input--xxs.Input--hasIcon .FormInput-control-input {
  padding-right: 36px;
}
.Input--xxs .FormInput-control-input,
.FormInput-control--xxs .FormInput-control-input {
  line-height: 34px;
  font-size: 10px;
  padding: 0 12px;
}
.Input--xxs.FormInput--forms .FormInput-control-input,
.FormInput-control--xxs.FormInput--forms .FormInput-control-input {
  line-height: 32px;
}
.Input--xxs.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--xxs.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 20px;
}
.Input--xxs.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--xxs.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.Input--xxs.FormInput--icon.FormInput--rightIcon .FormInput-control-input,
.FormInput-control--xxs.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 22px;
}
.Input--xxs.FormInput--icon .FormInput-control-icon,
.FormInput-control--xxs.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 30px !important;
  height: 34px !important;
  width: 30px !important;
  line-height: 34px !important;
}
.Input--xs,
.FormInput-control--xs {
  font-size: 12px;
}
.Input--xs .Input-input,
.FormInput-control--xs .Input-input,
.Input--xs .FormInput-control-input {
  line-height: 34px;
  font-size: 12px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xs .Input-input:focus,
  .FormInput-control--xs .Input-input:focus,
  .Input--xs .FormInput-control-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xs .Input-input:focus,
  .FormInput-control--xs .Input-input:focus,
  .Input--xs .FormInput-control-input:focus {
    font-size: 12px;
  }
}
.Input--xs.Input--forms .Input-input,
.FormInput-control--xs.Input--forms .Input-input,
.Input--xs.Input--forms .FormInput-control-input {
  line-height: 34px;
}
.Input--xs .Input-input-inside,
.FormInput-control--xs .Input-input-inside {
  font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xs .Input-input-inside:focus,
  .FormInput-control--xs .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xs .Input-input-inside:focus,
  .FormInput-control--xs .Input-input-inside:focus {
    font-size: 12px;
  }
}
.Input--xs.Input--hasIcon .Input-input,
.FormInput-control--xs.Input--hasIcon .Input-input,
.Input--xs.Input--hasIcon .FormInput-control-input {
  padding-right: 36px;
}
.Input--xs .FormInput-control-input,
.FormInput-control--xs .FormInput-control-input {
  line-height: 36px;
  font-size: 12px;
  padding: 0 12px;
}
.Input--xs.FormInput--forms .FormInput-control-input,
.FormInput-control--xs.FormInput--forms .FormInput-control-input {
  line-height: 34px;
}
.Input--xs.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--xs.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 24px;
}
.Input--xs.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--xs.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.Input--xs.FormInput--icon.FormInput--rightIcon .FormInput-control-input,
.FormInput-control--xs.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 24px;
}
.Input--xs.FormInput--icon .FormInput-control-icon,
.FormInput-control--xs.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 36px !important;
  height: 36px !important;
  width: 36px !important;
  line-height: 36px !important;
}
.Input--sm,
.FormInput-control--sm {
  font-size: 12px;
}
.Input--sm .Input-input,
.FormInput-control--sm .Input-input,
.Input--sm .FormInput-control-input {
  line-height: 40px;
  font-size: 12px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--sm .Input-input:focus,
  .FormInput-control--sm .Input-input:focus,
  .Input--sm .FormInput-control-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--sm .Input-input:focus,
  .FormInput-control--sm .Input-input:focus,
  .Input--sm .FormInput-control-input:focus {
    font-size: 12px;
  }
}
.Input--sm.Input--forms .Input-input,
.FormInput-control--sm.Input--forms .Input-input,
.Input--sm.Input--forms .FormInput-control-input {
  line-height: 40px;
}
.Input--sm .Input-input-inside,
.FormInput-control--sm .Input-input-inside {
  font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--sm .Input-input-inside:focus,
  .FormInput-control--sm .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--sm .Input-input-inside:focus,
  .FormInput-control--sm .Input-input-inside:focus {
    font-size: 12px;
  }
}
.Input--sm.Input--hasIcon .Input-input,
.FormInput-control--sm.Input--hasIcon .Input-input,
.Input--sm.Input--hasIcon .FormInput-control-input {
  padding-right: 36px;
}
.Input--sm .FormInput-control-input,
.FormInput-control--sm .FormInput-control-input {
  line-height: 36px;
  font-size: 12px;
  padding: 0 12px;
}
.Input--sm.FormInput--forms .FormInput-control-input,
.FormInput-control--sm.FormInput--forms .FormInput-control-input {
  line-height: 34px;
}
.Input--sm.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--sm.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 24px;
}
.Input--sm.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--sm.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.Input--sm.FormInput--icon.FormInput--rightIcon .FormInput-control-input,
.FormInput-control--sm.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 24px;
}
.Input--sm.FormInput--icon .FormInput-control-icon,
.FormInput-control--sm.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 42px !important;
  height: 36px !important;
  width: 42px !important;
  line-height: 36px !important;
}
.Input--lg,
.FormInput-control--lg {
  font-size: 14px;
}
.Input--lg .Input-input,
.FormInput-control--lg .Input-input,
.Input--lg .FormInput-control-input {
  line-height: 52px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--lg .Input-input:focus,
  .FormInput-control--lg .Input-input:focus,
  .Input--lg .FormInput-control-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--lg .Input-input:focus,
  .FormInput-control--lg .Input-input:focus,
  .Input--lg .FormInput-control-input:focus {
    font-size: 14px;
  }
}
.Input--lg.Input--forms .Input-input,
.FormInput-control--lg.Input--forms .Input-input,
.Input--lg.Input--forms .FormInput-control-input {
  line-height: 52px;
}
.Input--lg .Input-input-inside,
.FormInput-control--lg .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--lg .Input-input-inside:focus,
  .FormInput-control--lg .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--lg .Input-input-inside:focus,
  .FormInput-control--lg .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--lg.Input--hasIcon .Input-input,
.FormInput-control--lg.Input--hasIcon .Input-input,
.Input--lg.Input--hasIcon .FormInput-control-input {
  padding-right: 36px;
}
.Input--lg .FormInput-control-input,
.FormInput-control--lg .FormInput-control-input {
  line-height: 38px;
  font-size: 14px;
  padding: 0 12px;
}
.Input--lg.FormInput--forms .FormInput-control-input,
.FormInput-control--lg.FormInput--forms .FormInput-control-input {
  line-height: 36px;
}
.Input--lg.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--lg.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.Input--lg.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--lg.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.Input--lg.FormInput--icon.FormInput--rightIcon .FormInput-control-input,
.FormInput-control--lg.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 26px;
}
.Input--lg.FormInput--icon .FormInput-control-icon,
.FormInput-control--lg.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 54px !important;
  height: 38px !important;
  width: 54px !important;
  line-height: 38px !important;
}
.Input--xl,
.FormInput-control--xl {
  font-size: 14px;
}
.Input--xl .Input-input,
.FormInput-control--xl .Input-input,
.Input--xl .FormInput-control-input {
  line-height: 58px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xl .Input-input:focus,
  .FormInput-control--xl .Input-input:focus,
  .Input--xl .FormInput-control-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xl .Input-input:focus,
  .FormInput-control--xl .Input-input:focus,
  .Input--xl .FormInput-control-input:focus {
    font-size: 14px;
  }
}
.Input--xl.Input--forms .Input-input,
.FormInput-control--xl.Input--forms .Input-input,
.Input--xl.Input--forms .FormInput-control-input {
  line-height: 58px;
}
.Input--xl .Input-input-inside,
.FormInput-control--xl .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xl .Input-input-inside:focus,
  .FormInput-control--xl .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xl .Input-input-inside:focus,
  .FormInput-control--xl .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--xl.Input--hasIcon .Input-input,
.FormInput-control--xl.Input--hasIcon .Input-input,
.Input--xl.Input--hasIcon .FormInput-control-input {
  padding-right: 36px;
}
.Input--xl .FormInput-control-input,
.FormInput-control--xl .FormInput-control-input {
  line-height: 38px;
  font-size: 14px;
  padding: 0 12px;
}
.Input--xl.FormInput--forms .FormInput-control-input,
.FormInput-control--xl.FormInput--forms .FormInput-control-input {
  line-height: 36px;
}
.Input--xl.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--xl.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.Input--xl.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--xl.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.Input--xl.FormInput--icon.FormInput--rightIcon .FormInput-control-input,
.FormInput-control--xl.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 26px;
}
.Input--xl.FormInput--icon .FormInput-control-icon,
.FormInput-control--xl.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 60px !important;
  height: 38px !important;
  width: 60px !important;
  line-height: 38px !important;
}
.Input--xxl,
.FormInput-control--xxl {
  font-size: 14px;
}
.Input--xxl .Input-input,
.FormInput-control--xxl .Input-input,
.Input--xxl .FormInput-control-input {
  line-height: 64px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxl .Input-input:focus,
  .FormInput-control--xxl .Input-input:focus,
  .Input--xxl .FormInput-control-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxl .Input-input:focus,
  .FormInput-control--xxl .Input-input:focus,
  .Input--xxl .FormInput-control-input:focus {
    font-size: 14px;
  }
}
.Input--xxl.Input--forms .Input-input,
.FormInput-control--xxl.Input--forms .Input-input,
.Input--xxl.Input--forms .FormInput-control-input {
  line-height: 64px;
}
.Input--xxl .Input-input-inside,
.FormInput-control--xxl .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxl .Input-input-inside:focus,
  .FormInput-control--xxl .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxl .Input-input-inside:focus,
  .FormInput-control--xxl .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--xxl.Input--hasIcon .Input-input,
.FormInput-control--xxl.Input--hasIcon .Input-input,
.Input--xxl.Input--hasIcon .FormInput-control-input {
  padding-right: 36px;
}
.Input--xxl .FormInput-control-input,
.FormInput-control--xxl .FormInput-control-input {
  line-height: 38px;
  font-size: 14px;
  padding: 0 12px;
}
.Input--xxl.FormInput--forms .FormInput-control-input,
.FormInput-control--xxl.FormInput--forms .FormInput-control-input {
  line-height: 36px;
}
.Input--xxl.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--xxl.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.Input--xxl.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input,
.FormInput-control--xxl.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.Input--xxl.FormInput--icon.FormInput--rightIcon .FormInput-control-input,
.FormInput-control--xxl.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 26px;
}
.Input--xxl.FormInput--icon .FormInput-control-icon,
.FormInput-control--xxl.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 66px !important;
  height: 38px !important;
  width: 66px !important;
  line-height: 38px !important;
}
.Input--central .Input-input,
.FormInput-control--central .Input-input,
.Input--central .FormInput-control-input {
  text-align: center;
}
.Input--info .Input-icon,
.FormInput-control--info .Input-icon {
  color: #62BDD0;
}
.Input--info.Input.is-filled,
.FormInput-control--info.FormInput-control.is-filled {
  border-color: #62BDD0;
}
.Input--info .Input-input-feedback,
.FormInput-control--info .Input-input-feedback {
  background-color: #EBF7F9;
  border-top: 2px solid #62BDD0;
}
.Input--neutral .Input-icon,
.FormInput-control--neutral .Input-icon {
  color: #997AB6;
}
.Input--neutral.Input.is-filled,
.FormInput-control--neutral.FormInput-control.is-filled {
  border-color: #997AB6;
}
.Input--neutral .Input-input-feedback,
.FormInput-control--neutral .Input-input-feedback {
  background-color: #F2EFF6;
  border-top: 2px solid #997AB6;
}
.Input--warning .Input-icon,
.FormInput-control--warning .Input-icon {
  color: #FEB734;
}
.Input--warning.Input.is-filled,
.FormInput-control--warning.FormInput-control.is-filled {
  border-color: #FEB734;
}
.Input--warning .Input-input-feedback,
.FormInput-control--warning .Input-input-feedback {
  background-color: #FFF6E6;
  border-top: 2px solid #FEB734;
}
.Input--negative .Input-icon,
.FormInput-control--negative .Input-icon {
  color: #EF7F43;
}
.Input--negative.Input.is-filled,
.FormInput-control--negative.FormInput-control.is-filled {
  border-color: #EF7F43;
}
.Input--negative .Input-input-feedback,
.FormInput-control--negative .Input-input-feedback {
  background-color: #FDEFE8;
  border-top: 2px solid #EF7F43;
}
.Input--positive .Input-icon,
.FormInput-control--positive .Input-icon {
  color: #88BC76;
}
.Input--positive.Input.is-filled,
.FormInput-control--positive.FormInput-control.is-filled {
  border-color: #88BC76;
}
.Input--positive .Input-input-feedback,
.FormInput-control--positive .Input-input-feedback {
  background-color: #F0F7EE;
  border-top: 2px solid #88BC76;
}
.Input--block,
.FormInput-control--block {
  width: 100%;
}
.Input--clickableIcon .Input-icon,
.FormInput-control--clickableIcon .Input-icon {
  cursor: pointer;
}
/* Mixins
------------------------------------------------------------ */
/* Element
 ------------------------------------------------------------ */
.FormInput {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  font-size: 14px;
}
.FormInput .FormInput--central .FormInput-control-input {
  text-align: center;
}
.FormInput .FormInput-errors {
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
.FormInput.FormInput--grid {
  display: block;
}
.FormInput.FormInput--block {
  display: block;
}
.FormInput.FormInput--block .FormInput-control {
  width: 100%;
}
.FormInput.FormInput--block .FormInput-control-input {
  width: 100%;
}
.FormInput.FormInput--movable {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}
.FormInput.FormInput--movable .FormInput-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 1;
  transition-property: top, font-size, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.FormInput.FormInput--movable.is-empty .FormInput-label {
  opacity: 0;
  top: 6px;
}
.FormInput.FormInput--movable.is-empty .FormInput-label .FormLabel-label {
  font-size: 14px;
}
.FormInput.FormInput--movable .FormInput-errors {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 9px;
  z-index: 1;
}
.FormInput.FormInput--movable .FormInput-label {
  left: 10px;
}
.FormInput.is-invalid .FormInput-label .FormLabel-label {
  color: #EF7F43;
}
.Form--highlightRequired .FormInput.is-required .FormInput-label .FormLabel-label:after {
  content: ' *';
}
.FormInput.is-active.FormInput--movable .FormInput-label .FormLabel-label,
.FormInput.is-active.is-invalid.FormInput--movable .FormInput-label .FormLabel-label {
  color: #566B76;
}
.FormInput input[type=number]::-webkit-inner-spin-button,
.FormInput input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.FormInput .Input-input,
.FormInput .FormInput-control-input {
  line-height: 16px;
  font-size: 14px;
  padding: 0 6px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .FormInput .Input-input:focus,
  .FormInput .FormInput-control-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .FormInput .Input-input:focus,
  .FormInput .FormInput-control-input:focus {
    font-size: 14px;
  }
}
.FormInput.Input--forms .Input-input,
.FormInput.Input--forms .FormInput-control-input {
  line-height: 16px;
}
.FormInput .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .FormInput .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .FormInput .Input-input-inside:focus {
    font-size: 14px;
  }
}
.FormInput.Input--hasIcon .Input-input,
.FormInput.Input--hasIcon .FormInput-control-input {
  padding-right: 27px;
}
.FormInput .FormInput-control-input {
  line-height: 26px;
  font-size: 14px;
  padding: 0 6px;
}
.FormInput.FormInput--forms .FormInput-control-input {
  line-height: 24px;
}
.FormInput.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.FormInput.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.FormInput.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 20px;
}
.FormInput.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 18px !important;
  height: 26px !important;
  width: 18px !important;
  line-height: 26px !important;
}
.FormInput .ReactPasswordStrength {
  border: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.FormInput .ReactPasswordStrength-input {
  border: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.FormInput .ReactPasswordStrength.is-strength-0 .ReactPasswordStrength-strength-desc {
  color: #EF7F43;
}
.FormInput .ReactPasswordStrength.is-strength-0 .ReactPasswordStrength-strength-bar {
  background: #EF7F43;
}
.FormInput .ReactPasswordStrength.is-strength-1 .ReactPasswordStrength-strength-desc {
  color: #EF7F43;
}
.FormInput .ReactPasswordStrength.is-strength-1 .ReactPasswordStrength-strength-bar {
  background: #EF7F43;
}
.FormInput .ReactPasswordStrength.is-strength-2 .ReactPasswordStrength-strength-desc {
  color: #FEB734;
}
.FormInput .ReactPasswordStrength.is-strength-2 .ReactPasswordStrength-strength-bar {
  background: #FEB734;
}
.FormInput .ReactPasswordStrength.is-strength-3 .ReactPasswordStrength-strength-desc {
  color: #88BC76;
}
.FormInput .ReactPasswordStrength.is-strength-3 .ReactPasswordStrength-strength-bar {
  background: #88BC76;
}
.FormInput .ReactPasswordStrength.is-strength-4 .ReactPasswordStrength-strength-desc {
  color: #88BC76;
}
.FormInput .ReactPasswordStrength.is-strength-4 .ReactPasswordStrength-strength-bar {
  background: #88BC76;
}
.FormInput .ReactPasswordStrength.is-strength-4 .ReactPasswordStrength-strength-bar {
  width: auto;
}
.FormInput .ReactPasswordStrength-strength-desc {
  padding: 9px 0 0 0;
  font-size: 10px;
  font-style: normal;
  top: auto;
  width: initial;
}
.FormInput .ReactPasswordStrength-strength-bar {
  right: 0;
  top: 0;
}
.FormInput.FormInput--forms .ReactPasswordStrength-strength-bar {
  height: 2px;
  top: -12px;
  right: 1px;
  margin: 0px 12px;
}
.FormInput.is-invalidAlt .ReactPasswordStrength.is-strength-0 .ReactPasswordStrength-strength-desc {
  color: #b3b3b3;
}
.FormInput.is-invalidAlt .ReactPasswordStrength.is-strength-0 .ReactPasswordStrength-strength-bar {
  background: #b3b3b3;
}
.FormInput.is-invalidAlt.is-invalid .ReactPasswordStrength.is-strength-0 .ReactPasswordStrength-strength-desc {
  color: #EF7F43;
}
.FormInput.is-invalidAlt.is-invalid .ReactPasswordStrength.is-strength-0 .ReactPasswordStrength-strength-bar {
  background: #EF7F43;
}
.FormInput-control {
  display: inline-block;
  position: relative;
  font-size: 14px;
}
/* Modifiers
 ------------------------------------------------------------ */
.FormInput {
  font-size: 14px;
}
.FormInput--icon .FormInput-control-icon {
  position: absolute;
  z-index: 0;
}
.FormInput--icon .FormInput-control-input {
  position: relative;
  z-index: 1;
}
.FormInput--icon.FormInput--forms .FormInput-control-icon {
  left: 12px;
}
.FormInput--icon.FormInput--rightIcon .FormInput-control-icon {
  left: auto;
  right: 6px;
}
.FormInput--icon.FormInput--rightIcon.FormInput--forms .FormInput-control-icon {
  left: auto;
  right: 12px;
}
.FormInput--info:hover .FormInput-control {
  border-color: rgba(98, 189, 208, 0.5);
}
.FormInput--info.is-active .FormInput-control,
.FormInput--info.is-active:hover .FormInput-control {
  border-color: #62BDD0;
}
.FormInput--info.is-active.FormInput--movable .FormLabel-label,
.FormInput--info.is-active:hover.FormInput--movable .FormLabel-label {
  color: #62BDD0;
}
.FormInput--info.FormInput--forms .FormInput-control .FormInput-control-input {
  color: #4d4d4d;
}
.FormInput--info .FormInput-control-icon--showPassword.Icon:focus {
  color: #62BDD0;
  border-color: #62BDD0;
}
.FormInput--neutral:hover .FormInput-control {
  border-color: rgba(153, 122, 182, 0.5);
}
.FormInput--neutral.is-active .FormInput-control,
.FormInput--neutral.is-active:hover .FormInput-control {
  border-color: #997AB6;
}
.FormInput--neutral.is-active.FormInput--movable .FormLabel-label,
.FormInput--neutral.is-active:hover.FormInput--movable .FormLabel-label {
  color: #997AB6;
}
.FormInput--neutral.FormInput--forms .FormInput-control .FormInput-control-input {
  color: #4d4d4d;
}
.FormInput--neutral .FormInput-control-icon--showPassword.Icon:focus {
  color: #997AB6;
  border-color: #997AB6;
}
.FormInput--warning:hover .FormInput-control {
  border-color: rgba(254, 183, 52, 0.5);
}
.FormInput--warning.is-active .FormInput-control,
.FormInput--warning.is-active:hover .FormInput-control {
  border-color: #FEB734;
}
.FormInput--warning.is-active.FormInput--movable .FormLabel-label,
.FormInput--warning.is-active:hover.FormInput--movable .FormLabel-label {
  color: #FEB734;
}
.FormInput--warning.FormInput--forms .FormInput-control .FormInput-control-input {
  color: #4d4d4d;
}
.FormInput--warning .FormInput-control-icon--showPassword.Icon:focus {
  color: #FEB734;
  border-color: #FEB734;
}
.FormInput--negative:hover .FormInput-control {
  border-color: rgba(239, 127, 67, 0.5);
}
.FormInput--negative.is-active .FormInput-control,
.FormInput--negative.is-active:hover .FormInput-control {
  border-color: #EF7F43;
}
.FormInput--negative.is-active.FormInput--movable .FormLabel-label,
.FormInput--negative.is-active:hover.FormInput--movable .FormLabel-label {
  color: #EF7F43;
}
.FormInput--negative.FormInput--forms .FormInput-control .FormInput-control-input {
  color: #4d4d4d;
}
.FormInput--negative .FormInput-control-icon--showPassword.Icon:focus {
  color: #EF7F43;
  border-color: #EF7F43;
}
.FormInput--positive:hover .FormInput-control {
  border-color: rgba(136, 188, 118, 0.5);
}
.FormInput--positive.is-active .FormInput-control,
.FormInput--positive.is-active:hover .FormInput-control {
  border-color: #88BC76;
}
.FormInput--positive.is-active.FormInput--movable .FormLabel-label,
.FormInput--positive.is-active:hover.FormInput--movable .FormLabel-label {
  color: #88BC76;
}
.FormInput--positive.FormInput--forms .FormInput-control .FormInput-control-input {
  color: #4d4d4d;
}
.FormInput--positive .FormInput-control-icon--showPassword.Icon:focus {
  color: #88BC76;
  border-color: #88BC76;
}
.FormInput--central .FormInput-control-input {
  text-align: center;
}
.FormInput--central .FormInput-label {
  width: 100%;
  text-align: center;
}
.FormInput-counter {
  position: absolute;
  font-size: 10px;
  right: 3px;
  top: 3px;
  opacity: 0;
  z-index: 1;
}
.FormInput--movable.is-empty .FormInput-control-icon:before {
  opacity: 0.75;
}
.FormInput .FormInput-control {
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  background: #fff;
}
.FormInput .FormInput-control .FormInput-control-input {
  padding: 0 12px;
}
.FormInput .FormInput-control-input {
  line-height: 48px;
  font-size: 14px;
  padding: 0 12px;
}
.FormInput.FormInput--forms .FormInput-control-input {
  line-height: 46px;
}
.FormInput.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.FormInput.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.FormInput.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 26px;
}
.FormInput.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 18px !important;
  height: 48px !important;
  width: 18px !important;
  line-height: 48px !important;
}
.FormInput--xxs {
  font-size: 12px;
}
.FormInput--xxs .FormInput-control-input {
  line-height: 30px;
  font-size: 12px;
  padding: 0 12px;
}
.FormInput--xxs.FormInput--forms .FormInput-control-input {
  line-height: 28px;
}
.FormInput--xxs.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 24px;
}
.FormInput--xxs.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.FormInput--xxs.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 24px;
}
.FormInput--xxs.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 18px !important;
  height: 30px !important;
  width: 18px !important;
  line-height: 30px !important;
}
.FormInput--xs {
  font-size: 12px;
}
.FormInput--xs .FormInput-control-input {
  line-height: 36px;
  font-size: 12px;
  padding: 0 12px;
}
.FormInput--xs.FormInput--forms .FormInput-control-input {
  line-height: 34px;
}
.FormInput--xs.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 24px;
}
.FormInput--xs.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.FormInput--xs.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 24px;
}
.FormInput--xs.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 18px !important;
  height: 36px !important;
  width: 18px !important;
  line-height: 36px !important;
}
.FormInput--sm {
  font-size: 12px;
}
.FormInput--sm .FormInput-control-input {
  line-height: 42px;
  font-size: 12px;
  padding: 0 12px;
}
.FormInput--sm.FormInput--forms .FormInput-control-input {
  line-height: 40px;
}
.FormInput--sm.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 24px;
}
.FormInput--sm.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.FormInput--sm.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 24px;
}
.FormInput--sm.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 18px !important;
  height: 42px !important;
  width: 18px !important;
  line-height: 42px !important;
}
.FormInput--lg {
  font-size: 14px;
}
.FormInput--lg .FormInput-control-input {
  line-height: 54px;
  font-size: 14px;
  padding: 0 12px;
}
.FormInput--lg.FormInput--forms .FormInput-control-input {
  line-height: 52px;
}
.FormInput--lg.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.FormInput--lg.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.FormInput--lg.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 26px;
}
.FormInput--lg.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 18px !important;
  height: 54px !important;
  width: 18px !important;
  line-height: 54px !important;
}
.FormInput--xl {
  font-size: 14px;
}
.FormInput--xl .FormInput-control-input {
  line-height: 60px;
  font-size: 14px;
  padding: 0 12px;
}
.FormInput--xl.FormInput--forms .FormInput-control-input {
  line-height: 58px;
}
.FormInput--xl.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.FormInput--xl.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.FormInput--xl.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 26px;
}
.FormInput--xl.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 18px !important;
  height: 60px !important;
  width: 18px !important;
  line-height: 60px !important;
}
.FormInput--xxl {
  font-size: 14px;
}
.FormInput--xxl .FormInput-control-input {
  line-height: 66px;
  font-size: 14px;
  padding: 0 12px;
}
.FormInput--xxl.FormInput--forms .FormInput-control-input {
  line-height: 64px;
}
.FormInput--xxl.FormInput--icon:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 28px;
}
.FormInput--xxl.FormInput--icon.FormInput--forms:not(.FormInput--rightIcon) .FormInput-control-input {
  padding-left: 36px;
}
.FormInput--xxl.FormInput--icon.FormInput--rightIcon .FormInput-control-input {
  padding-right: 26px;
}
.FormInput--xxl.FormInput--icon .FormInput-control-icon {
  top: 0;
  z-index: 10;
  font-size: 18px !important;
  height: 66px !important;
  width: 18px !important;
  line-height: 66px !important;
}
/* States
 ------------------------------------------------------------ */
.FormInput {
  /*
	&.is-required {
		.FormInput-control {
			color: @warningSemanticColor;
			border-color: @warningSemanticColor;
		}
	}
	*/
  /*
	&.is-valid {
		.FormInput-control {
			color: @positiveSemanticColor;
			border-color: @positiveSemanticColor;
		}
	}
	*/
}
.FormInput.is-invalid .FormInput-control {
  border-color: #EF7F43;
}
.FormInput:hover .FormInput-control {
  border-color: rgba(86, 107, 118, 0.5);
}
.FormInput:hover .FormInput-counter {
  opacity: 0.3;
}
.FormInput.is-active .FormInput-control,
.FormInput.is-active:hover .FormInput-control {
  border-color: #566B76;
}
.FormInput.is-active .FormInput-counter,
.FormInput.is-active:hover .FormInput-counter {
  opacity: 0.5;
}
.FormInput.is-active.is-invalid .FormInput-control,
.FormInput.is-invalid .FormInput-control,
.FormInput.is-active.is-invalid:hover .FormInput-control,
.FormInput.is-invalid:hover .FormInput-control {
  color: #EF7F43;
  border-color: #EF7F43;
}
/* Mixins
------------------------------------------------------------ */
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.FormPassword .FormInput-control-icon.Icon--action-eye {
  cursor: pointer;
  z-index: 10;
}
.FormPassword .FormInput-control-icon.Icon--action-eye:focus {
  outline: none;
}
.FormPassword .FormInput-control-icon.Icon--action-eye:focus:before {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(86, 107, 118, 0.2);
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.FormSelect {
  display: inline-block;
  margin-bottom: 12px;
  line-height: inherit;
}
.FormSelect .FormSelect-control-input {
  line-height: 48px;
}
.FormSelect .FormSelect--central .FormSelect-control-input {
  text-align: center;
}
.FormSelect .FormSelect-errors {
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
.FormSelect.FormSelect--grid {
  display: block;
}
.FormSelect.FormSelect--block {
  display: block;
}
.FormSelect.FormSelect--block .FormSelect-control {
  width: 100%;
}
.FormSelect.FormSelect--block .FormSelect-control-input {
  width: 100%;
}
.FormSelect.FormSelect--xs .FormSelect-control-input {
  line-height: 34px;
}
.FormSelect.FormSelect--sm .FormSelect-control-input {
  line-height: 40px;
}
.FormSelect.FormSelect--lg .FormSelect-control-input,
.FormSelect.FormSelect--big .FormSelect-control-input {
  line-height: 52px;
}
.FormSelect.FormSelect--xl .FormSelect-control-input {
  line-height: 58px;
}
.FormSelect.FormSelect--movable {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}
.FormSelect.FormSelect--movable .FormSelect-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 1;
  transition-property: top, font-size, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.FormSelect.FormSelect--movable.is-empty .FormSelect-label {
  opacity: 0;
  top: 6px;
}
.FormSelect.FormSelect--movable.is-empty .FormSelect-label .FormLabel-label {
  font-size: 14px;
}
.FormSelect.FormSelect--movable .FormSelect-errors {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 9px;
  z-index: 1;
}
.FormSelect.FormSelect--movable .FormSelect-label {
  left: 10px;
}
.FormSelect.is-invalid .FormSelect-label .FormLabel-label {
  color: #EF7F43;
}
.Form--highlightRequired .FormSelect.is-required .FormSelect-label .FormLabel-label:after {
  content: ' *';
}
.FormSelect.is-active.FormSelect--movable .FormSelect-label .FormLabel-label,
.FormSelect.is-active.is-invalid.FormSelect--movable .FormSelect-label .FormLabel-label {
  color: #566B76;
}
.FormSelect .FormSelect-control,
.FormSelect .FormSelect-control-input {
  line-height: inherit;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.FormCategorySelect {
  display: inline-block;
  margin-bottom: 12px;
}
.FormCategorySelect .FormCategorySelect-control-input {
  line-height: 48px;
}
.FormCategorySelect .FormCategorySelect--central .FormCategorySelect-control-input {
  text-align: center;
}
.FormCategorySelect .FormCategorySelect-errors {
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
.FormCategorySelect.FormCategorySelect--grid {
  display: block;
}
.FormCategorySelect.FormCategorySelect--block {
  display: block;
}
.FormCategorySelect.FormCategorySelect--block .FormCategorySelect-control {
  width: 100%;
}
.FormCategorySelect.FormCategorySelect--block .FormCategorySelect-control-input {
  width: 100%;
}
.FormCategorySelect.FormCategorySelect--xs .FormCategorySelect-control-input {
  line-height: 34px;
}
.FormCategorySelect.FormCategorySelect--sm .FormCategorySelect-control-input {
  line-height: 40px;
}
.FormCategorySelect.FormCategorySelect--lg .FormCategorySelect-control-input,
.FormCategorySelect.FormCategorySelect--big .FormCategorySelect-control-input {
  line-height: 52px;
}
.FormCategorySelect.FormCategorySelect--xl .FormCategorySelect-control-input {
  line-height: 58px;
}
.FormCategorySelect.FormCategorySelect--movable {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}
.FormCategorySelect.FormCategorySelect--movable .FormCategorySelect-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 1;
  transition-property: top, font-size, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.FormCategorySelect.FormCategorySelect--movable.is-empty .FormCategorySelect-label {
  opacity: 0;
  top: 6px;
}
.FormCategorySelect.FormCategorySelect--movable.is-empty .FormCategorySelect-label .FormLabel-label {
  font-size: 14px;
}
.FormCategorySelect.FormCategorySelect--movable .FormCategorySelect-errors {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 9px;
  z-index: 1;
}
.FormCategorySelect.FormCategorySelect--movable .FormCategorySelect-label {
  left: 10px;
}
.FormCategorySelect.is-invalid .FormCategorySelect-label .FormLabel-label {
  color: #EF7F43;
}
.Form--highlightRequired .FormCategorySelect.is-required .FormCategorySelect-label .FormLabel-label:after {
  content: ' *';
}
.FormCategorySelect.is-active.FormCategorySelect--movable .FormCategorySelect-label .FormLabel-label,
.FormCategorySelect.is-active.is-invalid.FormCategorySelect--movable .FormCategorySelect-label .FormLabel-label {
  color: #566B76;
}
.FormCategorySelect.FormCategorySelect--movable .FormCategorySelect-label {
  left: 10px;
  top: -24px;
}
.FormCategorySelect.FormCategorySelect--movable .FormCategorySelect-errors {
  left: 10px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.FormCategoryMultiSelect {
  display: inline-block;
  margin-bottom: 12px;
}
.FormCategoryMultiSelect .FormCategoryMultiSelect--central .FormCategoryMultiSelect-control-input {
  text-align: center;
}
.FormCategoryMultiSelect .FormCategoryMultiSelect-errors {
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--grid {
  display: block;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--block {
  display: block;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--block .FormCategoryMultiSelect-control {
  width: 100%;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--block .FormCategoryMultiSelect-control-input {
  width: 100%;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--movable {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--movable .FormCategoryMultiSelect-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 1;
  transition-property: top, font-size, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--movable.is-empty .FormCategoryMultiSelect-label {
  opacity: 0;
  top: 6px;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--movable.is-empty .FormCategoryMultiSelect-label .FormLabel-label {
  font-size: 14px;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--movable .FormCategoryMultiSelect-errors {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 9px;
  z-index: 1;
}
.FormCategoryMultiSelect.FormCategoryMultiSelect--movable .FormCategoryMultiSelect-label {
  left: 10px;
}
.FormCategoryMultiSelect.is-invalid .FormCategoryMultiSelect-label .FormLabel-label {
  color: #EF7F43;
}
.Form--highlightRequired .FormCategoryMultiSelect.is-required .FormCategoryMultiSelect-label .FormLabel-label:after {
  content: ' *';
}
.FormCategoryMultiSelect.is-active.FormCategoryMultiSelect--movable .FormCategoryMultiSelect-label .FormLabel-label,
.FormCategoryMultiSelect.is-active.is-invalid.FormCategoryMultiSelect--movable .FormCategoryMultiSelect-label .FormLabel-label {
  color: #566B76;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.FormCheckbox {
  display: inline-block;
}
.FormCheckbox--block {
  display: block;
}
.FormCheckbox-errors {
  position: absolute;
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.FormCheckboxWithInput-checkbox .Checkbox {
  margin: 0;
}
.FormCheckboxWithInput-checkbox .Checkbox-wrapper {
  top: 9px;
}
.FormCheckboxWithInput-checkbox .Checkbox-label {
  float: left;
}
.FormCheckboxWithInput-checkbox .Checkbox-text {
  display: none;
}
.FormCheckboxWithInput-input {
  margin-left: 36px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
------------------------------------------------------------ */
.FormDatePicker {
  display: inline-block;
  margin-bottom: 12px;
}
.FormDatePicker .FormDatePicker-control-input {
  line-height: 48px;
}
.FormDatePicker .FormDatePicker--central .FormDatePicker-control-input {
  text-align: center;
}
.FormDatePicker .FormDatePicker-errors {
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
.FormDatePicker.FormDatePicker--grid {
  display: block;
}
.FormDatePicker.FormDatePicker--block {
  display: block;
}
.FormDatePicker.FormDatePicker--block .FormDatePicker-control {
  width: 100%;
}
.FormDatePicker.FormDatePicker--block .FormDatePicker-control-input {
  width: 100%;
}
.FormDatePicker.FormDatePicker--xs .FormDatePicker-control-input {
  line-height: 34px;
}
.FormDatePicker.FormDatePicker--sm .FormDatePicker-control-input {
  line-height: 40px;
}
.FormDatePicker.FormDatePicker--lg .FormDatePicker-control-input,
.FormDatePicker.FormDatePicker--big .FormDatePicker-control-input {
  line-height: 52px;
}
.FormDatePicker.FormDatePicker--xl .FormDatePicker-control-input {
  line-height: 58px;
}
.FormDatePicker.FormDatePicker--movable {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}
.FormDatePicker.FormDatePicker--movable .FormDatePicker-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 1;
  transition-property: top, font-size, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.FormDatePicker.FormDatePicker--movable.is-empty .FormDatePicker-label {
  opacity: 0;
  top: 6px;
}
.FormDatePicker.FormDatePicker--movable.is-empty .FormDatePicker-label .FormLabel-label {
  font-size: 14px;
}
.FormDatePicker.FormDatePicker--movable .FormDatePicker-errors {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 9px;
  z-index: 1;
}
.FormDatePicker.FormDatePicker--movable .FormDatePicker-label {
  left: 10px;
}
.FormDatePicker.is-invalid .FormDatePicker-label .FormLabel-label {
  color: #EF7F43;
}
.Form--highlightRequired .FormDatePicker.is-required .FormDatePicker-label .FormLabel-label:after {
  content: ' *';
}
.FormDatePicker.is-active.FormDatePicker--movable .FormDatePicker-label .FormLabel-label,
.FormDatePicker.is-active.is-invalid.FormDatePicker--movable .FormDatePicker-label .FormLabel-label {
  color: #566B76;
}
.FormDatePicker.FormDatePicker--xs .FormDatePicker-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormDatePicker.FormDatePicker--xs .FormDatePicker-control-input .Input-input {
  line-height: 36px;
}
.FormDatePicker.FormDatePicker--xs.FormDatePicker--forms .FormDatePicker-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormDatePicker.FormDatePicker--xs.FormDatePicker--forms .FormDatePicker-control-input .Input-input {
  line-height: 34px;
}
.FormDatePicker.FormDatePicker--sm .FormDatePicker-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormDatePicker.FormDatePicker--sm .FormDatePicker-control-input .Input-input {
  line-height: 42px;
}
.FormDatePicker.FormDatePicker--sm.FormDatePicker--forms .FormDatePicker-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormDatePicker.FormDatePicker--sm.FormDatePicker--forms .FormDatePicker-control-input .Input-input {
  line-height: 40px;
}
.FormDatePicker.FormDatePicker--lg .FormDatePicker-control-input,
.FormDatePicker.FormDatePicker--xl .FormDatePicker-control-input,
.FormDatePicker.FormDatePicker--big .FormDatePicker-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormDatePicker.FormDatePicker--lg .FormDatePicker-control-input .Input-input,
.FormDatePicker.FormDatePicker--xl .FormDatePicker-control-input .Input-input,
.FormDatePicker.FormDatePicker--big .FormDatePicker-control-input .Input-input {
  line-height: 54px;
}
.FormDatePicker.FormDatePicker--lg.FormDatePicker--forms .FormDatePicker-control-input,
.FormDatePicker.FormDatePicker--xl.FormDatePicker--forms .FormDatePicker-control-input,
.FormDatePicker.FormDatePicker--big.FormDatePicker--forms .FormDatePicker-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormDatePicker.FormDatePicker--lg.FormDatePicker--forms .FormDatePicker-control-input .Input-input,
.FormDatePicker.FormDatePicker--xl.FormDatePicker--forms .FormDatePicker-control-input .Input-input,
.FormDatePicker.FormDatePicker--big.FormDatePicker--forms .FormDatePicker-control-input .Input-input {
  line-height: 52px;
}
.FormDatePicker .FormDatePicker-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormDatePicker .FormDatePicker-control-input .Input-input {
  line-height: 48px;
}
.FormDatePicker.FormDatePicker--forms .FormDatePicker-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormDatePicker.FormDatePicker--forms .FormDatePicker-control-input .Input-input {
  line-height: 46px;
}
.FormDatePicker .DatePicker-calendar {
  line-height: 24px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.FormCheckboxTree-level {
  padding-left: 12px;
}
.FormCheckboxTree-control-item-checkbox {
  padding-left: 24px;
}
.FormCheckboxTree-control-item-checkbox--parent {
  position: relative;
}
.FormCheckboxTree-control-item-checkbox .Icon {
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
  cursor: pointer;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.FormCheckboxList {
  margin-bottom: 24px;
}
.FormCheckboxList-checkbox,
.FormCheckboxList-control-checkbox {
  width: 100%;
}
.FormCheckboxList-checkbox .Checkbox,
.FormCheckboxList-control-checkbox .Checkbox {
  width: 100%;
}
.FormCheckboxList .FormCheckboxList-control-checkbox {
  margin-bottom: 12px;
  border-bottom: 1px solid #F4F4F0;
}
.FormCheckboxList .Checkbox-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.FormCheckboxList .Checkbox-text {
  padding-left: 0;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.Input {
  display: inline-block;
  background: transparent;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  background: #fff;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
.Input.Input.is-active,
.Input.Input.is-active:hover {
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #566B76;
}
.Input.is-disabled .Input-input {
  cursor: not-allowed;
}
.Input:hover {
  border-color: #566B76;
}
.Input .Input-icon {
  color: #566B76;
}
.Input.Input.is-filled {
  border-color: #566B76;
}
.Input .Input-input-feedback {
  background-color: #e6e6e6;
  border-top: 2px solid #566B76;
}
/* Descendents
------------------------------------------------------------ */
.Input-iconWrapper {
  position: absolute;
  right: 12px;
  top: 0;
  display: flex;
  height: 100%;
  align-items: center;
}
.Input-label {
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.Input-input,
.Input-input-inside {
  background: transparent;
  padding: 0;
  border: none;
  width: 100%;
  color: #4d4d4d;
  font-size: 14px;
  box-sizing: border-box;
}
.Input-input:focus,
.Input-input-inside:focus {
  outline: none;
}
.Input-input:-webkit-autofill,
.Input-input-inside:-webkit-autofill,
.Input-input:-webkit-autofill:hover,
.Input-input-inside:-webkit-autofill:hover,
.Input-input:-webkit-autofill:focus,
.Input-input-inside:-webkit-autofill:focus,
.Input-input:-webkit-autofill:active,
.Input-input-inside:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.Input-input::placeholder,
.Input-input-inside::placeholder {
  color: #666666;
  opacity: 1;
}
.Input-input::-ms-input-placeholder,
.Input-input-inside::-ms-input-placeholder {
  color: #666666;
}
.Input-input[type="search"],
.Input-input-inside[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.Input-input[type="number"],
.Input-input-inside[type="number"] {
  -moz-appearance: textfield;
}
.Input-input[type="number"]::-webkit-outer-spin-button,
.Input-input-inside[type="number"]::-webkit-outer-spin-button,
.Input-input[type="number"]::-webkit-inner-spin-button,
.Input-input-inside[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.Input-input-feedback {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
}
/* Modifiers
------------------------------------------------------------ */
.Input {
  font-size: 14px;
}
.Input .Input-input {
  line-height: 46px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input .Input-input:focus {
    font-size: 14px;
  }
}
.Input.Input--forms .Input-input {
  line-height: 46px;
}
.Input .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--xxs {
  font-size: 10px;
}
.Input--xxs .Input-input {
  line-height: 28px;
  font-size: 10px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxs .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxs .Input-input:focus {
    font-size: 10px;
  }
}
.Input--xxs.Input--forms .Input-input {
  line-height: 28px;
}
.Input--xxs .Input-input-inside {
  font-size: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxs .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxs .Input-input-inside:focus {
    font-size: 10px;
  }
}
.Input--xxs.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--xs {
  font-size: 12px;
}
.Input--xs .Input-input {
  line-height: 34px;
  font-size: 12px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xs .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xs .Input-input:focus {
    font-size: 12px;
  }
}
.Input--xs.Input--forms .Input-input {
  line-height: 34px;
}
.Input--xs .Input-input-inside {
  font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xs .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xs .Input-input-inside:focus {
    font-size: 12px;
  }
}
.Input--xs.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--sm {
  font-size: 12px;
}
.Input--sm .Input-input {
  line-height: 40px;
  font-size: 12px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--sm .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--sm .Input-input:focus {
    font-size: 12px;
  }
}
.Input--sm.Input--forms .Input-input {
  line-height: 40px;
}
.Input--sm .Input-input-inside {
  font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--sm .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--sm .Input-input-inside:focus {
    font-size: 12px;
  }
}
.Input--sm.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--lg {
  font-size: 14px;
}
.Input--lg .Input-input {
  line-height: 52px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--lg .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--lg .Input-input:focus {
    font-size: 14px;
  }
}
.Input--lg.Input--forms .Input-input {
  line-height: 52px;
}
.Input--lg .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--lg .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--lg .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--lg.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--xl {
  font-size: 14px;
}
.Input--xl .Input-input {
  line-height: 58px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xl .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xl .Input-input:focus {
    font-size: 14px;
  }
}
.Input--xl.Input--forms .Input-input {
  line-height: 58px;
}
.Input--xl .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xl .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xl .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--xl.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--xxl {
  font-size: 14px;
}
.Input--xxl .Input-input {
  line-height: 64px;
  font-size: 14px;
  padding: 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxl .Input-input:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxl .Input-input:focus {
    font-size: 14px;
  }
}
.Input--xxl.Input--forms .Input-input {
  line-height: 64px;
}
.Input--xxl .Input-input-inside {
  font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .Input--xxl .Input-input-inside:focus {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .Input--xxl .Input-input-inside:focus {
    font-size: 14px;
  }
}
.Input--xxl.Input--hasIcon .Input-input {
  padding-right: 36px;
}
.Input--central .Input-input {
  text-align: center;
}
.Input--info .Input-icon {
  color: #62BDD0;
}
.Input--info.Input.is-filled {
  border-color: #62BDD0;
}
.Input--info .Input-input-feedback {
  background-color: #EBF7F9;
  border-top: 2px solid #62BDD0;
}
.Input--neutral .Input-icon {
  color: #997AB6;
}
.Input--neutral.Input.is-filled {
  border-color: #997AB6;
}
.Input--neutral .Input-input-feedback {
  background-color: #F2EFF6;
  border-top: 2px solid #997AB6;
}
.Input--warning .Input-icon {
  color: #FEB734;
}
.Input--warning.Input.is-filled {
  border-color: #FEB734;
}
.Input--warning .Input-input-feedback {
  background-color: #FFF6E6;
  border-top: 2px solid #FEB734;
}
.Input--negative .Input-icon {
  color: #EF7F43;
}
.Input--negative.Input.is-filled {
  border-color: #EF7F43;
}
.Input--negative .Input-input-feedback {
  background-color: #FDEFE8;
  border-top: 2px solid #EF7F43;
}
.Input--positive .Input-icon {
  color: #88BC76;
}
.Input--positive.Input.is-filled {
  border-color: #88BC76;
}
.Input--positive .Input-input-feedback {
  background-color: #F0F7EE;
  border-top: 2px solid #88BC76;
}
.Input--block {
  width: 100%;
}
.Input--clickableIcon .Input-icon {
  cursor: pointer;
}
/* Mixins
------------------------------------------------------------ */
/* Element
 ------------------------------------------------------------ */
.FormAutocomplete {
  display: inline-block;
  margin-bottom: 12px;
}
.FormAutocomplete .FormAutocomplete-control-input {
  line-height: 48px;
}
.FormAutocomplete .FormAutocomplete--central .FormAutocomplete-control-input {
  text-align: center;
}
.FormAutocomplete .FormAutocomplete-errors {
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
.FormAutocomplete.FormAutocomplete--grid {
  display: block;
}
.FormAutocomplete.FormAutocomplete--block {
  display: block;
}
.FormAutocomplete.FormAutocomplete--block .FormAutocomplete-control {
  width: 100%;
}
.FormAutocomplete.FormAutocomplete--block .FormAutocomplete-control-input {
  width: 100%;
}
.FormAutocomplete.FormAutocomplete--xs .FormAutocomplete-control-input {
  line-height: 34px;
}
.FormAutocomplete.FormAutocomplete--sm .FormAutocomplete-control-input {
  line-height: 40px;
}
.FormAutocomplete.FormAutocomplete--lg .FormAutocomplete-control-input,
.FormAutocomplete.FormAutocomplete--big .FormAutocomplete-control-input {
  line-height: 52px;
}
.FormAutocomplete.FormAutocomplete--xl .FormAutocomplete-control-input {
  line-height: 58px;
}
.FormAutocomplete.FormAutocomplete--movable {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}
.FormAutocomplete.FormAutocomplete--movable .FormAutocomplete-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 1;
  transition-property: top, font-size, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.FormAutocomplete.FormAutocomplete--movable.is-empty .FormAutocomplete-label {
  opacity: 0;
  top: 6px;
}
.FormAutocomplete.FormAutocomplete--movable.is-empty .FormAutocomplete-label .FormLabel-label {
  font-size: 14px;
}
.FormAutocomplete.FormAutocomplete--movable .FormAutocomplete-errors {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 9px;
  z-index: 1;
}
.FormAutocomplete.FormAutocomplete--movable .FormAutocomplete-label {
  left: 10px;
}
.FormAutocomplete.is-invalid .FormAutocomplete-label .FormLabel-label {
  color: #EF7F43;
}
.Form--highlightRequired .FormAutocomplete.is-required .FormAutocomplete-label .FormLabel-label:after {
  content: ' *';
}
.FormAutocomplete.is-active.FormAutocomplete--movable .FormAutocomplete-label .FormLabel-label,
.FormAutocomplete.is-active.is-invalid.FormAutocomplete--movable .FormAutocomplete-label .FormLabel-label {
  color: #566B76;
}
.FormAutocomplete.FormAutocomplete--xs .FormAutocomplete-control-input,
.FormAutocomplete.FormAutocomplete--sm .FormAutocomplete-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormAutocomplete.FormAutocomplete--xs .FormAutocomplete-control-input .Autocomplete-input,
.FormAutocomplete.FormAutocomplete--sm .FormAutocomplete-control-input .Autocomplete-input {
  line-height: 42px;
  font-size: 14px;
}
.FormAutocomplete.FormAutocomplete--lg .FormAutocomplete-control-input,
.FormAutocomplete.FormAutocomplete--xl .FormAutocomplete-control-input,
.FormAutocomplete.FormAutocomplete--big .FormAutocomplete-control-input {
  line-height: inherit;
  font-size: inherit;
}
.FormAutocomplete.FormAutocomplete--lg .FormAutocomplete-control-input .Autocomplete-input,
.FormAutocomplete.FormAutocomplete--xl .FormAutocomplete-control-input .Autocomplete-input,
.FormAutocomplete.FormAutocomplete--big .FormAutocomplete-control-input .Autocomplete-input {
  line-height: 54px;
  font-size: 18px;
}
.FormAutocomplete .Autocomplete-results {
  line-height: 24px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
.FormRadioList {
  margin-bottom: 12px;
}
/*
 * Common animations as mixins
 */
/* slide in */
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
/* slide up */
@keyframes slide-up-fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
/* fade in */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fade out */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* move up */
@keyframes move-up {
  from {
    bottom: 90%;
  }
  to {
    bottom: 100%;
  }
}
/* Element
 ------------------------------------------------------------ */
.FormButton {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}
.FormButton .FormButton--central .FormButton-control-input {
  text-align: center;
}
.FormButton .FormButton-errors {
  border-top: 2px solid #EF7F43;
  background-color: #FDEFE8;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 10px;
  z-index: 1;
  margin-top: -1px;
  text-align: left;
}
.FormButton.FormButton--grid {
  display: block;
}
.FormButton.FormButton--block {
  display: block;
}
.FormButton.FormButton--block .FormButton-control {
  width: 100%;
}
.FormButton.FormButton--block .FormButton-control-input {
  width: 100%;
}
.FormButton.FormButton--movable {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
}
.FormButton.FormButton--movable .FormButton-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 1;
  transition-property: top, font-size, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.51, 0.81);
}
.FormButton.FormButton--movable.is-empty .FormButton-label {
  opacity: 0;
  top: 6px;
}
.FormButton.FormButton--movable.is-empty .FormButton-label .FormLabel-label {
  font-size: 14px;
}
.FormButton.FormButton--movable .FormButton-errors {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 9px;
  z-index: 1;
}
.FormButton.FormButton--movable .FormButton-label {
  left: 10px;
}
.FormButton.is-invalid .FormButton-label .FormLabel-label {
  color: #EF7F43;
}
.Form--highlightRequired .FormButton.is-required .FormButton-label .FormLabel-label:after {
  content: ' *';
}
.FormButton.is-active.FormButton--movable .FormButton-label .FormLabel-label,
.FormButton.is-active.is-invalid.FormButton--movable .FormButton-label .FormLabel-label {
  color: #566B76;
}
.FormButton-block {
  display: block;
}
/* Element
 ------------------------------------------------------------ */
.Maps {
  display: block;
}
