.button-icon__button-icon___3w1vl {
    display: inline-block;
}

.button-icon__button-icon___3w1vl > :first-child {
    padding-right: 8px;
    height: 17px;
    margin-bottom: -4px; /* smh inline-block i have no idea */
}

.button-icon__button-icon___3w1vl > * {
    display: inline-block;
}

@-webkit-keyframes loading-icon__spin___1U9ea {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes loading-icon__spin___1U9ea {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.loading-icon__svg-loading___jR4Li {
    -webkit-animation: loading-icon__spin___1U9ea 1s infinite linear;
            animation: loading-icon__spin___1U9ea 1s infinite linear;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}

.saving-icon__path___2d5TH {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
    -webkit-animation-name: saving-icon__load___3o5pg, saving-icon__spin___QutdL;
    -webkit-animation-duration: 1500ms, 1500ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: saving-icon__load___3o5pg, saving-icon__spin___QutdL;
    animation-duration: 1500ms, 1500ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50px 50px;
}

.saving-icon__path-complete___3jCic {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.saving-icon__check___1lm9o {
    stroke-dasharray: 110;
    stroke-dashoffset: -110;
    stroke-width: 0;
}

.saving-icon__check-complete___3SASB {
    -webkit-animation: saving-icon__check___1lm9o 1s ease-in forwards;
    animation: saving-icon__check___1lm9o 1s ease-in forwards;
    stroke-width: 15;
    stroke-dashoffset: 0;
}

.saving-icon__fill___S8rgL {
    stroke-dasharray: 285;
    stroke-dashoffset: -257;
    -webkit-animation: saving-icon__spin-fill___1DfX5 1500ms cubic-bezier(0.7, 0.435, 0.12, 0.6) infinite forwards;
    animation: saving-icon__spin-fill___1DfX5 1500ms cubic-bezier(0.7, 0.465, 0.12, 0.6) infinite forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50px 50px;
}

.saving-icon__fill-complete___2Cl3x {
    -webkit-animation: saving-icon__fill___S8rgL 1s ease-out forwards;
    animation: saving-icon__fill___S8rgL 1s ease-out forwards;
}

@-webkit-keyframes saving-icon__load___3o5pg {
    0% {
        stroke-dashoffset: 300;
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
        stroke-dashoffset: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
        stroke-dashoffset: -300;
    }
}
@keyframes saving-icon__load___3o5pg {
    0% {
        stroke-dashoffset: 285;
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
        stroke-dashoffset: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
        stroke-dashoffset: -285;
    }
}

@-webkit-keyframes saving-icon__check___1lm9o {
    0% {
        stroke-dashoffset: -110;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes saving-icon__check___1lm9o {
    0% {
        stroke-dashoffset: -110;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

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

@-webkit-keyframes saving-icon__spin-fill___1DfX5 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(720deg);
    }
}
@keyframes saving-icon__spin-fill___1DfX5 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(720deg);
                transform: rotate(720deg);
    }
}

@-webkit-keyframes saving-icon__fill___S8rgL {
    0% {
        stroke-dashoffset: 285;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes saving-icon__fill___S8rgL {
    0% {
        stroke-dashoffset: 285;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.saving-icon__success___1MNC4 {
    stroke: #33c252;
    -webkit-transition: stroke 0.6s;
    transition: stroke 0.6s;
}

.help-styles__help-icon___3lDl7 {
    line-height: 1;
    cursor: pointer;
    color: #524fb8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.help-styles__help-icon___3lDl7:hover,
.help-styles__help-icon___3lDl7:focus {
    color: #3d3b8a;
}

.help-styles__help-icon--error___3UppR {
    color: #ff2e47;
}

.help-styles__help-icon--error___3UppR:hover,
.help-styles__help-icon--error___3UppR:focus {
    color: #bf2436;
}

.scroll-button__button___1CDxr {
    position: absolute;
    z-index: 11;
    height: 50px;
    width: 35px;
    background-color: #ebe8e8;
    padding: 0;
    opacity: 0.4;
    font-size: 15px;
    -webkit-transition: all 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.scroll-button__button-left___2duLs {
    border-radius: 0 35px 35px 0;
}

.scroll-button__button-right___oD95i {
    border-radius: 35px 0 0 35px;
}

.scroll-button__button-left___2duLs:hover,
.scroll-button__button-right___oD95i:hover {
    background-color: #3b9eD7;
    color: white;
    opacity: 0.7;
}

.close-button__container___1daBt {
    padding: 5px 10px;
}

.close-button__container--light___2fZI- {
}

/* Regular (Dark) variant */
.close-button__container___1daBt .svg-close svg {
    fill: #4d4540;
}

.close-button__container___1daBt:hover .svg-close svg,
.close-button__container___1daBt:focus .svg-close svg {
    fill: #211712;
}

/* Medium variant */
.close-button__container--medium___1o_6x .svg-close svg {
    fill: #dbd9d9;
}

.close-button__container--medium___1o_6x:hover .svg-close svg,
.close-button__container--medium___1o_6x:focus .svg-close svg {
    fill: #7a7370;
}

/* Light variant*/
.close-button__container--light___2fZI- .svg-close svg {
    fill: #ffffff;
}

.close-button__container--light___2fZI-:hover .svg-close svg,
.close-button__container--light___2fZI-:focus .svg-close svg {
    fill: #ebe8e8;
}

.minimize-button__container___2k1sx {
    padding: 5px 10px;
    height: 100%;
    color: #7a7370;
}

.minimize-button__container___2k1sx:hover,
.minimize-button__container___2k1sx:focus {
    color: #211712;
}

.minimize-button__container--minimize___5lBtt,
.minimize-button__container--maximize___19uxa {
}

/* Flipping minimize button to be an enlarge button */
.minimize-button__container--maximize___19uxa {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.checkmark-button__container___BUwhJ {
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: white;
    background-color: #33c252;
    border-radius: 10px;
    vertical-align: top;
    display: inline-block;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 13px;

    /* Override button styles */
    padding: 0 !important;
}

.checkmark-button__container___BUwhJ:not(:disabled):hover,
.checkmark-button__container___BUwhJ:not(:disabled):focus,
.checkmark-button__container___BUwhJ:not(:disabled):active {
    background-color: #2e9942;
    outline: 2px solid #065289;
}

.checkmark-button__container___BUwhJ:disabled {
    background-color: #ebe8e8;
}

.cancel-button__container___Vb1Yh {
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #7a7370;
    background-color: #ebe8e8;
    border-radius: 10px;
    vertical-align: top;
    display: inline-block;
    position: relative;
    text-align: center;
    cursor: pointer;

    /* 12px is more centered than 13px */
    font-size: 12px;

    /* Override button styles */
    padding: 0 !important;
}

.cancel-button__container___Vb1Yh:hover,
.cancel-button__container___Vb1Yh:focus,
.cancel-button__container___Vb1Yh:active {
    color: #4d4540;
    background-color: #d4d1cf;
    outline: 2px solid #065289;
}

.remove-button__btn___3pZZt {
    padding: 5px 10px;
}

.remove-button__btn___3pZZt svg {
    fill: #ebe8e8;
    vertical-align: middle;
}

.remove-button__btn___3pZZt:hover svg,
.remove-button__btn___3pZZt:focus svg {
    fill: #ff2e47;
}

.remove-button__btn___3pZZt:active svg {
    fill: #bf2436;
}

.file-upload-button__file-upload-wrapper___2v-x5 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px 32px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 152px;
    color: #3b9eD7;
    font-size: 17px;
    background-color: #d9edf7;
    border: 2px dashed #3b9eD7;
    border-radius: 3px;
    cursor: pointer;
}

.file-upload-button__contents___10ffM :first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 16px;
}

.file-upload-button__file-upload-wrapper___2v-x5:hover {
    color: #337da8;
    border: 2px solid #337da8;
}

.file-upload-button__file-upload-wrapper___2v-x5 input[type='file'] {
    display: none;
}

.back-button__container___2fKrs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #7a7370;
    font-size: 15px;
    margin-top: 2px;
    padding: 4px 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.back-button__container___2fKrs:hover {
    border-color: #ebe8e8;
    color: #211712;
}

.back-button__container___2fKrs span {
    padding-right: 4px;
}

.back-button__container___2fKrs:focus-visible {
    outline: 2px solid #065289;
    outline-offset: 2px;
}

.saved-setting-toast__save-complete___2b9Yx {
    color: #33c252;
}

.saved-setting-toast__spinner___1Xe78 {
    margin-left: 8px;
    fill: #33c252;
}

.saved-setting-toast__spinner___1Xe78 svg {
    height: 0.8em;
}

.button__button___GQ-ds {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 60px;
    border-radius: 3px;
    text-align: center;
    outline: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.button__full-width___3IZpN {
    width: 100%;
}

.button__text___1AjxG {
    display: inline-block;
    outline: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}

/* Backup for browsers that do not support :focus-visible */
.button__text___1AjxG:focus:not([disabled]) {
    text-decoration: underline;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__text___1AjxG:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__text___1AjxG:focus-visible:not([disabled]) {
    text-decoration: underline;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__text___1AjxG:hover:not([disabled]) {
    text-decoration: underline;
}

.button__primary___1-0nS {
    color: #fff;
    background-color: #3b9eD7;
}

/* Backup for browsers that do not support :focus-visible */
.button__primary___1-0nS:focus:not([disabled]) {
    background-color: #337da8;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__primary___1-0nS:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__primary___1-0nS:focus-visible:not([disabled]) {
    background-color: #337da8;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__primary___1-0nS:hover:not([disabled]) {
    background-color: #337da8;
}

.button__secondary___RBs0Q {
    color: #4d4540;
    background-color: #ebe8e8;
}

/* Backup for browsers that do not support :focus-visible */
.button__secondary___RBs0Q:focus:not([disabled]) {
    color: #211712;
    background-color: #dbd9d9;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__secondary___RBs0Q:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__secondary___RBs0Q:focus-visible:not([disabled]) {
    color: #211712;
    background-color: #dbd9d9;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__secondary___RBs0Q:hover:not([disabled]) {
    color: #211712;
    background-color: #dbd9d9;
}

.button__orange___3xZGH {
    color: #fff;
    background-color: #0c0f33;
}

/* Backup for browsers that do not support :focus-visible */
.button__orange___3xZGH:focus:not([disabled]) {
    background-color: #ff4f05; /* TODO: standardize color */
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__orange___3xZGH:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__orange___3xZGH:focus-visible:not([disabled]) {
    background-color: #ff4f05; /* TODO: standardize color */
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__orange___3xZGH:hover:not([disabled]) {
    /* Darken 15% over above orange, until we can get on new color palette */
    background-color: #ff4f05; /* TODO: standardize color */
}

.button__save___3GLsB {
    color: #fff;
    background-color: #33c252;
}

/* Backup for browsers that do not support :focus-visible */
.button__save___3GLsB:focus:not([disabled]) {
    background-color: #2e9942;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__save___3GLsB:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__save___3GLsB:focus-visible:not([disabled]) {
    background-color: #2e9942;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__save___3GLsB:hover:not([disabled]) {
    background-color: #2e9942;
}

.button__danger___nO5A3 {
    color: #fff;
    background-color: #ff2e47;
}

/* Backup for browsers that do not support :focus-visible */
.button__danger___nO5A3:focus:not([disabled]) {
    background-color: #bf2436;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__danger___nO5A3:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__danger___nO5A3:focus-visible:not([disabled]) {
    background-color: #bf2436;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__danger___nO5A3:hover:not([disabled]) {
    background-color: #bf2436;
}

.button__text-primary___3KoiZ {
    color: #3b9eD7;
}

/* Backup for browsers that do not support :focus-visible */
.button__text-primary___3KoiZ:focus:not([disabled]) {
    color: #337da8;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__text-primary___3KoiZ:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__text-primary___3KoiZ:focus-visible:not([disabled]) {
    color: #337da8;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__text-primary___3KoiZ:hover:not([disabled]) {
    color: #337da8;
}

.button__text-secondary___1kHKa {
    color: #7a7370;
}

/* Backup for browsers that do not support :focus-visible */
.button__text-secondary___1kHKa:focus:not([disabled]) {
    color: #4d4540;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__text-secondary___1kHKa:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__text-secondary___1kHKa:focus-visible:not([disabled]) {
    color: #4d4540;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__text-secondary___1kHKa:hover:not([disabled]) {
    color: #4d4540;
}

.button__text-danger___3iOur {
    color: #ff2e47;
}

/* Backup for browsers that do not support :focus-visible */
.button__text-danger___3iOur:focus:not([disabled]) {
    color: #bf2436;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

/* Removes focus style on non-keyboard input (i.e. mouse click) */
.button__text-danger___3iOur:focus:not([disabled]):not(:focus-visible) {
    outline: none;
}

/* Adds focus style only on keyboard input for browsers that support :focus-visible */
.button__text-danger___3iOur:focus-visible:not([disabled]) {
    color: #bf2436;
    outline: #065289 solid 3px;
    outline-offset: 2px;
}

.button__text-danger___3iOur:hover:not([disabled]) {
    color: #bf2436;
}

.button__text-add___28I-q {
}

.button__text-add___28I-q:before {
    content: '+ ';
}

.button__text___1AjxG.button__big___lKjYb,
.button__text-primary___3KoiZ.button__big___lKjYb,
.button__text-secondary___1kHKa.button__big___lKjYb,
.button__text-danger___3iOur.button__big___lKjYb {
    font-size: 15px;
}

.button__small___3Qt0s {
    padding: 4px 10px 3px 10px;
    font-size: 13px;
}

.button__normal___3gGyo {
    padding: 4px 10px;
    font-size: 13px;
}

.button__big___lKjYb {
    padding: 7px 12px;
    font-size: 13px;
}

.button__xlarge___2aO0l {
    padding: 12px 24px;
    font-size: 15px;
}

.button__button___GQ-ds[disabled] {
    opacity: 0.6;
    cursor: default;
}

.button__text___1AjxG[disabled] {
    color: #ebe8e8;
    cursor: default;
    text-decoration: none;
}

.button__light___1IS9n[disabled] {
    color: #ebe8e8;
    background-color: #f7f7f7;
}

.button__no-padding___35g5Z {
    padding: 0;
}

/* Adapted from https://codemyui.com/wiggle-effect-cta-button-css/ */
@-webkit-keyframes button__btnWiggle___2nIj3 {
    50% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    55% {
        -webkit-transform: rotate(-2deg);
                transform: rotate(-2deg);
    }
    58.75% {
        -webkit-transform: rotate(2deg);
                transform: rotate(2deg);
    }
    62.5% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}
@keyframes button__btnWiggle___2nIj3 {
    50% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    55% {
        -webkit-transform: rotate(-2deg);
                transform: rotate(-2deg);
    }
    58.75% {
        -webkit-transform: rotate(2deg);
                transform: rotate(2deg);
    }
    62.5% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}

.button__wiggle___2bFVA {
    -webkit-animation: button__btnWiggle___2nIj3 2s 1;
            animation: button__btnWiggle___2nIj3 2s 1;
}

.save-button__save-icon___LOGPr {
    margin-left: 8px;
    /* Keeps the save icon from making the button bigger */
    height: 0;
}

/*
    The Button component adds the '+' before the contents within the button - so in this case
    we need to add the '+' from within the button content that is wrapped with the save icon.
*/
.save-button__text-add___20GfE > span:before {
    content: '+ ';
}

.checkbox-button__checkbox-button___DSm5j {
    cursor: pointer;
    font-size: 13px;
}

.checkbox-button__small___3B5B0 {
    padding: 4px 10px;
}

.checkbox-button__normal___3qrDf {
    padding: 7px 12px;
}

.checkbox-button__unchecked___1ue3k {
    color: #4d4540;
    background-color: #ebe8e8;
}

.checkbox-button__checked___1X4Q_ {
    color: #211712;
    background-color: #dbd9d9;
}

.checkbox-button__disabled___20zCs {
    color: #7a7370;
    background-color: #f7f7f7;
}

.checkbox-button__checkbox-button___DSm5j:hover:not(.checkbox-button__disabled___20zCs) {
    color: #211712;
    background-color: #dbd9d9;
}

.checkbox-button__checkbox-container___3XKVE {
    padding-right: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.inline-text-button__inline-button___1GizL {
    display: inline-block;
    outline: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    color: #3b9eD7;
    padding: 0;
}

.inline-text-button__inline-button___1GizL:focus:not([disabled]),
.inline-text-button__inline-button___1GizL:hover:not([disabled]) {
    text-decoration: underline;
    color: #337da8;
}

.see-all-button__see-all-button___328YT {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.see-all-button__see-all-button___328YT .see-all-button__arrow___2cdIX {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 65px;
    width: 65px;
    border-radius: 65px;
    background-color: #f7f7f7;
    padding: 0;
    margin-bottom: 16px;
}

.see-all-button__see-all-button___328YT svg {
    color: #d4d1cf;
}

.see-all-button__see-all-button___328YT:hover svg,
.see-all-button__see-all-button___328YT:focus svg {
    color: #4d4540;
}

.see-all-button__see-all-button___328YT:hover span,
.see-all-button__see-all-button___328YT:focus span {
    color: #211712;
}

.see-all-button__see-all-button___328YT span {
    color: #4d4540;
    font-size: 13px;
}

.column-picker-button__container___2Ghkb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
}

.column-picker-button__button___3k7jG svg {
    fill: #4d4540;
    padding-right: 4px !important;
}

.column-picker-button__button___3k7jG:hover svg {
    fill: #211712;
}

.column-picker-button__button___3k7jG {
    color: #3b9eD7;
    width: 100%;
    height: 100%;
}

.column-picker-button__button___3k7jG:hover {
    color: #337da8;
}

.column-picker-button__button--background___4Ew6R {
    border: 1px #ebe8e8 solid;
    background-color: #fff;
}

.column-picker-button__button--background___4Ew6R:hover {
    background-color: #f7f7f7;
}

.icon-button__icon-button___2lDuc {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 12px;
    height: 100%;
    color: #4d4540;
}

.icon-button__icon-button--small___XIUH3 {
    margin: 8px 0;
    padding: 8px;
}

/* Styles for button background hover state */
.icon-button__icon-button___2lDuc:hover {
    background-color: #f7f7f7;
    color: #211712;
}

.icon-button__icon-button___2lDuc.icon-button__no-hover-bg___3gQzB:hover {
    background-color: transparent;
}

/* Styles for both types of icons */
.icon-button__icon-button___2lDuc > svg {
    height: 17px;
    width: 21px;
    margin-right: 4px;
    fill: #4d4540;
}

/* Styles for both types of icons */
.icon-button__icon-button___2lDuc.icon-button__small___3TMQS > svg {
    height: 15px;
    width: 17px;
    margin-right: 4px;
    fill: #4d4540;
}

.icon-button__icon-button___2lDuc > span:first-child {
    color: #4d4540;
    margin-right: 8px;
    font-size: 16px;
}

/* Remove margin after icon for buttons with no text */
.icon-button__icon-button___2lDuc > svg:only-child,
.icon-button__icon-button___2lDuc > span:first-child:only-child {
    margin-right: 0;
}

.icon-button__icon-button___2lDuc:hover > :first-child {
    fill: #211712;
    color: #211712;
}

/* Button text variants */
.icon-button__icon-button___2lDuc.icon-button__danger___2EK-e .icon-button__button-text___3z5Oj {
    color: #ff2e47;
}

.icon-button__icon-button___2lDuc.icon-button__primary___3PF3Z .icon-button__button-text___3z5Oj {
    color: #3b9eD7;
}

.icon-button__icon-button___2lDuc.icon-button__primary___3PF3Z:hover .icon-button__button-text___3z5Oj {
    color: #337da8;
}

/* Styles for disabled buttons */
.icon-button__icon-button___2lDuc[disabled]:hover,
.icon-button__disabled___2bfVN:hover {
    background-color: white;
    cursor: default;
}

.icon-button__icon-button___2lDuc[disabled],
.icon-button__icon-button___2lDuc[disabled] > :first-child,
.icon-button__icon-button___2lDuc[disabled]:hover > :first-child,
.icon-button__disabled___2bfVN,
.icon-button__disabled___2bfVN > :first-child,
.icon-button__disabled___2bfVN:hover > :first-child {
    fill: #7a7370;
    color: #7a7370;
}

.icon-button__icon-button___2lDuc[disabled].icon-button__danger___2EK-e .icon-button__button-text___3z5Oj,
.icon-button__disabled___2bfVN.icon-button__danger___2EK-e .icon-button__button-text___3z5Oj {
    opacity: 0.6;
}

.icon-button__icon-button___2lDuc[disabled].icon-button__primary___3PF3Z .icon-button__button-text___3z5Oj,
.icon-button__icon-button___2lDuc[disabled].icon-button__primary___3PF3Z:hover .icon-button__button-text___3z5Oj,
.icon-button__disabled___2bfVN.icon-button__primary___3PF3Z .icon-button__button-text___3z5Oj,
.icon-button__disabled___2bfVN.icon-button__primary___3PF3Z:hover .icon-button__button-text___3z5Oj {
    color: #3b9eD7;
    opacity: 0.6;
}

.lead-avatar__lead-avatar___3O37s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.avatar__container___1U4vm {
    display: inline-block;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.avatar__container--border___3fOfS {
    border: 2px solid #ffffff;
    background-color: #ffffff;
}
/*
If this container is empty (.container:empty), and not displaying anything, you
need to check the renderAvatarContents method in avatar.jsx to make sure
you aren't returning null.
*/
.avatar__container___1U4vm:empty {
    display: none;
}

.avatar__container___1U4vm:before,
.avatar__container___1U4vm .avatar__initials___1IwMN,
.avatar__container___1U4vm img,
.avatar__container___1U4vm svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.avatar__container___1U4vm img {
    z-index: 10;
}

.avatar__initials___1IwMN {
    color: white;
    cursor: default; /* no text bar */
    text-align: center;
    text-transform: uppercase;
}

.avatar__type-users___14xcM .avatar__initials___1IwMN,
.avatar__type-teams___11wHq .avatar__initials___1IwMN {
    background-color: #bf4200;
}

.avatar__type-contacts___3Prku .avatar__initials___1IwMN {
    background-color: #337da8;
}

.avatar__type-accounts___2gAgQ .avatar__initials___1IwMN,
.avatar__type-mcfxCompanies___3XgNz .avatar__initials___1IwMN {
    background-color: #3d3b8a;
}

.avatar__type-leads___2Rs7_ .avatar__initials___1IwMN {
    background-color: #2e9942;
}

.avatar__type-unknown___2lApc .avatar__initials___1IwMN {
    background-color: #211712;
}

.sidebar-user-avatar__container___Ss2a8 {
    display: inline-block;
    position: relative;
    z-index: 10;
}

.sidebar-user-avatar__container___Ss2a8:before,
.sidebar-user-avatar__container___Ss2a8 .sidebar-user-avatar__initials___3Vi3b,
.sidebar-user-avatar__container___Ss2a8 img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sidebar-user-avatar__container___Ss2a8 img {
    z-index: 10;
}

.sidebar-user-avatar__initials___3Vi3b {
    background-color: #fff;
    font-weight: 500;
    color: #0c0f33;
    cursor: default; /* no text bar */
    text-align: center;
    text-transform: uppercase;
}

.sidebar-user-avatar__container-active___1HVnC {
}

.sidebar-user-avatar__container-active___1HVnC .sidebar-user-avatar__initials___3Vi3b {
    background-color: #0c0f33 !important;
    color: #fff !important;
}

.lock-avatar__container___1sBc- {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.lock-avatar__container___1sBc- > *:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.entity-pill__container___9oyuM {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    border-radius: 2px;
    margin-right: 8px;
    margin-bottom: 5px;
}

.entity-pill__container-small___3Xk3z {
    margin-bottom: 4px;
    margin-right: 4px;
}

.entity-pill__container-unclickable___3RQ9_ {
    pointer-events: none;
}

.entity-pill__container-linkable___2RT6- {
}

.entity-pill__container-users___2t2Bu,
.entity-pill__container-teams___1p9uU {
    background-color: #bf4200;
}
.entity-pill__container-linkable___2RT6-.entity-pill__container-users___2t2Bu:hover,
.entity-pill__container-linkable___2RT6-.entity-pill__container-teams___1p9uU:hover {
    background-color: #bf4200;
}

.entity-pill__container-contacts___d4Tbv {
    background-color: #337da8;
}

.entity-pill__container-linkable___2RT6-.entity-pill__container-contacts___d4Tbv:hover {
    background-color: #337da8;
}

.entity-pill__container-accounts___3BAh8 {
    background-color: #3d3b8a;
}

.entity-pill__container-linkable___2RT6-.entity-pill__container-accounts___3BAh8:hover {
    background-color: #3d3b8a;
}

.entity-pill__container-leads___3Fbzr {
    background-color: #33c252;
}

.entity-pill__container-linkable___2RT6-.entity-pill__container-leads___3Fbzr:hover {
    background-color: #2e9942;
}

.entity-pill__container-light___2XKH0 {
    color: #211712;
    background-color: #ebe8e8;
}

.entity-pill__container-linkable___2RT6-.entity-pill__container-light___2XKH0:hover {
    background-color: #ebe8e8;
}

.entity-pill__container-dark___3KFoE,
.entity-pill__container-default___WGSNH {
    background-color: #7a7370;
}
.entity-pill__container-linkable___2RT6-.entity-pill__container-dark___3KFoE:hover .entity-pill__container-linkable___2RT6-.entity-pill__container-default___WGSNH:hover {
    background-color: #4d4540;
}

.entity-pill__entity-container___1drWs {
    padding: 1px 8px 3px 8px;
    line-height: normal;
    font-size: 17px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.entity-pill__container-small___3Xk3z .entity-pill__entity-container___1drWs {
    padding: 2px 8px 3px 8px;
    font-size: 13px;
}

.entity-pill__container___9oyuM button {
    padding: 2px 8px 2px 2px;
}

.entity-pill__container___9oyuM button:hover svg,
.entity-pill__container___9oyuM button:focus svg {
    fill: #fff;
}

.entity-pill__container-light___2XKH0 button svg {
    fill: #4d4540;
}

.entity-pill__container-light___2XKH0 button:hover svg,
.entity-pill__container-light___2XKH0 button:focus svg {
    fill: #211712;
}

.entity-pill__nameless___2ww0D {
    font-style: italic;
}

.entity-pill__container___9oyuM > div:last-child {
    padding-right: 8px;
}

.entity-pill__container-small___3Xk3z > div:last-child {
    padding-right: 4px;
}

.entity-pill__sublabel___1ltCl {
    font-size: 12px;
}

.entity-pill-select-wrapper__entity-pill-select-wrapper___3K-7m > * {
    /* Evenly spaces when there are multiple selected */
    margin-top: 2px;
    margin-bottom: 2px;
}

.select-picker__container___2v85C {
    position: relative;
}

.select-picker__select___1FO3m {
    min-height: 46px;
    margin: 22px 0 8px 0;
}

.select-picker__label___2fbsK {
    position: absolute;
    left: 1px;
    top: 14px;

    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06);

    transition: -webkit-transform 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06);

    transition: transform 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06);

    transition: transform 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06), -webkit-transform 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
    /* Pass all pointer events under the label to the input. */
    pointer-events: none;

    font-size: 20px;
    color: #4d4540;
}

.select-picker__label--active___15r6m {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: translateY(-30px) scale(0.8);
            transform: translateY(-30px) scale(0.8);
}

.select-picker__option-wrapper___3TRwR {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.select-picker__label--required___2phPg {
    left: -7px;
}

.select-picker__label--required___2phPg:before {
    content: '*';
    color: #ff2e47;
    padding-right: 2px;
}

.select-picker__option-avatar___3upjs {
    margin-right: 10px;
}

.select-picker__option-label-wrapper___1_w9H {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.select-picker__option-label___KC4h4 {
    height: 30px;
    padding-left: 12px;
    overflow: hidden;
    font-size: 17px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select-picker__empty-label___2i2a8 {
    color: #7a7370;
    height: 46px;
    line-height: 46px;
}

.select-picker__check-icon___1Yieb {
    fill: #ebe8e8;
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.link__link___3-1A_ {
    position: relative;
    cursor: pointer;
}

.link__prevent-underline___3DbrJ {
}

.link__full-width___1-l1B {
    width: 100%;
}

.link__link___3-1A_:not(.link__prevent-underline___3DbrJ):hover {
    text-decoration: underline;
}

.link__link___3-1A_:not(.link__prevent-underline___3DbrJ):focus-visible {
    text-decoration: underline;
    outline: 2px solid #065289;
    outline-offset: 2px;
}

.link__primary___1wZ4z {
    color: #3b9eD7;
}

.link__primary___1wZ4z:focus,
.link__primary___1wZ4z:hover {
    color: #337da8;
}

.link__secondary___155W4 {
    /* TODO: this probably shouldn't set a color, let it be whatever the body or parent is */
    color: #4d4540;
}

.link__secondary___155W4:focus,
.link__secondary___155W4:hover {
    color: #211712;
}

.link__small___QiNdr {
    font-size: 13px;
}

.link__normal___1SkJC {
    font-size: 15px;
}

.link__big___3-qGe {
    font-size: 17px;
}

.link__xlarge___1F71g {
    font-size: 21px;
}

/* Button variant styles */

.link__button___3OXZV {
    cursor: pointer;
}

.link__button-primary___2LCaC {
    cursor: pointer;
}

.link__button-secondary___2rECc {
    cursor: pointer;
}

.link__button___3OXZV:hover,
.link__button___3OXZV:focus {
    text-decoration: none;
}

/* Should match `small` from '../button/button.css' */
.link__button___3OXZV.link__small___QiNdr,
.link__button-primary___2LCaC.link__small___QiNdr,
.link__button-secondary___2rECc.link__small___QiNdr {
    padding: 4px 10px 3px 10px;
}

/* Should match `normal` from '../button/button.css' */
.link__button___3OXZV.link__normal___1SkJC,
.link__button-primary___2LCaC.link__normal___1SkJC,
.link__button-secondary___2rECc.link__normal___1SkJC {
    padding: 4px 10px;
}

/* Should match `big` from '../button/button.css' */
.link__button___3OXZV.link__big___3-qGe,
.link__button-primary___2LCaC.link__big___3-qGe,
.link__button-secondary___2rECc.link__big___3-qGe {
    padding: 7px 12px;
    font-size: 13px;
}

/* Should match `xlarge` from '../button/button.css' */
.link__button___3OXZV.link__xlarge___1F71g,
.link__button-primary___2LCaC.link__xlarge___1F71g,
.link__button-secondary___2rECc.link__xlarge___1F71g {
    padding: 12px 24px;
    font-size: 15px;
}

.description-body__description-body___15Ipc {
    font-weight: normal;
    color: #7a7370;
    font-size: 15px;
    line-height: 19px;
}

.header__header___1xbjs {
    font-weight: 500;
    color: #211712;
    font-size: 21px;
    line-height: 29px;
}

.title__title___2i6dw {
    font-weight: 500;
    color: #211712;
    font-size: 17px;
    line-height: 21px;
}

.subheader__header___2KOvW {
    font-weight: normal;
    color: #4d4540;
    font-size: 17px;
    line-height: 23px;
}

.body__body___1HSIF {
    font-weight: normal;
    color: #4d4540;
    font-size: 15px;
    line-height: 19px;
}

.section-label__section-label___3L6kB {
    font-size: 12px;
    line-height: 21px;
    font-weight: 500;
    padding-bottom: 6px;
    margin-bottom: 8px;
    color: #4d4540;
    text-transform: uppercase;
    border-bottom: 1px solid #ebe8e8;
}

.section-label__section-label___3L6kB.section-label__no-bottom-border___KoPQH {
    border-bottom: none;
    padding-bottom: 0;
}

.section-label__section-label___3L6kB.section-label__no-bottom-margin___Qy8bp {
    margin-bottom: 0;
}

.uppercase-label__uppercase-label___2Xked {
    font-size: 12px;
    line-height: 21px;
    font-weight: 500;
    color: #4d4540;
    text-transform: uppercase;
}

.marketing-title__marketing-title___vMnmF {
    font-weight: 500;
    color: #211712;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 12px;
}

.marketing-header__marketing-header___zm3i1 {
    font-weight: 500;
    color: #211712;
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 12px;
}

.marketing-body__body___2r6NU {
    font-weight: normal;
    color: #4d4540;
    font-size: 17px;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 32px;
}

.modal-header__modal-header___34yh4 {
    font-weight: 500;
    color: #211712;
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 16px;
    width: calc(100% - 16px);
}

.modal-subheader__modal-subheader___2dM_s {
    font-weight: normal;
    color: #4d4540;
    font-size: 17px;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 32px;
}

.modal-title__modal-title___1fyar {
    font-weight: 500;
    color: #211712;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 12px;
}

.modal-body__modal-body___u6N5F {
    font-weight: normal;
    color: #4d4540;
    font-size: 15px;
    line-height: 19px;
}

.error-message__error___2FFmY > * {
    color: #ff2e47;
}

.editable-label-wrapping__container___3ROCd {
    line-height: 1.4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-bottom: 4px;
}

.editable-label-wrapping__input___ZllON,
.editable-label-wrapping__button___3ij-Y,
.editable-label-wrapping__button--required___36uoC {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0;
}

.editable-label-wrapping__input___ZllON {
    line-height: 1.4;
}

.editable-label-wrapping__input___ZllON:focus {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
    outline: none;
}

.editable-label-wrapping__button___3ij-Y {
    white-space: pre-wrap;
    text-align: unset; /* This overrides out default button style */
    padding-bottom: 0.5px; /* This prevents a tiny jump when the input is selected */
}

.editable-label-wrapping__button--required___36uoC {
    white-space: pre-wrap;
    text-align: unset; /* This overrides out default button style */
    padding-bottom: 0.5px; /* This prevents a tiny jump when the input is selected */
    right: -7px;
}

.editable-label-wrapping__button--required___36uoC::after {
    content: '*';
    font-weight: 700;
    padding-left: 2px;
}

.editable-label-wrapping__button___3ij-Y:hover,
.editable-label-wrapping__button--required___36uoC:hover {
    background-color: white;
}

.form-field__form-field___o-PFh {
    margin-bottom: 24px;
}

.form-field__form-field--with-footer___2yt7G {
}

.form-field__form-field--with-footer___2yt7G > *:nth-child(2) {
    margin-bottom: 8px;
}

.form-field__form-field--with-footer--no-label___2IKNn > *:nth-child(1) {
    margin-bottom: 8px;
}

.form-field__form-field--no-margin___2EDEp {
    margin: 0;
}

.form-field__form-field--full-width___3EBRd {
    width: 100%;
}

.popover__container___1qfnX {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
    pointer-events: none;
}

.popover__overlay___2074- {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 0; /* Below popover body. */
    pointer-events: all;
}

.popover__anchor-mask-overlay___3Y_ot {
    position: fixed;
    -webkit-box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    pointer-events: none;
    opacity: 0;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-animation: popover__fade-in___3QCfx 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s forwards;
            animation: popover__fade-in___3QCfx 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s forwards;
}

.popover__body___3aXPa {
    position: fixed;
    z-index: 1; /* Above popover overlay. */
    background-color: #fff;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    pointer-events: all;
}

.popover__body--dark___2xKGX {
    background-color: #211712;
    color: #fff;
}

.popover__body--error___ElBND {
    background-color: rgba(250, 74, 98, 0.95);
}

.popover__body--dialog___OEa7v {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 160px;
    max-width: 300px;
    padding: 15px;
    text-align: center;
}

.popover__body--dark___2xKGX.popover__body--dialog___OEa7v,
.popover__body--error___ElBND.popover__body--dialog___OEa7v {
    color: white;
}

.popover__body___3aXPa.popover__no-default-styling___2bS8H {
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.popover__body___3aXPa.popover__no-default-styling___2bS8H:before,
.popover__body___3aXPa.popover__no-default-styling___2bS8H:after {
    display: none;
}

.popover__body___3aXPa:before,
.popover__body___3aXPa:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}

.popover__body___3aXPa:before {
    border-width: 7px;
}
.popover__body___3aXPa:after {
    border-width: calc(7px - 1px);
}

/* LOCATION-LEFT */
.popover__body___3aXPa.popover__location-left___okk1N:before,
.popover__body___3aXPa.popover__location-left___okk1N:after {
    border-right: 0;
    top: 50%;
}

/* light styles location-left */
.popover__body___3aXPa.popover__location-left___okk1N:before {
    right: calc(7px * -1);
    margin-top: calc(7px * -1);
    border-left-color: #ebe8e8;
}
.popover__body___3aXPa.popover__location-left___okk1N:after {
    right: calc((7px * -1) + 1px);
    margin-top: calc((7px * -1) + 1px);
    border-left-color: #fff;
}

/* dark styles location-left */
.popover__body--dark___2xKGX.popover__location-left___okk1N:before,
.popover__body--nub-dark___3AYvp.popover__location-left___okk1N:before {
    border-left-color: #211712;
}
.popover__body--dark___2xKGX.popover__location-left___okk1N:after,
.popover__body--nub-dark___3AYvp.popover__location-left___okk1N:after {
    border-left-color: #211712;
}

/* error styles location-left */
.popover__body--error___ElBND.popover__location-left___okk1N:before {
    border-left-color: rgba(250, 74, 98, 0.95);
}
.popover__body--error___ElBND.popover__location-left___okk1N:after {
    border-left-color: rgba(250, 74, 98, 0.95);
}

/* LOCATION-RIGHT */
.popover__body___3aXPa.popover__location-right___2LOvN:before,
.popover__body___3aXPa.popover__location-right___2LOvN:after {
    border-left: 0;
    top: 50%;
}

/* light styles location-right */
.popover__body___3aXPa.popover__location-right___2LOvN:before {
    left: calc(7px * -1);
    margin-top: calc(7px * -1);
    border-right-color: #ebe8e8;
}
.popover__body___3aXPa.popover__location-right___2LOvN:after {
    left: calc((7px * -1) + 1px);
    margin-top: calc((7px * -1) + 1px);
    border-right-color: #fff;
}

/* dark styles location-left */
.popover__body--dark___2xKGX.popover__location-right___2LOvN:before,
.popover__body--nub-dark___3AYvp.popover__location-right___2LOvN:before {
    border-right-color: #211712;
}
.popover__body--dark___2xKGX.popover__location-right___2LOvN:after,
.popover__body--nub-dark___3AYvp.popover__location-right___2LOvN:after {
    border-right-color: #211712;
}

/* error styles location-right */
.popover__body--error___ElBND.popover__location-right___2LOvN:before {
    border-right-color: rgba(250, 74, 98, 0.95);
}
.popover__body--error___ElBND.popover__location-right___2LOvN:after {
    border-right-color: rgba(250, 74, 98, 0.95);
}

/* LOCATION-TOP */
.popover__body___3aXPa.popover__location-top___380hd:before,
.popover__body___3aXPa.popover__location-top___380hd:after {
    border-bottom: 0;
    left: 50%;
}

/* light styles location-top */
.popover__body___3aXPa.popover__location-top___380hd:before {
    border-top-color: #ebe8e8;
    bottom: calc(7px * -1);
    margin-left: calc(7px * -1);
}
.popover__body___3aXPa.popover__location-top___380hd:after {
    border-top-color: #fff;
    bottom: calc((7px * -1) + 1px);
    margin-left: calc((7px * -1) + 1px);
}

/* dark styles location-top */
.popover__body--dark___2xKGX.popover__location-top___380hd:before,
.popover__body--nub-dark___3AYvp.popover__location-top___380hd:before {
    border-top-color: #211712;
}
.popover__body--dark___2xKGX.popover__location-top___380hd:after,
.popover__body--nub-dark___3AYvp.popover__location-top___380hd:after {
    border-top-color: #211712;
}

/* error styles location-top */
.popover__body--error___ElBND.popover__location-top___380hd:before {
    border-top-color: rgba(250, 74, 98, 0.95);
}
.popover__body--error___ElBND.popover__location-top___380hd:after {
    border-top-color: rgba(250, 74, 98, 0.95);
}

/* LOCATION-BOTTOM */
.popover__body___3aXPa.popover__location-bottom___tn3J8:before,
.popover__body___3aXPa.popover__location-bottom___tn3J8:after {
    border-top: 0;
    left: 50%;
}

/* light styles location-bottom */
.popover__body___3aXPa.popover__location-bottom___tn3J8:before {
    border-bottom-color: #ebe8e8;
    top: calc(7px * -1);
    margin-left: calc(7px * -1);
}
.popover__body___3aXPa.popover__location-bottom___tn3J8:after {
    border-bottom-color: #fff;
    top: calc((7px * -1) + 1px);
    margin-left: calc((7px * -1) + 1px);
}

/* dark styles location-bottom */
.popover__body--dark___2xKGX.popover__location-bottom___tn3J8:before,
.popover__body--nub-dark___3AYvp.popover__location-bottom___tn3J8:before {
    border-bottom-color: #211712;
}
.popover__body--dark___2xKGX.popover__location-bottom___tn3J8:after,
.popover__body--nub-dark___3AYvp.popover__location-bottom___tn3J8:after {
    border-bottom-color: #211712;
}

/* error styles location-bottom */
.popover__body--error___ElBND.popover__location-bottom___tn3J8:before {
    border-bottom-color: rgba(250, 74, 98, 0.95);
}
.popover__body--error___ElBND.popover__location-bottom___tn3J8:after {
    border-bottom-color: rgba(250, 74, 98, 0.95);
}

/* LOCATION-TOP-LEFT */
.popover__body___3aXPa.popover__location-top-left___2HQhw:before,
.popover__body___3aXPa.popover__location-top-left___2HQhw:after {
    border-bottom: 0;
    left: auto;
    right: calc(7px * 2);
}

/* light styles location-top-left */
.popover__body___3aXPa.popover__location-top-left___2HQhw:before {
    border-top-color: #ebe8e8;
    bottom: calc(7px * -1);
}
.popover__body___3aXPa.popover__location-top-left___2HQhw:after {
    border-top-color: #fff;
    bottom: calc((7px * -1) + 1px);
}

/* dark styles location-top-left */
.popover__body--dark___2xKGX.popover__location-top-left___2HQhw:before,
.popover__body--nub-dark___3AYvp.popover__location-top-left___2HQhw:before {
    border-top-color: #211712;
}
.popover__body--dark___2xKGX.popover__location-top-left___2HQhw:after,
.popover__body--nub-dark___3AYvp.popover__location-top-left___2HQhw:after {
    border-top-color: #211712;
}

/* error styles location-top-left */
.popover__body--error___ElBND.popover__location-top-left___2HQhw:before {
    border-top-color: rgba(250, 74, 98, 0.95);
}
.popover__body--error___ElBND.popover__location-top-left___2HQhw:after {
    border-top-color: rgba(250, 74, 98, 0.95);
}

/* LOCATION-TOP-RIGHT */
.popover__body___3aXPa.popover__location-top-right___1R23I:before,
.popover__body___3aXPa.popover__location-top-right___1R23I:after {
    border-bottom: 0;
    left: calc(7px * 2);
}

/* light styles location-top-right */
.popover__body___3aXPa.popover__location-top-right___1R23I:before {
    border-top-color: #ebe8e8;
    bottom: calc(7px * -1);
}
.popover__body___3aXPa.popover__location-top-right___1R23I:after {
    border-top-color: #fff;
    bottom: calc((7px * -1) + 1px);
}

/* dark styles location-top-right */
.popover__body--dark___2xKGX.popover__location-top-right___1R23I:before,
.popover__body--nub-dark___3AYvp.popover__location-top-right___1R23I:before {
    border-top-color: #211712;
}
.popover__body--dark___2xKGX.popover__location-top-right___1R23I:after,
.popover__body--nub-dark___3AYvp.popover__location-top-right___1R23I:after {
    border-top-color: #211712;
}

/* error styles location-top-right */
.popover__body--error___ElBND.popover__location-top-right___1R23I:before {
    border-top-color: rgba(250, 74, 98, 0.95);
}
.popover__body--error___ElBND.popover__location-top-right___1R23I:after {
    border-top-color: rgba(250, 74, 98, 0.95);
}

/* LOCATION-BOTTOM-LEFT */
.popover__body___3aXPa.popover__location-bottom-left___fFxl8:before,
.popover__body___3aXPa.popover__location-bottom-left___fFxl8:after {
    border-top: 0;
    left: auto;
    right: calc(7px * 2);
}

/* light styles location-bottom-left */
.popover__body___3aXPa.popover__location-bottom-left___fFxl8:before {
    border-bottom-color: #ebe8e8;
    top: calc(7px * -1);
}
.popover__body___3aXPa.popover__location-bottom-left___fFxl8:after {
    border-bottom-color: #fff;
    top: calc((7px * -1) + 1px);
    border-width: 7px;
}

/* dark styles location-bottom-left */
.popover__body--dark___2xKGX.popover__location-bottom-left___fFxl8:before,
.popover__body--nub-dark___3AYvp.popover__location-bottom-left___fFxl8:before {
    border-bottom-color: #211712;
}
.popover__body--dark___2xKGX.popover__location-bottom-left___fFxl8:after,
.popover__body--nub-dark___3AYvp.popover__location-bottom-left___fFxl8:after {
    border-bottom-color: #211712;
}

/* error styles location-bottom-left */
.popover__body--error___ElBND.popover__location-bottom-left___fFxl8:before {
    border-bottom-color: rgba(250, 74, 98, 0.95);
}
.popover__body--error___ElBND.popover__location-bottom-left___fFxl8:after {
    border-bottom-color: rgba(250, 74, 98, 0.95);
}

/* LOCATION-BOTTOM-RIGHT */
.popover__body___3aXPa.popover__location-bottom-right___1_y_L:before,
.popover__body___3aXPa.popover__location-bottom-right___1_y_L:after {
    border-top: 0;
    left: calc(7px * 2);
}

/* light styles location-bottom-right */
.popover__body___3aXPa.popover__location-bottom-right___1_y_L:before {
    border-bottom-color: #ebe8e8;
    top: calc(7px * -1);
}
.popover__body___3aXPa.popover__location-bottom-right___1_y_L:after {
    border-bottom-color: #fff;
    top: calc((7px * -1) + 1px);
    border-width: 7px;
}

/* dark styles location-bottom-right */
.popover__body--dark___2xKGX.popover__location-bottom-right___1_y_L:before,
.popover__body--nub-dark___3AYvp.popover__location-bottom-right___1_y_L:before {
    border-bottom-color: #211712;
}
.popover__body--dark___2xKGX.popover__location-bottom-right___1_y_L:after,
.popover__body--nub-dark___3AYvp.popover__location-bottom-right___1_y_L:after {
    border-bottom-color: #211712;
}

/* error styles location-bottom-right */
.popover__body--error___ElBND.popover__location-bottom-right___1_y_L:before {
    border-bottom-color: rgba(250, 74, 98, 0.95);
}
.popover__body--error___ElBND.popover__location-bottom-right___1_y_L:after {
    border-bottom-color: rgba(250, 74, 98, 0.95);
}

/* An empty style to cover all of the location types and prevent CSSM errors. */
.popover__body___3aXPa.popover__location-custom___3bkBX {
}

@-webkit-keyframes popover__fade-in___3QCfx {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes popover__fade-in___3QCfx {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.select__container___ESAM_ {
    display: inline-block;
    min-width: 88px;
    max-width: 100%;
}

.select__container___ESAM_ label {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 5px;
    color: #211712;
}

.select__container___ESAM_ label,
.select__container___ESAM_ select {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

.select__container___ESAM_ select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    padding: 8px 30px 7px 8px;
    font-size: 13px;
    background: #fff;
    color: #211712;
    outline: none;
    border: 1px solid #ebe8e8;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    height: 34px;
    line-height: 17px;
    cursor: default;
}

.select__container___ESAM_ select:hover:not(:disabled) {
    border-color: #211712;
}

.select__container___ESAM_ select:active:not(:disabled),
.select__container___ESAM_ select:focus:not(:disabled) {
    border-color: #3b9eD7;
}

.select__container-disabled___1wSl6 {
    cursor: default;
    opacity: 0.5;
}

.select__container-full-width___hJgfl {
    width: 100%;
}

.select__container-errored___3P-lC {
}

.select__select-container___MMWsg {
    position: relative;
    margin-bottom: 2px;
}

.select__select-container___MMWsg .select__arrow___10fwa {
    display: block;
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    font-size: 11px;
    pointer-events: none;
    color: #7a7370;
}

.select__filled--grey___2frK5 select {
    border-color: #ebe8e8;
    background-color: #ebe8e8;
    color: #4d4540;
}
.select__filled--grey___2frK5 select:active:not(:disabled),
.select__filled--grey___2frK5 select:focus:not(:disabled),
.select__filled--grey___2frK5 select:hover:not(:disabled) {
    border-color: #ebe8e8;
    background-color: #ebe8e8;
    color: #211712;
}
.select__filled--grey-darken___2W0CR select:active:not(:disabled),
.select__filled--grey-darken___2W0CR select:focus:not(:disabled),
.select__filled--grey-darken___2W0CR select:hover:not(:disabled) {
    color: #211712;
    background-color: #dbd9d9;
    border-color: #dbd9d9;
    cursor: pointer;
}

.select__filled--blue___1gUfD select {
    border-color: #3b9eD7;
    background-color: #3b9eD7;
    color: #fff;
}
.select__filled--blue___1gUfD select:active:not(:disabled),
.select__filled--blue___1gUfD select:focus:not(:disabled),
.select__filled--blue___1gUfD select:hover:not(:disabled) {
    border-color: #337da8;
    background-color: #337da8;
    color: #fff;
}
.select__filled--blue___1gUfD .select__arrow___10fwa {
    color: #fff;
}

.select__container-errored___3P-lC select {
    border-color: #ff2e47;
    color: #211712;
}

.radio-group__radio-group___DyGj4 > *:not(:last-child) {
    margin-bottom: 8px;
}

.radio-group__radio-group-inline___12pGl {
}

.radio__radio___2-1pE {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}

.radio__radio--inline___2X-SY {
    display: inline;
    margin-right: 16px;
    cursor: pointer;
}

.radio__radio___2-1pE input[type='radio'],
.radio__radio--inline___2X-SY input[type='radio'] {
    margin-right: 6px;
    cursor: pointer;
}

.radio-group-slider__radio-group-slider___354-A,
.radio-group-slider__radio-group-slider--big___1n45w {
    position: relative;
    display: inline-block;
    border: 2px solid #ebe8e8;
    border-radius: 20px;
    background-color: #fff;
}

/* Remove margin from normal radio group */
.radio-group-slider__radio-group-slider___354-A [role='radiogroup'] > *,
.radio-group-slider__radio-group-slider--big___1n45w [role='radiogroup'] > * {
    margin-bottom: 0;
}

/* Animating slider element */
.radio-group-slider__radio-group-slider___354-A::before {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    content: '';
    display: block;
    height: 100%;
    top: -2px;
    border: 2px solid #3b9eD7;
    border-radius: 20px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/* Forces horizontal flow of inner content */
.radio-group-slider__radio-group-slider___354-A > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

/* Hide default radios */
.radio-group-slider__radio-group-slider___354-A input[type='radio'] {
    opacity: 0;
    height: 0;
    width: 0;
    margin-right: 0;
}

/* Bolded label for the selected content */
.radio-group-slider__radio-group-slider___354-A input[type='radio']:checked + span {
    font-weight: 500;
    color: #211712;
}

/* Darkened label for the hovered content */
.radio-group-slider__radio-group-slider___354-A label:hover span,
.radio-group-slider__radio-group-slider___354-A
    input[type='radio']:focus
    + span
    .radio-group-slider__radio-group-slider___354-A
    input[type='radio']:active
    + span {
    color: #211712;
}

.radio-group-slider__radio-group-slider___354-A label {
    color: #4d4540;
    border-width: 0;
    border-radius: 20px;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    padding: 3px 10px;
    font-size: 13px;
}

.radio-group-slider__radio-group-slider___354-A label span {
    width: 100%;
}

.radio-group-slider__radio-group-slider--big___1n45w label {
    padding: 5px 20px;
    min-width: 80px;
}

/* We use CSS to determine the selection property
and we're currently assuming just 2 elements */
.radio-group-slider__radio-group-slider--selected-0___PSThp::before {
    left: -2px;
}

.radio-group-slider__radio-group-slider--selected-1___15rF1.radio-group-slider__radio-group-slider--two-items___3RFHq::before {
    left: calc(50% - 2px);
}

.radio-group-slider__radio-group-slider--selected-1___15rF1.radio-group-slider__radio-group-slider--three-items___kSZtq::before {
    left: calc(33.333333% - 2px);
}

.radio-group-slider__radio-group-slider--selected-2___3nMox::before {
    left: calc(66.666666% - 2px);
}

.radio-group-slider__radio-group-slider--two-items___3RFHq::before,
.radio-group-slider__radio-group-slider--two-items___3RFHq label {
    width: 50%;
}

.radio-group-slider__radio-group-slider--three-items___kSZtq::before,
.radio-group-slider__radio-group-slider--three-items___kSZtq label {
    width: 33.333333%;
}

.checkbox-button__input-button___CnCAJ {
    position: relative;
    margin-bottom: 6px;
}

.checkbox-button__input-button___CnCAJ:last-child {
    margin-bottom: 0;
}

.checkbox-button__input-button___CnCAJ label {
    display: block;
    border: 1px solid #ebe8e8;
    background-color: #fff;
    border-radius: 3px;
    padding: 16px 16px 16px 40px;
    cursor: pointer;
    font-size: 15px;
}

.checkbox-button__input-button___CnCAJ input[type='checkbox'],
.checkbox-button__input-button___CnCAJ input[type='radio'] {
    position: absolute;
    height: 100%;
    left: 16px;
    margin-right: 8px;
    outline: none;
    /* For some reason, this is required to actually click on the input itself */
    z-index: 1;
}

.checkbox-button__input-button___CnCAJ:hover label {
    border-color: #ccc;
}

.checkbox-button__input-button___CnCAJ input:active + label,
.checkbox-button__input-button___CnCAJ input:active {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
}

.checkbox-button__input-button___CnCAJ input:focus + label {
    -webkit-box-shadow: 0 0 0 2px hsla(220, 80%, 60%, 0.1);
            box-shadow: 0 0 0 2px hsla(220, 80%, 60%, 0.1);
}

.checkbox-button__input-button___CnCAJ input:checked + label {
    border: 2px solid #3b9eD7;
    /* Take into account increased border size */
    padding: 15px 15px 15px 39px;
}

.checkbox-button__input-button___CnCAJ:hover input:checked + label {
    border: 2px solid #337da8;
}

.popover-sort__container___3Y7hF {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1; /* Ensure it stays on top of the empty overlay, otherwise it becomes an unclickable button */
    width: 100%;
    height: 100%;
}

.popover-sort__sort-button___N9qT9 {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.popover-sort__sort-button___N9qT9 svg {
    fill: #4d4540;
}

.popover-sort__sort-button___N9qT9:hover {
}

.popover-sort__sort-button___N9qT9:hover svg {
    fill: #211712;
}

.popover-sort__inner-wrapper___3P3Vl {
    height: 120px;
    padding: 10px 20px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.popover-sort__inner-wrapper___3P3Vl [role='radiogroup'] {
    padding-top: 8px;
}

.popover-sort__submit-button___2i-Nz {
    position: absolute;
    right: 5px;
    bottom: 10px;
}

.popover-info__popover-text___13yC2 {
    max-width: 200px;
}

.label__label___GUmN2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #4d4540;
    font-size: 15px;
    margin-bottom: 8px;
    font-weight: normal;
}

.label__label--required___111i6 {
    right: -7px;
}

.label__label--inline___35SQE {
    margin-bottom: 0;
    margin-right: 8px;
}

.label__label--no-bottom-margin___38mtL {
    margin-bottom: 0;
}

.label__label--large-size___1ZigY {
    font-size: 16px;
}

.label__label--required___111i6::after {
    content: '*';
    color: #ff2e47;
    padding-left: 2px;
}

.label__pseudo-label___2tey- {
}

.checkbox__container___6dcSf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: normal;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.checkbox__is-large___1j2Ae {
    font-size: 15px;
    font-weight: normal;
}

.checkbox__container___6dcSf label {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    line-height: 1;
}

.checkbox__container___6dcSf input:disabled + label {
    cursor: default;
    color: #7a7370;
}

.checkbox__checkbox___lJ08s {
    margin-right: 8px;
    cursor: pointer;
}

.checkbox__is-large___1j2Ae input[type='checkbox'] {
    opacity: 0;
    height: 18px;
    width: 18px;
    margin-right: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.checkbox__is-large___1j2Ae label {
    position: relative;
    padding-left: 6px;
    line-height: 18px;
}

.checkbox__is-large___1j2Ae label::before {
    content: '';
    position: absolute;
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 1px solid #7a7370;
    border-radius: 2px;
    top: 0;
    left: -18px;
}

.checkbox__is-large___1j2Ae label::after {
    content: '';
    position: absolute;
    display: inline-block;
    height: 4px;
    width: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: -14px;
    top: 5px;
}

/* Disabled styles */
.checkbox__is-large___1j2Ae input[type='checkbox']:disabled + label::before {
    background-color: #fff;
    border-color: #ebe8e8;
}
.checkbox__is-large___1j2Ae input[type='checkbox']:disabled + label::after {
    border-color: #ebe8e8;
}

/* Hide the checkmark by default */
.checkbox__is-large___1j2Ae input[type='checkbox'] + label::after {
    content: none;
}

.checkbox__is-large___1j2Ae input[type='checkbox'] + label::before {
    background-color: #fff;
}

/* Unhide the checkmark on the checked state */
.checkbox__is-large___1j2Ae input[type='checkbox']:checked + label::after {
    content: '';
}

.checkbox__is-large___1j2Ae input[type='checkbox']:checked:not(:disabled) + label::before {
    background-color: #3b9eD7;
    border-color: #3b9eD7;
}

/* Adding focus styles on the outer-box of the fake checkbox */
.checkbox__is-large___1j2Ae input[type='checkbox']:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.checkbox__is-large___1j2Ae.checkbox__has-error___JrREe input[type='checkbox'] + label::before {
    border-color: #ff2e47;
}

.conditional-checkbox-input__conditional-container___20luT {
    margin-top: 8px;
    margin-left: 24px;
}

.button-group__button-group___1A1PA {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 31px; /* Standard height of buttons */
}

.button-group__button-group___1A1PA > *:not(:first-child) {
    margin-left: 16px;
}

.form-wrapper-with-buttons__form-wrapper___174w6 {
    margin: 8px 0;
    width: 100%;
}

.form-wrapper-with-buttons__labels___juIFj {
    min-height: 64px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 16px;
}

.form-wrapper-with-buttons__buttons___2D1Cv {
    margin-top: 27px;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
}

.border__border___F1tdb {
    border: 1px solid #d4d1cf;
    border-radius: 3px;
}

.border__border___F1tdb:not(:disabled):hover {
    border-color: #7a7370;
}

.border__border___F1tdb:not(:disabled):focus,
.border__border___F1tdb:not(:disabled):active {
    border-color: #3b9eD7;
}

.border__border--error___1go5f,
.border__border--error___1go5f:not(:disabled):focus,
.border__border--error___1go5f:not(:disabled):active {
    border-color: #ff2e47;
}

.textfield__textfield___25igb {
    color: #4d4540;
    font-size: 13px;
    padding: 4px 8px;
    height: 34px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    -webkit-transition: color 200ms linear;
    transition: color 200ms linear;
}

.textfield__textfield___25igb:hover {
    border-color: #7a7370 !important; /* This overrides inline styles */
}

.textfield__textfield--big___R7StR {
    font-size: 18px;
    padding: 4px 12px;
    height: 51px;
}

.textfield__textfield--small___2orRB {
    height: 31px;
}

.textfield__textfield--no-border___qrvoj {
    border: none;
}

.textfield__textfield--bordered___PMCLO {
}

.textfield__textfield___25igb::-webkit-input-placeholder {
    color: #a6a3a1;
}

.textfield__textfield___25igb::-moz-placeholder {
    color: #a6a3a1;
}

.textfield__textfield___25igb:-ms-input-placeholder {
    color: #a6a3a1;
}

.textfield__textfield___25igb::-ms-input-placeholder {
    color: #a6a3a1;
}

.textfield__textfield___25igb::placeholder {
    color: #a6a3a1;
}

.textfield__textfield___25igb:disabled {
    background-color: #f7f7f7;
    opacity: 0.6;
}

.textfield__textfield___25igb[type='number'] {
    text-align: right;
}

.textfield__textfield--multiline___1dpD9 {
    padding: 8px;
    height: 96px;
    resize: none;
}

.textfield__textfield--success___cnckM {
    color: #33c252;
}

.textfield__textfield--error___fmOkz {
}

.textfield__textfield--error-message___3LYBl::-webkit-input-placeholder {
    color: #ff2e47;
    opacity: 1;
}

.textfield__textfield--error-message___3LYBl::-moz-placeholder {
    color: #ff2e47;
    opacity: 1;
}

.textfield__textfield--error-message___3LYBl:-ms-input-placeholder {
    color: #ff2e47;
    opacity: 1;
}

.textfield__textfield--error-message___3LYBl::-ms-input-placeholder {
    color: #ff2e47;
    opacity: 1;
}

.textfield__textfield--error-message___3LYBl::placeholder {
    color: #ff2e47;
    opacity: 1;
}

.textfield__unit___19X_r {
    height: 20px;
    margin: 6px 0 6px -32px;
    padding-left: 8px;
    border-left: 0.5px solid #d4d1cf;
}

.spacer__spacer-bottom-2___1vtQX {
    margin-bottom: 2px;
}

.spacer__spacer-bottom-4___4mC54 {
    margin-bottom: 4px;
}

.spacer__spacer-bottom-8___3Rp-t {
    margin-bottom: 8px;
}

.spacer__spacer-bottom-12___2Vpch {
    margin-bottom: 12px;
}

.spacer__spacer-bottom-16___1jXAT {
    margin-bottom: 16px;
}

.spacer__spacer-bottom-24___ZxZJX {
    margin-bottom: 24px;
}

.spacer__spacer-bottom-32___3FCEh {
    margin-bottom: 32px;
}

.textfield-with-apply__textfield-with-apply___2dBIA {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.textfield-with-apply__textfield-with-apply___2dBIA > input {
    margin-right: 16px;
}

.textfield-with-apply__textfield-with-apply___2dBIA > button {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.textfield-with-checkbox__textfield-with-checkbox___1aqkj {
    position: relative;
}

.textfield-with-checkbox__checkbox-container___2ZmPa {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    right: 16px;
    top: 0;
    bottom: 0;
}

.file-upload__file-upload___3zKVr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.file-upload__file-text___8LOxB {
    margin-top: 16px;
    color: #7a7370;
    font-size: 15px;
}

.file-upload__selected-file-text___35C2C {
    color: #211712;
}

.sidebar-header__header-bar___2SG1J {
    height: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    background-color: #f7f7f7;
    font-size: 15px;
    color: #211712;
}

.sidebar-header__title-container___1UKtH {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.sidebar-header__title-container___1UKtH h1 {
    font-size: 17px;
    color: #211712;
    line-height: 23px;
    font-weight: normal;
}

.sidebar-header__subtitle-container___1kC3p {
    font-size: 12px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sidebar-header__button___J5DW3 {
    position: absolute;
    z-index: 10;
}

.sidebar-header__close-button___2OC8o {
    left: 4px; /* Button has 12px of padding, this makes it 16px */
}

.sidebar-header__save-button___2EuZC {
    right: 4px; /* Button has 12px of padding, this makes it 16px */
}

.sidebar-header__header-bar___2SG1J .sidebar-header__close-button___2OC8o .svg-close svg {
    fill: #4d4540;
}

.sidebar-header__header-bar___2SG1J .sidebar-header__close-button___2OC8o .svg-close:hover svg,
.sidebar-header__header-bar___2SG1J .sidebar-header__close-button___2OC8o:focus .svg-close svg {
    fill: #211712;
}

.sidebar__container___3Y7SR {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Guarantee this is above everything else. */
    z-index: 10000;

    opacity: 1;
    -webkit-animation: sidebar__container-animate-in___1CWLR 300ms ease 0s forwards;
            animation: sidebar__container-animate-in___1CWLR 300ms ease 0s forwards;
}
.sidebar__container--animate-out___1Oqm8 {
    -webkit-animation: sidebar__container-animate-out___1srnk 300ms ease 0s forwards;
            animation: sidebar__container-animate-out___1srnk 300ms ease 0s forwards;
}

.sidebar__container--animate-out___1Oqm8 .sidebar__body___apHz3 {
    -webkit-animation: sidebar__body-animate-out___1yqzd 250ms cubic-bezier(0.175, 0.885, 0.32, 1) 0s forwards;
            animation: sidebar__body-animate-out___1yqzd 250ms cubic-bezier(0.175, 0.885, 0.32, 1) 0s forwards;
}

.sidebar__body___apHz3 {
    position: relative;
    z-index: 1; /* Above overlay. */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    width: 400px;
    height: 100%;

    background-color: #fff;
    overflow: hidden; /* Hide border-radius overflow. */

    -webkit-transform-origin: top center 0;

            transform-origin: top center 0;
    -webkit-animation: sidebar__body-animate-in___RhWXZ 250ms cubic-bezier(0.175, 0.885, 0.32, 1) 0s forwards;
            animation: sidebar__body-animate-in___RhWXZ 250ms cubic-bezier(0.175, 0.885, 0.32, 1) 0s forwards;
}

.sidebar__overlay___SCQKQ {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* Below modal body. */
    z-index: 0;
    background-color: hsla(234, 18%, 25%, 0.67);
}

/* Rare case: this is used when we have multiple sidebars open
on top of each other and don't want double overlay backgrounds */
.sidebar__overlay--none___3TGhN {
    background-color: transparent;
}

@-webkit-keyframes sidebar__body-animate-in___RhWXZ {
    0% {
        -webkit-transform: translateX(400px);
                transform: translateX(400px);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@keyframes sidebar__body-animate-in___RhWXZ {
    0% {
        -webkit-transform: translateX(400px);
                transform: translateX(400px);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@-webkit-keyframes sidebar__body-animate-out___1yqzd {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(400px);
                transform: translateX(400px);
    }
}

@keyframes sidebar__body-animate-out___1yqzd {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(400px);
                transform: translateX(400px);
    }
}

@-webkit-keyframes sidebar__container-animate-in___1CWLR {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes sidebar__container-animate-in___1CWLR {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes sidebar__container-animate-out___1srnk {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes sidebar__container-animate-out___1srnk {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.alert-box__container___1YxK7 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 20000;
}

.alert-box__backdrop___3grUA {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff; /* should be --color-modal-overlay, but it's under sidefire and doesn't look good */
    opacity: 0.7;
    z-index: 1;
}

.alert-box__input-container___33Qua {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    border: 1px solid #ebe8e8;
    z-index: 10;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    padding: 8px 16px;
    min-width: 384px;
    max-width: 448px;
}

.confirmation-dialog__confirm-box___2O1ca {
    position: relative;
    padding: 24px 16px 16px;
    background-color: #fff;
}

.confirmation-dialog__confirm-buttons___faXM4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -8px; /* Aligns button with text */
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.confirmation-dialog__confirm-buttons___faXM4 button {
    padding: 8px;
    font-size: 15px;
    cursor: pointer;
}

.confirmation-dialog__save-button___61Yhf {
    margin-left: 4px;
}

.confirmation-dialog__error-message___2bpgq {
    padding-bottom: 8px;
}

.message__container___3Jx6c {
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;

    position: relative;
    margin: 0;
    padding: 0 16px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.message__container--bordered___3ODJG {
    border: 1px solid;
    border-radius: 4px;
}

.message__container--left-aligned-content___3Gts8 .message__message___3zwb0 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.message__message___3zwb0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    font-size: 15px;
    line-height: 19px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 16px; /* Matches outside container, equal distance from 'X' button */
}

.message__button-close___pUI_x {
    opacity: 0.35;
    padding: 8px;
}

.message__button-close___pUI_x:hover,
.message__button-close___pUI_x:focus {
    opacity: 0.8;
}

.message__button-close___pUI_x svg {
    /* This is needed to center the close button */
    display: block;
}

.message__container--default___3KV0p {
    background-color: #fffcf7;
    color: #4d4540;
    border-color: #ea7134;
}

.message__container--default___3KV0p .message__button-close___pUI_x svg {
    fill: #4d4540;
}

.message__container--error___2cvrF {
    background-color: #fff7f7;
    color: #bf2436;
}

.message__container--error___2cvrF .message__button-close___pUI_x svg {
    fill: #bf2436;
}

.message__container--info___2IH1Q {
    background-color: #f7fafc;
    color: #337da8;
}

.message__container--info___2IH1Q .message__button-close___pUI_x svg {
    fill: #337da8;
}

.message__container--success___3578K {
    background-color: #f7fcf7;
    color: #0b8d6c;
}

.message__container--success___3578K .message__button-close___pUI_x svg {
    fill: #0b8d6c;
}

.message__container--warning___q15pw {
    background-color: #fffcf7;
    color: #ea7134;
}

.message__container--warning___q15pw .message__button-close___pUI_x svg {
    fill: #ea7134;
}

.message__has-cta___2dRO0 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.message-container__message-container___1-CZJ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    /* Matches JS-based transition in FlashBanner */
    -webkit-transition: margin-bottom 500ms ease-in-out;
    transition: margin-bottom 500ms ease-in-out;
    margin-bottom: 0;
}

.message-container__message-container___1-CZJ:not(:empty) {
    margin-bottom: 16px;
}

.message-container__message-container--reverse___1mYyx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 0;
}

.flash-banner__container___1kc4K {
    position: relative;
    margin: 0;
    overflow: hidden;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.flash-banner__container--absolute___32F3q {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}

.retryable-error__error-details___3XaUS {
    margin-top: 8px;
    color: #4d4540;
}

.retryable-error__error-details___3XaUS button {
    /* account for button padding */
    margin-left: -12px;
    margin-top: -7px;
    padding-bottom: 0;
}

.retryable-error__error-actions___1nl27 > * + * {
    margin-left: 8px;
}

.select-two-line-icon__select-two-line-icon-option___1XRvz {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.select-two-line-icon__select-two-line-icon-option--selected___k4evj {
}

/* Seems to be the only way to grab the select > container > control (NOT menu) > value-container */
.select-two-line-icon__select-two-line-icon___2Uv45 > div > div:first-of-type .select-two-line-icon__select-two-line-icon-option--selected___k4evj .select-two-line-icon__sublabel___3felI {
    display: none;
}

.select-two-line-icon__icon-container___10ib7 {
    text-align: center;
    width: 19px;
    height: 19px;
    margin-right: 16px;
}

.select-two-line-icon__label-container___2uxB5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.select-two-line-icon__label___1qjp0 {
    font-size: 15px;
    font-weight: 500;
}

.select-two-line-icon__sublabel___3felI {
    color: #7a7370;
}

.two-row-item__row___2nalG {
    margin-left: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.two-row-item__item___3ih2e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.two-row-item__top-row___cEdOD {
    font-size: 15px;
}

.two-row-item__bottom-row___1dMOB {
    color: #7a7370;
    font-size: 13px;
}

.two-row-item__buttons___1qAVk {
    width: 24px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.accent-border__accent-border___bIxb7 {
    height: 100%;
    border-width: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.accent-border__top___xWK9C {
    border-top-style: solid;
}
.accent-border__left___1p2Sh {
    border-left-style: solid;
}
.accent-border__bottom___3tgQb {
    border-bottom-style: solid;
}
.accent-border__right___2iXfB {
    border-right-style: solid;
}

.card__card___1sS3G {
    background: #fff;
    border-radius: 3px;
    overflow: hidden; /* Stops background color from bleeding into border-radius */
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.card__card--bordered___37yrg {
    border-width: 1px;
    border-style: solid;
}

.card__card--shadowed___1dOaI {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.card__fit-content___3SAoJ {
    display: table;
}

.card__fit-height___2D-aS {
    height: auto;
}

.card__card--button___3ATgR {
    cursor: pointer;
}

.button-card__button-card___1_qht {
    position: relative;
    padding: 0;
}

.button-card__button-card___1_qht::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

.button-card__button-card___1_qht:focus-visible {
    outline: 2px solid #065289;
    outline-offset: 2px;
}

.button-card__button-card___1_qht:hover::after,
.button-card__button-card___1_qht:focus::after {
    opacity: 1;
}

.button-card__button-card--selected___210JY {
    border-color: #3b9eD7;
}

.button-card__button-card--fitHeight___3__HR {
    height: auto;
}

.button-card__button-card--fullWidth___2Ga1x {
    width: 100%;
}

.button-card__button-card--needsAttention___2FZu2 {
    border-color: #ea7134;
}

.button-card__button-card--disabled___3unq_ {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #ebe8e8;
    cursor: default;
}

.empty-add-card__empty-add-card___2cxjN {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 2px dashed #7a7370;
    border-radius: 3px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #7a7370;
}

.empty-add-card__empty-add-card___2cxjN:hover {
    color: #4d4540;
    background: #fff;
    border: 2px solid #4d4540;
}

.empty-add-card__empty-add-card___2cxjN:focus-visible {
    outline: 2px solid #065289;
    outline-offset: 2px;
}

.empty-add-card__off-white___3bBtU {
    background-color: #f7f7f7;
}

.empty-add-card__add-card-icon___3QC9H {
    line-height: 62px; /* Custom line height for this jank plus sign */
    font-size: 100px;
    margin-bottom: 16px;
}

.empty-add-card__add-card-label___3zwgA {
    font-size: 15px;
}

.empty-add-card__variant-small___2i7rd .empty-add-card__add-card-icon___3QC9H {
    font-size: 50px;
    line-height: 31px; /* Custom line height for this jank plus sign */
}

.empty-add-card__variant-small___2i7rd .empty-add-card__add-card-label___3zwgA {
    font-size: 13px;
}

.empty-add-card__loading-placeholder___3-aqt {
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
    width: 100%;
    height: 100%;
}

.divider__divider___10LRy {
    position: absolute;
    left: calc(50% - 25px);
    top: -11px; /* technically 8px is centered, this looks better */
    width: 50px;
    height: 18px;
    background-color: #fff;
    padding: 1px 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    color: #7a7370;
    font-weight: 500;
    z-index: 1;
}

.divider__container___4oB7H {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.divider__container--disabled___3ZG5V {
    opacity: 0.6;
}

.divider__divider-line___1V9dX {
    height: 1px;
    background-color: #ebe8e8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.divider__divider-text___3s69v {
    margin: 0 8px;
    vertical-align: middle;
}

.option-card-builder-field__option-card-builder-field-list___1X38F {
    padding-bottom: 8px;
}

.option-card-builder-field__option-card-builder-field-list___1X38F > li {
    position: relative;
}

.option-card-builder-field__option-card-builder-field-list___1X38F > li:not(:first-child) {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #ebe8e8;
}

.option-card-builder-field__error___gw6rA {
    margin-top: 8px;
}

.regular-looking-textfield__input___3iK1h {
    color: #4d4540;
    font-size: 13px;
    padding: 4px 8px;
    height: 34px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    -webkit-transition: color 200ms linear;
    transition: color 200ms linear;
    border: 1px solid #d4d1cf;
    border-radius: 3px;
}

.regular-looking-textfield__input___3iK1h:disabled {
    background-color: #f7f7f7;
    opacity: 0.6;
}

.regular-looking-textfield__input___3iK1h:hover {
    border-color: #7a7370 !important; /* This overrides inline styles */
}

.regular-looking-textfield__input___3iK1h::-ms-clear {
    display: none;
}

.regular-looking-textfield__input___3iK1h:focus {
    border-color: #3b9eD7;
}

.regular-looking-textfield__input--active___29GNY {
}

.regular-looking-textfield__input--invalid___2lOZI {
    border-color: #ff2e47;
}

.regular-looking-textfield__textarea___rpvGx {

    padding-top: 10px;
    resize: none;
}

.regular-looking-textfield__textarea--active___dU7tE {
}

.regular-looking-textfield__actions-container___1-dnP {
    position: absolute;
    bottom: 10px;
    right: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;

    -webkit-transform-origin: left center;

            transform-origin: left center;
    -webkit-transform: translateX(25px);
            transform: translateX(25px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.regular-looking-textfield__actions-container--active___m43Kd {

    -webkit-transform: translateX(0);

            transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.regular-looking-textfield__button-confirm___my2UA {
    margin-right: 4px;
    padding: 0;
    fill: #33c252;
}

.regular-looking-textfield__button-confirm___my2UA svg {
    pointer-events: none;
}

.regular-looking-textfield__button-cancel___1QdNV {
    padding: 0;
    /* This is a FA icon. Size is maintained by font-size for now :sponge:. */
    font-size: 24px;
}

.calendar-day-quick-view__container___3xPyZ {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 3px;
}

.calendar-day-quick-view__container-selected___n0xGe {
}

.calendar-day-quick-view__quick-view___3Ujgf {
    width: 2px;
    height: 3px;
}

.calendar-day-quick-view__quick-view-active___2VV6c {
    background-color: #3b9eD7;
}

.calendar-day-quick-view__container-selected___n0xGe .calendar-day-quick-view__quick-view-active___2VV6c {
    background-color: #fff;
}

.calendar-day__container___Q1n8N {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: 30px;
    color: #7a7370;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.calendar-day__container___Q1n8N:hover {
    color: #211712;
}

.calendar-day__container-empty___1330w {
    cursor: default;
}

.calendar-day__container-selected___3arLm,
.calendar-day__container-comparison-selected___RhbpE,
.calendar-day__container-hovered___1ZnKz,
.calendar-day__container-disabled___1Ii8w,
.calendar-day__container-no-radius___3O-15,
.calendar-day__container-other-month___2ih2Q {
}

.calendar-day__hover-container___3pZMH {
    font-size: 13px;
    color: #211712;
    width: 100%;
    height: 23px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.calendar-day__container-today___2N1Y_ {
}

.calendar-day__container-today___2N1Y_ .calendar-day__hover-container___3pZMH {
    font-weight: 500;
}

.calendar-day__container-no-radius___3O-15 .calendar-day__hover-container___3pZMH {
    height: 100%;
}

.calendar-day__container-disabled___1Ii8w {
    cursor: default;
}

.calendar-day__container-disabled___1Ii8w .calendar-day__hover-container___3pZMH,
.calendar-day__container-other-month___2ih2Q .calendar-day__hover-container___3pZMH {
    color: #ebe8e8;
}

.calendar-day__container-other-month___2ih2Q:hover .calendar-day__hover-container___3pZMH {
    color: #7a7370;
}

.calendar-day__container-selected___3arLm .calendar-day__hover-container___3pZMH {
    background-color: #3b9eD7;
    color: #fff;
}

.calendar-day__container-comparison-selected___RhbpE .calendar-day__hover-container___3pZMH {
    background-color: #fe5800;
    color: #fff;
}

.calendar-day__container-selected___3arLm .calendar-day__hover-container___3pZMH:hover {
    color: #211712;
}

.calendar-day__container-comparison-selected___RhbpE .calendar-day__hover-container___3pZMH:hover {
    color: #bf4200;
}

.calendar-day__container___Q1n8N:hover:not(.calendar-day__container-disabled___1Ii8w) .calendar-day__hover-container___3pZMH,
.calendar-day__container-selected___3arLm:hover .calendar-day__hover-container___3pZMH,
.calendar-day__container-hovered___1ZnKz.calendar-day__container-selected___3arLm:hover .calendar-day__hover-container___3pZMH,
.calendar-day__container-hovered___1ZnKz .calendar-day__hover-container___3pZMH {
    background-color: #d9edf7;
}

.calendar-day__container-hovered___1ZnKz.calendar-day__container-selected___3arLm:hover .calendar-day__hover-container___3pZMH {
    color: #211712;
}

.calendar-day__container-hovered___1ZnKz.calendar-day__container-selected___3arLm .calendar-day__hover-container___3pZMH {
    background-color: #3b9eD7;
}

.calendar-dates__container___fPpzd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.calendar-dates__week___rQFD7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #fff;
    padding: 0 8px;
}

.day-of-week-bar__container___TDbXM {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #f7f7f7;
    padding: 0 8px;
}

.day-of-week-bar__container-week___2PFWy {
    background-color: #fff;
}

.day-of-week-bar__text___2TLZw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 13px;
    color: #7a7370;
    font-weight: 500;
    height: 30px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.day-of-week-bar__container-week___2PFWy .day-of-week-bar__text___2TLZw {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-transform: uppercase;
    height: 25px;
}

.calendar-year-picker__input___3-KzL {
    text-align: center;
    font-weight: 500;
    width: 46px;
    color: #211712;
    font-size: 13px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2px 0;
    outline: none;
    border-radius: 3px;
    border: none;
}

.calendar-year-picker__button___3gQc6 {
    line-height: 14px;
    min-width: 40px !important;
    margin-left: 8px;
    cursor: text;
    padding: 3px 8px !important;
    margin-right: 0 !important;
    color: #4d4540;
    background-color: #ebe8e8;
}

.calendar-year-picker__button___3gQc6:hover {
    background-color: #fff !important;
}

.calendar-header__container___3oWCZ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 30px;
    background-color: #4d4540;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.calendar-header__container-light___3aQyz {
    background-color: #f7f7f7;
}

.calendar-header__month___2UocC {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
}

.calendar-header__container-light___3aQyz .calendar-header__month___2UocC {
    color: #211712;
    font-weight: 500;
}

.calendar-header__button___39a4g {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 40px;
    color: #f7f7f7;
}

.calendar-header__container-light___3aQyz .calendar-header__button___39a4g {
    color: #4d4540;
}

.calendar-header__button___39a4g:hover {
    color: #fff;
}

.calendar-header__container-light___3aQyz .calendar-header__button___39a4g:hover {
    color: #211712;
}

.calendar-header__button-control___f441g {
    cursor: pointer;
}

.calendar__container___22GTG {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #fff;
    max-width: 500px;
    margin: 0 auto;
}

.options__container___1M2d5 {
    border-left: 2px solid #ebe8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 184px;

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    font-size: 20px;
    color: #7a7370;
}

.options__type-creator-modal___2J1Ow {
}

.options__type-popover-picker___1uT8P {
    font-size: 17px;
}

.options__type-popover-picker___1uT8P .options__canned-option___17tzl:last-child {
    border-bottom: 0;
}

.options__scroll-container___1aJGn {
    height: calc(100% - 51.25px);
    /* Relative position is required for properly calculating offsetTop of
     * its children. */
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;

    padding-bottom: 50.25px;
}

.options__option___oskg_ {
    height: 52px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    background-color: #f7f7f7;
    border-bottom: 2px solid #ebe8e8;

    -webkit-transition: all 100ms ease;

    transition: all 100ms ease;
}

.options__option___oskg_:hover {
    background-color: white;
}

.options__option___oskg_:hover .options__label___27TKG:not(.options__label--disabled___2YzJE),
.options__option___oskg_:active .options__label___27TKG:not(.options__label--disabled___2YzJE),
.options__option--selected___36Aq6 .options__label___27TKG {
    color: #211712;
}

.options__option--selected___36Aq6 {

    background-color: white;
    border-color: #ffdecc;
}

.options__radio___3HibM {
    display: none;
}

.options__label___27TKG {
    height: 100%;
    /* Account for padding. */
    width: calc(100% - 14px);

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;

    padding: 0 0 0 14px;

    cursor: pointer;
    -webkit-transition: color 100ms ease;
    transition: color 100ms ease;
}

.options__label--disabled___2YzJE {
    color: #ebe8e8;
    cursor: default;
}

.options__check-icon___1OrQP {
    fill: #ffdecc;
    margin-right: 15px;
}

/* Lean styling for standalone time-picker, outside of the normal
 * date-time picker. */
.options__container___1M2d5.options__type-lean___2mzVQ {
    border-left: none;
    height: 140px;
    width: 100px;
    font-size: 15px;
}

.options__container___1M2d5.options__type-lean___2mzVQ .options__option___oskg_ {
    height: 27px;
    border-bottom: none;
}

.options__container___1M2d5.options__type-lean___2mzVQ .options__option--selected___36Aq6 {
    background-color: #e8f4fb;
}

.options__container___1M2d5.options__type-lean___2mzVQ .options__option___oskg_:hover,
.options__container___1M2d5.options__type-lean___2mzVQ .options__option--selected___36Aq6:hover {
    background-color: #d9edf7;
}

.options__container___1M2d5.options__type-lean___2mzVQ .options__option--selected___36Aq6 .options__check-icon___1OrQP {
    display: none;
}

.options__container___1M2d5.options__type-lean___2mzVQ .options__scroll-container___1aJGn {
    height: 100%;
    padding-bottom: 0;
}

.options__container___1M2d5.options__type-lean___2mzVQ .options__label___27TKG {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 8px;
}

.date-time-picker__container___3p6BX {
    max-height: 244px; /* The height of the calendar, plus padding for the border */
    width: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    background-color: white;
    border: 2px solid #ebe8e8;
    border-top-color: #ffdecc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.date-time-picker__container-time___1tvj2 {
    width: 630px;
}

.date-time-picker__type-creator-modal___2CMWm {
}

.date-time-picker__type-popover-picker___2WSAD {
    border: 0;
    border-top: 2px solid #ffdecc;
}

.date-time-picker__calendar-wrapper___33Ddm {
    width: 240px;
}

.date-time-input__popover___x0mrX {
    /* Account for the 2px border this popover that is positioned under. */
    margin-top: -2px;
    -webkit-animation: date-time-input__animate-enter-date-picker___U5_B9 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s forwards;
            animation: date-time-input__animate-enter-date-picker___U5_B9 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s forwards;
}

@-webkit-keyframes date-time-input__animate-enter-date-picker___U5_B9 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes date-time-input__animate-enter-date-picker___U5_B9 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

.range-input__input-container___SHjlX {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;

    margin: 10px 0 8px 0;
}

.range-input__popover___2s10i {
    position: absolute;
    width: 1px;
    height: 1px;
    bottom: 25px;
    background: blue;
}

.range-input__label___zq0Qw {
    font-size: 16px;
    color: #4d4540;
}

.range-input__value___17IOw {
    font-size: 20px;
    color: #211712;
    float: right;
    width: 64px;
}

.range-input__slider___3njE7 {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    width: 100%; /* Specific width is required for Firefox. Allows space for value */
    height: 30px;
    background: transparent; /* Otherwise white in Chrome */
}

/* Slider thumb is the pull on the range slider */
/* These 3 selectors can't be combined, because the browser will drop them all if it doesn't understand one*/
.range-input__slider___3njE7::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: #3b9eD7;
    border: 5px solid #fff;
    cursor: pointer;
    margin-top: -15px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */

    -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

    transition: all 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.range-input__slider___3njE7::-webkit-slider-thumb:hover {
    background-color: #337da8;
}

.range-input__slider___3njE7:focus::-webkit-slider-thumb,
.range-input__slider___3njE7:active::-webkit-slider-thumb {
    background-color: #337da8;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}

.range-input__slider___3njE7::-moz-range-thumb {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: #3b9eD7;
    box-sizing: border-box;
    border: 5px solid #fff;
    cursor: pointer;
}
.range-input__slider___3njE7::-moz-range-thumb:hover {
    background-color: #337da8;
}

.range-input__slider___3njE7::-ms-thumb {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #3b9eD7;
    box-sizing: border-box;
    border: 5px solid #fff;
    cursor: pointer;
}
/* End Slider thumb */

.range-input__slider___3njE7:focus {
    outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

/* Slider track is the line under the pull */
.range-input__slider___3njE7::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: #ebe8e8;
    border-radius: 4px;
}

.range-input__slider___3njE7::-moz-range-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: #ebe8e8;
    border-radius: 4px;
}

.range-input__slider___3njE7::-ms-track {
    width: 100%;
    cursor: pointer;

    background: #ebe8e8;
    border-radius: 4px;
    border-color: transparent;
    color: transparent;
}

.range-input__slider___3njE7::-ms-fill-lower {
    background: #ebe8e8;
    border: 0;
}

.range-input__slider___3njE7::-ms-fill-upper {
    background: #ebe8e8;
    border: 0;
}

.range-input__custom-range___3nbAM {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/* End Slider track */

.loading-text__loading-text-placeholder___1Ehjg {
    max-width: 100%;
}

.select-field__select-card___10es9 {
    padding-bottom: 8px;
}

.select-field__input-container___1JA_c {
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15px;
}

.button-mover__move-up-4___2RSnI {
    margin-top: -4px;
}

.button-mover__move-up-7___3N74d {
    margin-top: -7px;
}

.button-mover__move-up-12___3f8TU {
    margin-top: -12px;
}

.button-mover__move-down-3___3Otq5 {
    margin-bottom: -3px;
}

.button-mover__move-down-4___17cQr {
    margin-bottom: -4px;
}

.button-mover__move-down-7___3RUEM {
    margin-bottom: -7px;
}

.button-mover__move-down-12___1SL3R {
    margin-bottom: -12px;
}

.button-mover__move-left-10___3DX_A {
    margin-left: -10px;
}

.button-mover__move-left-12___yjG-C {
    margin-left: -12px;
}

.button-mover__move-left-24___3yxTH {
    margin-left: -24px;
}

.button-mover__move-right-10___1GP8k {
    margin-right: -10px;
}

.button-mover__move-right-12___2W_5u {
    margin-right: -12px;
}

.button-mover__move-right-24___LzK2c {
    margin-right: -24px;
}

.add-another-button__button-container___1IlXd {
    margin-top: -16px;
}

.add-another-button__button-container___1IlXd button {
    padding-bottom: 8px;
}

.copyable-link__copyable-link___h9_VG {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ebe8e8;
    border-radius: 3px;
    padding: 8px 16px 8px 8px; /* Less on left side to account for textfield */
}

.copyable-link__copyable-link___h9_VG input {
    border: none;
    padding: 0 8px 0 8px;
    margin-right: 8px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: transparent;
    color: #211712;
}

.select-menu__container___3gaLV {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12),
        0 5px 5px -3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12),
        0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.select-menu__option-container___2truQ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    background-color: #fff;
    height: 40px;
    min-width: 150px;
    font-size: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 16px;
}

.select-menu__option-container___2truQ a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.select-menu__option-container--enabled___3RKH6 {
    color: #211712;
}

.select-menu__option-container--disabled___2tHZi {
    color: #ebe8e8;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.select-menu__option-container--enabled___3RKH6:hover {
    cursor: pointer;
    background-color: #d9edf7;
}

.select-menu__option-container--disabled___2tHZi:hover {
    cursor: default;
}

.select-menu__option-container--submenu___2zVqi {
    height: 44px;
}

.select-menu__option-container--primary___1vx4X {
    color: #3b9eD7;
}

.select-menu__option-container--secondary___15S6z {
}

.select-menu__option-container--destructive___2NkVA {
    color: #ff2e47;
}

.select-menu__icon-container___2x0U9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 24px;
    margin-right: 8px;
}

.select-menu__icon-container___2x0U9 svg {
    fill: #211712;
}

.select-menu__icon-container___2x0U9 .fa {
    color: #211712;
}

.flash-messages__flash-messages___3Hd8r {
    position: absolute;
    bottom: 81px;
    left: 0;
    z-index: 1;
    width: calc(100% + 64px);
    margin-left: -32px;
}

.flash-messages__flash-message-undo-button___28JL0 {
    position: absolute;
    right: 10px;
}

.info-banner__info-banner___idp8v {
    font-size: 15px;
    line-height: 21px;
    color: #211712;
    background-color: #dbdbf2;
    background-size: 36px 36px;
    background-position: 0 0;
    background-repeat: repeat-y;
    border-bottom: 2px solid #3d3b8a;
    padding: 16px 16px 16px 64px;
    position: relative;
}

.info-banner__icon-container___M2B8_ {
    background-size: 42px 42px;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -21px;
}

.info-banner__content-wrapper___hzKxy {
    display: inline-block;
    /* Ensure line length doesn't get too long */
    width: 80%;
    max-width: 800px;
}

.info-banner__content-wrapper___hzKxy a {
    text-decoration: underline;
    color: #3b9eD7;
}

.info-banner__content-wrapper___hzKxy a:hover {
    text-decoration: none;
    color: #337da8;
}

/*

Listing of custom-properties and their default values:

--joyride-color, #f04
--joyride-overlay-color, rgba(0, 0, 0, 0.5)
--joyride-zindex, 1500

--joyride-beacon-size, 36px
--joyride-beacon-color, var(--joyride-color, #f04)

--joyride-hole-border-radius, 4px
--joyride-hole-shadow, 0 0 15px rgba(0, 0, 0, 0.5)

--joyride-tooltip-arrow-size, 36px
--joyride-tooltip-arrow-height, calc(var(--joyride-tooltip-arrow-size, 36px) / 2)
--joyride-tooltip-arrow-scale, 2.25 // = --joyride-tooltip-arrow-size / 16
--joyride-tooltip-bg-color, #fff
--joyride-tooltip-border-radius, 4px
--joyride-tooltip-color, #555
--joyride-tooltip-font-size, 16px
--joyride-tooltip-padding, 20px
--joyride-tooltip-shadow-x, 1px
--joyride-tooltip-shadow-y, 2px
--joyride-tooltip-shadow-blur, 3px
--joyride-tooltip-shadow-color, rgba(0, 0, 0, 0.3)

--joyride-tooltip-width-narrow, 290px
--joyride-tooltip-width-medium, 360px
--joyride-tooltip-width-wide, 450px

--joyride-tooltip-animation, joyride-tooltip 0.4s forwards
--joyride-tooltip-animation-timing, cubic-bezier(0, 1.05, 0.55, 1.18)

--joyride-close-color, color(var(--joyride-tooltip-color, #555) alpha(0.5))
--joyride-close-size, 30px
--joyride-close-top, 10px
--joyride-close-right, 10px
--joyride-close-display, block // Set to "none" to hide

--joyride-header-color, var(--joyride-tooltip-color, #555)
--joyride-header-font-size, 20px
--joyride-header-border-color, var(--joyride-color, #f04)
--joyride-header-border-width, 1px

--joyride-button-bg-color, var(--joyride-color, #f04)
--joyride-button-color, #fff
--joyride-button-radius, 4px

--joyride-back-button-color, var(--joyride-color, #f04)
--joyride-skip-button-color, #ccc
 */


.joyride-beacon {
  display: inline-block;
  height: 36px;
  position: relative;
  width: 36px;
  z-index: 10002;
}

.joyride-beacon__inner {
  -webkit-animation: joyride-beacon-inner 1.2s infinite ease-in-out;
          animation: joyride-beacon-inner 1.2s infinite ease-in-out;
  background-color: #6d6761;
  border-radius: 50%;
  display: block;
  height: 50%;
  left: 50%;
  opacity: 0.7;
  position: relative;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
}

.joyride-beacon__outer {
  -webkit-animation: joyride-beacon-outer 1.2s infinite ease-in-out;
          animation: joyride-beacon-outer 1.2s infinite ease-in-out;
  background-color: rgba(109, 103, 97, 0.2);
  border: calc(36px / 18) solid rgb(109, 103, 97);
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 100%;
}

.joyride-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10002;
}

.joyride-hole {
  border-radius: 4px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 0, 0, 0.5);
}

.joyride-hole.safari {
  box-shadow: 0 0 999px 9999px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 0, 0, 0.5);
}

.joyride-tooltip {
  pointer-events: auto;
  background-color: #45423e;
  border-radius: 4px;
  color: #fdfcfb;
  cursor: default;
  -webkit-filter: drop-shadow(calc(0px - 1px) calc(0px - 2px) calc(0px 3px) rgba(0, 0, 0, 0.3)) drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(calc(0px - 1px) calc(0px - 2px) calc(0px 3px) rgba(0, 0, 0, 0.3)) drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
  opacity: 0;
  padding: 20px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 290px;
  z-index: calc(10002 + 10);
}

@media screen and (min-width: 480px) {
  .joyride-tooltip {
    width: 360px;
  }
}

@media screen and (min-width: 960px) {
  .joyride-tooltip {
    width: 450px;
  }
}

.joyride-tooltip--animate {
  -webkit-animation: joyride-tooltip 0.4s forwards;
          animation: joyride-tooltip 0.4s forwards;
  -webkit-animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18);
          animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18);
}

.joyride-tooltip__triangle {
  background-repeat: no-repeat;
  position: absolute;
}

.joyride-tooltip.bottom, .joyride-tooltip.bottom-left, .joyride-tooltip.bottom-right {
  margin-top: calc(36px / 2);
}

.joyride-tooltip.bottom .joyride-tooltip__triangle, .joyride-tooltip.bottom-left .joyride-tooltip__triangle, .joyride-tooltip.bottom-right .joyride-tooltip__triangle {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0idmFyKC0tam95cmlkZS10b29sdGlwLWFycm93LXNpemUsIDM2cHgpIiBoZWlnaHQ9InZhcigtLWpveXJpZGUtdG9vbHRpcC1hcnJvdy1oZWlnaHQsIGNhbGModmFyKC0tam95cmlkZS10b29sdGlwLWFycm93LXNpemUsIDM2cHgpIC8gMikpIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwLCAwIDgsIDggMTYsMCIgZmlsbD0idmFyKC0tam95cmlkZS10b29sdGlwLWJnLWNvbG9yLCAjZmZmKSIgdHJhbnNmb3JtPSJzY2FsZSh2YXIoLS1qb3lyaWRlLXRvb2x0aXAtYXJyb3ctc2NhbGUsIDIuMjUpKSByb3RhdGUoMTgwIDggNCkiPjwvcG9seWdvbj48L3N2Zz4=');
  height: calc(36px / 2);
  left: 50%;
  top: calc(0px - calc(36px / 2) + 2px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 36px;
}

.joyride-tooltip.top, .joyride-tooltip.top-left, .joyride-tooltip.top-right {
  margin-bottom: calc(36px / 2);
}

.joyride-tooltip.top .joyride-tooltip__triangle, .joyride-tooltip.top-left .joyride-tooltip__triangle, .joyride-tooltip.top-right .joyride-tooltip__triangle {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0idmFyKC0tam95cmlkZS10b29sdGlwLWFycm93LXNpemUsIDM2cHgpIiBoZWlnaHQ9InZhcigtLWpveXJpZGUtdG9vbHRpcC1hcnJvdy1oZWlnaHQsIGNhbGModmFyKC0tam95cmlkZS10b29sdGlwLWFycm93LXNpemUsIDM2cHgpIC8gMikpIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwLCAwIDgsIDggMTYsMCIgZmlsbD0idmFyKC0tam95cmlkZS10b29sdGlwLWJnLWNvbG9yLCAjZmZmKSIgdHJhbnNmb3JtPSJzY2FsZSh2YXIoLS1qb3lyaWRlLXRvb2x0aXAtYXJyb3ctc2NhbGUsIDIuMjUpKSByb3RhdGUoMCkiPjwvcG9seWdvbj48L3N2Zz4=');
  bottom: calc(0px - calc(36px / 2) + 2px);
  height: calc(36px / 2);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 36px;
}

.joyride-tooltip.bottom-left .joyride-tooltip__triangle, .joyride-tooltip.top-left .joyride-tooltip__triangle {
  left: 3%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (min-width: 480px) {
  .joyride-tooltip.bottom-left .joyride-tooltip__triangle, .joyride-tooltip.top-left .joyride-tooltip__triangle {
    left: 2%;
  }
}

.joyride-tooltip.bottom-right .joyride-tooltip__triangle, .joyride-tooltip.top-right .joyride-tooltip__triangle {
  left: auto;
  right: 3%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (min-width: 480px) {
  .joyride-tooltip.bottom-right .joyride-tooltip__triangle, .joyride-tooltip.top-right .joyride-tooltip__triangle {
    right: 2%;
  }
}

.joyride-tooltip.left {
  margin-right: calc(36px / 2);
}

.joyride-tooltip.left .joyride-tooltip__triangle {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0idmFyKC0tam95cmlkZS10b29sdGlwLWFycm93LWhlaWdodCwgY2FsYyh2YXIoLS1qb3lyaWRlLXRvb2x0aXAtYXJyb3ctc2l6ZSwgMzZweCkgLyAyKSkiIGhlaWdodD0idmFyKC0tam95cmlkZS10b29sdGlwLWFycm93LXNpemUsIDM2cHgpIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwLCAwIDgsIDggMTYsMCIgZmlsbD0idmFyKC0tam95cmlkZS10b29sdGlwLWJnLWNvbG9yLCAjZmZmKSIgdHJhbnNmb3JtPSJzY2FsZSh2YXIoLS1qb3lyaWRlLXRvb2x0aXAtYXJyb3ctc2NhbGUsIDIuMjUpKSByb3RhdGUoMjcwIDggOCkiPjwvcG9seWdvbj48L3N2Zz4=');
  height: 36px;
  right: calc(0px - calc(36px / 2) + 2px);
  width: calc(36px / 2);
}

.joyride-tooltip.right {
  margin-left: calc(36px / 2);
}

.joyride-tooltip.right .joyride-tooltip__triangle {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0idmFyKC0tam95cmlkZS10b29sdGlwLWFycm93LWhlaWdodCwgY2FsYyh2YXIoLS1qb3lyaWRlLXRvb2x0aXAtYXJyb3ctc2l6ZSwgMzZweCkgLyAyKSkiIGhlaWdodD0idmFyKC0tam95cmlkZS10b29sdGlwLWFycm93LXNpemUsIDM2cHgpIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwLCAwIDgsIDggMTYsMCIgZmlsbD0idmFyKC0tam95cmlkZS10b29sdGlwLWJnLWNvbG9yLCAjZmZmKSIgdHJhbnNmb3JtPSJzY2FsZSh2YXIoLS1qb3lyaWRlLXRvb2x0aXAtYXJyb3ctc2NhbGUsIDIuMjUpKSByb3RhdGUoOTAgNCA0KSI+PC9wb2x5Z29uPjwvc3ZnPg==');
  height: 36px;
  left: calc(0px - calc(36px / 2) + 2px);
  width: calc(36px / 2);
}

.joyride-tooltip__close {
  color: rgba(253, 252, 251, 0.5);
  font-size: 30px;
  line-height: 12px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 10px;
  z-index: 10;
  display: block;
}

.joyride-tooltip__close:hover, .joyride-tooltip__close:focus {
  color: rgba(236, 227, 218, 0.5);
  outline: none;
  text-decoration: none;
}

.joyride-tooltip__close--header {
  right: 20px;
  top: 20px;
}

.joyride-tooltip__header {
  border-bottom: 1px solid var(--joyride-color, #f04);
  color: var(--joyride-tooltip-color, #555);
  font-size: 20px;
  padding-bottom: 6px;
  position: relative;
}

.joyride-tooltip__main {
  font-size: 16px;
  padding: 12px 0 18px;
}

.joyride-tooltip__footer {
  text-align: right;
}

.joyride-tooltip__button--primary {
  background-color: #1fb790;
  border-radius: 4px;
  color: #fff;
  outline: none;
  padding: 6px 12px;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.joyride-tooltip__button--primary:active, .joyride-tooltip__button--primary:focus, .joyride-tooltip__button--primary:hover {
  background-color: rgb(35, 209, 166);
  color: #fff;
  text-decoration: none;
}

.joyride-tooltip__button--secondary {
  color: #e1e1e1;
  margin-right: 10px;
  outline: none;
}

.joyride-tooltip__button--skip {
  color: #ccc;
  float: left;
  margin-right: 10px;
}

.joyride-tooltip--standalone .joyride-tooltip__main {
  padding-bottom: 0;
}

.joyride-tooltip--standalone .joyride-tooltip__footer {
  display: none;
}

@-webkit-keyframes joyride-tooltip {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1px) scale(1);
            transform: perspective(1px) scale(1);
  }
}

@keyframes joyride-tooltip {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1px) scale(1);
            transform: perspective(1px) scale(1);
  }
}

@-webkit-keyframes joyride-beacon-inner {
  20% {
    opacity: 0.9;
  }
  90% {
    opacity: 0.7;
  }
}

@keyframes joyride-beacon-inner {
  20% {
    opacity: 0.9;
  }
  90% {
    opacity: 0.7;
  }
}

@-webkit-keyframes joyride-beacon-outer {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    opacity: 0.7;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes joyride-beacon-outer {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    opacity: 0.7;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.scroll-shadow__scroll-shadow-container___3vf8p {
    width: calc(100% + 64px);
    height: 1px;

    position: absolute;
    left: -32px;
    z-index: 0;

    opacity: 0;
    -webkit-transition: opacity 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: opacity 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.scroll-shadow__scroll-shadow-container--active___1Bn8X {
    opacity: 1;
}

.scroll-shadow__scroll-shadow-container--top___30z3l {
    top: -1px;
}

.scroll-shadow__scroll-shadow-container--bottom___18S5T {
    bottom: 81px;
}

.scroll-shadow__shadow___hi_5s {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;

    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);

            box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: opacity 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.scroll-shadow__scroll-shadow-container--top___30z3l .scroll-shadow__shadow___hi_5s {
    top: -1px;
}

.scroll-shadow__scroll-shadow-container--bottom___18S5T .scroll-shadow__shadow___hi_5s {
    bottom: -1px;
}

.scroll-shadow__shadow-blocker___3ObtF {
    position: absolute;
    height: 11px;
    width: 100%;
    background-color: white;
}

.scroll-shadow__scroll-shadow-container--top___30z3l .scroll-shadow__shadow-blocker___3ObtF {
    top: -12px;
}

.scroll-shadow__scroll-shadow-container--bottom___18S5T .scroll-shadow__shadow-blocker___3ObtF {
    bottom: -12px;
}

.form-wrapper__form-content___n59fG {
    height: 100%;
}

.form-wrapper__scroll-container___xavTi {
    height: calc(100% - 82px); /* Footer is 50px + 32px top/bottom padding */
    overflow-y: auto;
    overflow-x: hidden;
    /* Let's get the scroll-bar all the way to the right */
    padding-right: 32px;
    margin-right: -32px;
    /* Needed for react-select to expand when menus are opened */
    position: relative;
}

.form-wrapper__form-body___U6wdB {
    position: relative;
    padding: 16px 0 32px 0;

    -webkit-transform-origin: left top;

            transform-origin: left top;
    -webkit-transform: translateX(0) rotateY(0deg);
            transform: translateX(0) rotateY(0deg);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
    transition: -webkit-transform 400ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
    transition: transform 400ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
    transition: transform 400ms cubic-bezier(0.18, 0.89, 0.45, 1.06), -webkit-transform 400ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
}

.form-wrapper__form-body--full-height___2MEOG {
    padding: 16px 0;
}

.form-wrapper__icon___1CHd8.svg-tick-circle,
.form-wrapper__icon___1CHd8.svg-tick-circle-outline {
    fill: #bd9633;
}

.form-wrapper__icon___1CHd8.svg-accounts-circle {
    fill: #3d3b8a;
}

.form-wrapper__icon___1CHd8.svg-activities-circle {
    fill: #bf2436;
}

.form-wrapper__icon___1CHd8.svg-contacts-circle {
    fill: #337da8;
}

.form-wrapper__icon___1CHd8.svg-leads-circle {
    fill: #33c252;
}

/* custom field styles */
.form-wrapper__activity-important-checkbox___wPNj5 {
    cursor: default;
    position: absolute;
    bottom: 22px;
    right: 0;
    width: 90px;
    font-size: 15px;
    text-align: right;
    color: #7a7370;
}
/* end custom field styles */

.form-wrapper__cell-container___MhzHG {
    position: relative;
}

.form-wrapper__flex-row___3JOZG {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5px;
}

.form-wrapper__flex-row___3JOZG:last-child {
    margin-bottom: 0;
}

.form-wrapper__flex-row___3JOZG > * {
    min-height: 75px;
    width: 100%;
}

.form-wrapper__flex-row___3JOZG > *:not(:first-child) {
    margin-left: 20px;
}

.form-wrapper__icon-container___fYIYZ {
    width: 75px;
}

.form-wrapper__label___b5ORV {
    display: block;
    cursor: pointer;
}
.form-wrapper__label-disabled___3M4v0 {
    cursor: default;
}

.form-wrapper__option___2Lg_2 {
    padding: 10px;
    border-bottom: 1px solid rgba(122, 115, 112, 0.3);
}
.form-wrapper__option___2Lg_2:last-child {
    border: 0;
}

.form-wrapper__checkbox___LaTR- {
    display: inline-block;
    margin-right: 10px;
}
/* End pref pane styles. */

.floating-label-textfield__container___2nNWM {
    position: relative;
}

.floating-label-textfield__label___2gDol,
.floating-label-textfield__input___2NLlY {
    font-size: 20px;
}

.floating-label-textfield__label___2gDol {
    position: absolute;
    left: 1px;
    top: 14px;
    -webkit-transition: all 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
    transition: all 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
    color: #4d4540;
    /* Pass all pointer events under the label to the input. */
    pointer-events: none;
}

.floating-label-textfield__label--required___qyPS1 {
    right: -7px;
}

.floating-label-textfield__label--required___qyPS1::after {
    content: '*';
    color: #ff2e47;
    padding-left: 2px;
}

.floating-label-textfield__input___2NLlY {
    display: block;
    width: 100%;
    height: 46px;
    margin-top: 22px;
    color: #211712;
    border: 0;
    border-bottom: 2px solid #ebe8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    -webkit-transition: border 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
    transition: border 250ms cubic-bezier(0.18, 0.89, 0.45, 1.06);
}

.floating-label-textfield__input___2NLlY:disabled {
    border-color: transparent;
    background-color: transparent; /* Firefox. */
}

.floating-label-textfield__input___2NLlY::-ms-clear {
    display: none;
}

.floating-label-textfield__input___2NLlY:focus {
    border-color: #3b9eD7;
}

.floating-label-textfield__input--active___K_fKT {
}

.floating-label-textfield__input--invalid___BpIjI {
    border-color: #ff2e47;
}

.floating-label-textfield__input--active___K_fKT + .floating-label-textfield__label___2gDol {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: translateY(-30px) scale(0.8);
            transform: translateY(-30px) scale(0.8);
}

.floating-label-textfield__textarea___a2LRa {

    padding-top: 10px;
    resize: none;
}

.floating-label-textfield__textarea___a2LRa .floating-label-textfield__label___2gDol {
    top: 40px;
}

.floating-label-textfield__textarea--active___23yf0 {
}

.floating-label-textfield__actions-container___1yOH2 {
    position: absolute;
    bottom: 10px;
    right: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;

    -webkit-transform-origin: left center;

            transform-origin: left center;
    -webkit-transform: translateX(25px);
            transform: translateX(25px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.floating-label-textfield__actions-container--active___ssIX2 {

    -webkit-transform: translateX(0);

            transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.floating-label-textfield__button-confirm___1NVpT {
    margin-right: 4px;
    padding: 0;
    fill: #33c252;
}

.floating-label-textfield__button-confirm___1NVpT svg {
    pointer-events: none;
}

.floating-label-textfield__button-cancel___1mNjN {
    padding: 0;
    /* This is a FA icon. Size is maintained by font-size for now :sponge:. */
    font-size: 24px;
}

/* Export this value for use in JS. */

.date-time-picker-popover__popover___2aMh0 {
    border-radius: 3px !important; /* Yeah, that's right, immutable styles. */
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.12),
        0 2px 26px rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.12),
        0 2px 26px rgba(0, 0, 0, 0.12) !important;
}

.date-time-picker-popover__animate-in___1og3j {
    -webkit-animation: date-time-picker-popover__animate-in-picker___2lBok 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
            animation: date-time-picker-popover__animate-in-picker___2lBok 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.date-time-picker-popover__invalid-shake___1f6lp {
    -webkit-animation-name: date-time-picker-popover__animate-invalid-shake___37dK9;
            animation-name: date-time-picker-popover__animate-invalid-shake___37dK9;
    -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
            animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.date-time-picker-popover__textfield___2NxGk {
    width: 100%;
    height: 50px;
    display: block;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    font-size: 20px;
    color: #211712;
    padding: 0 14px;
}

.date-time-picker-popover__textfield--invalid___1J1k3 {
    color: #ff2e47;
}

.date-time-picker-popover__textfield--invalid___1J1k3::-moz-selection {
    background-color: #ebe8e8;
    color: #ff2e47;
}
.date-time-picker-popover__textfield--invalid___1J1k3::selection {
    background-color: #ebe8e8;
    color: #ff2e47;
}

.date-time-picker-popover__actions-container___1k8IK {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;

    -webkit-transform-origin: left center;

            transform-origin: left center;
    -webkit-transform: translateX(25px);
            transform: translateX(25px);
    opacity: 0;
    -webkit-animation: date-time-picker-popover__animate-in-action-buttons___1rN3J 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 200ms forwards;
            animation: date-time-picker-popover__animate-in-action-buttons___1rN3J 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 200ms forwards;
}

.date-time-picker-popover__button-confirm___1F5NW {
    margin-right: 4px;
    padding: 0;
    fill: #33c252;
    -webkit-transition: opacity 200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: opacity 200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.date-time-picker-popover__button-confirm___1F5NW:hover,
.date-time-picker-popover__button-confirm___1F5NW:focus {
    fill: #2e9942;
}

.date-time-picker-popover__button-confirm___1F5NW:disabled {
    opacity: 0.35;
}

.date-time-picker-popover__button-confirm___1F5NW svg {
    pointer-events: none;
}

.date-time-picker-popover__button-cancel___3JT3z {
    padding: 0;
    /* This is a FA icon. Size is maintained by font-size for now :sponge:. */
    font-size: 24px;
    color: #7a7370;
}

.date-time-picker-popover__button-cancel___3JT3z:hover,
.date-time-picker-popover__button-cancel___3JT3z:focus {
    color: #4d4540;
}

.date-time-picker-popover__button-confirm___1F5NW:focus:not(:hover),
.date-time-picker-popover__button-cancel___3JT3z:focus:not(:hover) {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}

@-webkit-keyframes date-time-picker-popover__animate-in-picker___2lBok {
    0% {
        opacity: 0;
    }
}

@keyframes date-time-picker-popover__animate-in-picker___2lBok {
    0% {
        opacity: 0;
    }
}

@-webkit-keyframes date-time-picker-popover__animate-in-action-buttons___1rN3J {
    0% {
        -webkit-transform: translateX(25px);
                transform: translateX(25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}

@keyframes date-time-picker-popover__animate-in-action-buttons___1rN3J {
    0% {
        -webkit-transform: translateX(25px);
                transform: translateX(25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes date-time-picker-popover__animate-invalid-shake___37dK9 {
    10%,
    90% {
        -webkit-transform: translateX(-1px);
                transform: translateX(-1px);
    }
    20%,
    80% {
        -webkit-transform: translateX(2px);
                transform: translateX(2px);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-4px);
                transform: translateX(-4px);
    }
    40%,
    60% {
        -webkit-transform: translateX(4px);
                transform: translateX(4px);
    }
}

@keyframes date-time-picker-popover__animate-invalid-shake___37dK9 {
    10%,
    90% {
        -webkit-transform: translateX(-1px);
                transform: translateX(-1px);
    }
    20%,
    80% {
        -webkit-transform: translateX(2px);
                transform: translateX(2px);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-4px);
                transform: translateX(-4px);
    }
    40%,
    60% {
        -webkit-transform: translateX(4px);
                transform: translateX(4px);
    }
}

.modal-component__container___nIck5 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Guarantee this is above everything else. */
    z-index: 10000;

    opacity: 0;
    -webkit-animation: modal-component__container-animate-in___3OQQC 250ms ease 0s forwards;
            animation: modal-component__container-animate-in___3OQQC 250ms ease 0s forwards;
}
.modal-component__container--animate-out___3vam_ {
    -webkit-animation: modal-component__container-animate-out___3EcpI 250ms ease 0s forwards;
            animation: modal-component__container-animate-out___3EcpI 250ms ease 0s forwards;
}

.modal-component__overlay___33o5S {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* Below modal body. */
    z-index: 0;
    background-color: hsla(234, 18%, 25%, 0.67);
}

.modal-component__focus-trap-zone___1J-Q3 {
    height: 100%;
    width: 100%;
}

.modal-component__body___1IUfc {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 1; /* Above overlay. */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    height: calc(100% - 100px);
    max-height: 800px;

    width: 800px;
    margin: 50px auto;
    /* We'll give 32px padding to the header and
    main-content so it doesn't suffer from the
    overflow-x here when we want to break out of
    this container */
    padding: 32px 0 0 0;

    background-color: white;
    border-radius: 4px;
    overflow-x: hidden; /* Hide border-radius overflow. */
    overflow-y: auto;

    -webkit-transform-origin: top center 0;

            transform-origin: top center 0;
    -webkit-animation: modal-component__body-animate-in___27Jh8 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s forwards;
            animation: modal-component__body-animate-in___27Jh8 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s forwards;
    -webkit-box-shadow: 0 3px 15px rgba(120, 128, 142, 0.55);
            box-shadow: 0 3px 15px rgba(120, 128, 142, 0.55);
}

@media (max-height: 900px) {
    .modal-component__body___1IUfc {
        max-height: 600px;
    }
}

.modal-component__body___1IUfc .modal-component__close-button-container___1gYrX {
    position: absolute;
    top: 27px; /* 32px - 5px padding-top */
    right: 22px; /* 32px - 10px padding-right */
    z-index: 10;
}

.modal-component__body___1IUfc .modal-component__close-button-container___1gYrX > *:not(:last-child) {
    margin-right: 8px;
}

/* Used for our onboarding modals that have a solid color on one side */
.modal-component__body--no-padding___YGO3b {
    padding: 0;
}

.modal-component__body--no-padding___YGO3b .modal-component__main-section___2083U {
    padding: 0;
}

.modal-component__body--wide___i8tZr {
    width: calc(100% - 64px);
    max-width: 1000px;
}

.modal-component__body--left-aligned___3IsPL {
    margin: 50px auto 50px 50px;
}

.modal-component__header-bar___cAblf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    /* 22px, not 32px, because close button has 10px right padding */
    padding: 0 22px 16px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #211712;
}

.modal-component__header-bar___cAblf .modal-component__close-button-container___1gYrX {
    position: static;
    z-index: 11;
    padding: 0;
}

.modal-component__header-bar___cAblf .modal-component__close-button___nNBEz .svg-close svg {
    fill: #ebe8e8;
}

.modal-component__header-bar___cAblf .modal-component__close-button___nNBEz .svg-close:hover svg,
.modal-component__header-bar___cAblf .modal-component__close-button___nNBEz:focus .svg-close svg {
    fill: #7a7370;
}

.modal-component__header-text___3tsEJ {
    z-index: 100;
}

/* Center text if there's a back button */
.modal-component__header-text___3tsEJ:nth-child(2) {
    text-align: center;
}

.modal-component__header-text___3tsEJ > *:first-child {
    font-weight: 500;
    font-size: 21px;
    line-height: 1.5;
    color: #211712;
}

.modal-component__header-text___3tsEJ * + * {
    font-size: 13px;
    font-style: italic;
    color: #4d4540;
}

.modal-component__main-section___2083U {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow-y: auto;
    height: 100%;
    padding: 0 32px;
}

@-webkit-keyframes modal-component__body-animate-in___27Jh8 {
    0% {
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes modal-component__body-animate-in___27Jh8 {
    0% {
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes modal-component__container-animate-in___3OQQC {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes modal-component__container-animate-in___3OQQC {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes modal-component__container-animate-out___3EcpI {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes modal-component__container-animate-out___3EcpI {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.footer-bar__footer-bar___3w4SR {
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;

    padding: 16px 0;
    /* Whaaaat?? We want 50px + 16px of padding, and this accomplishes that */
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.footer-bar__footer-bar--bordered___gfmsn {
    margin: 0 -32px;
    padding-left: 32px;
    padding-right: 32px;
    border-top: 1px solid #ebe8e8;
}

.footer-bar__footer-bar___3w4SR > *:first-child,
.footer-bar__footer-bar___3w4SR > *:last-child {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.footer-bar__footer-bar___3w4SR > *:first-child {
    margin-right: 50px;
}

.footer-bar__footer-bar___3w4SR > *:last-child {
    margin-left: 50px;
}

.modal-lightbox__modal___aEh1X {
    position: fixed;
    z-index: 9000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.modal-lightbox__body___GEwcj {
    z-index: 1; /* Above overlay. */
}

.modal-lightbox__underlay___yQ16p {
    background-color: hsla(234, 18%, 25%, 0.67);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.image-modal__container___1xzqf {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.image-modal__left___1cABp {
    width: 50%;
    height: 100%;
}

.image-modal__right___3EMsH {
    width: 50%;
    height: 100%;
    padding: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
}

.two-pane-modal__container___1Liic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: calc(100% - 82px);
}

.two-pane-modal__left-container___LNqav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.two-pane-modal__right-container___2y5t3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.two-pane-modal__right-container___2y5t3 > * {
    width: 100%;
}

.two-pane-modal__footer-container___2IS4w {
    z-index: 10;
}

.slide-in__ease-out___YAP0Q {
    -webkit-transition: all 450ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
    transition: all 450ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
}

.slide-in__transition-slide-in___1n2ic {
    position: relative;
    overflow: hidden;
    vertical-align: top;
    height: 100%;
}
.slide-in__transition-slide-in-child___3Yyli {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.slide-in__enter___S5gOu {
    opacity: 0;
}
.slide-in__enter-active___1gLQh {
    opacity: 1;
}
.slide-in__leave___4Q9eC {
    opacity: 1;
}
.slide-in__leave-active___1LZnI {
    opacity: 0;
}

.slide-in__transition-slide-in--left___2ncpg {
}
.slide-in__transition-slide-in--left___2ncpg .slide-in__enter___S5gOu {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}
.slide-in__transition-slide-in--left___2ncpg .slide-in__enter-active___1gLQh {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slide-in__transition-slide-in--left___2ncpg .slide-in__leave___4Q9eC {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slide-in__transition-slide-in--left___2ncpg .slide-in__leave-active___1LZnI {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}

.slide-in__transition-slide-in--right___dI3YL {
}
.slide-in__transition-slide-in--right___dI3YL .slide-in__enter___S5gOu {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}
.slide-in__transition-slide-in--right___dI3YL .slide-in__enter-active___1gLQh {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slide-in__transition-slide-in--right___dI3YL .slide-in__leave___4Q9eC {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slide-in__transition-slide-in--right___dI3YL .slide-in__leave-active___1LZnI {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}

.slide-in__transition-slide-in--up___ITDos {
}
.slide-in__transition-slide-in--up___ITDos .slide-in__enter___S5gOu {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
}
.slide-in__transition-slide-in--up___ITDos .slide-in__enter-active___1gLQh {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slide-in__transition-slide-in--up___ITDos .slide-in__leave___4Q9eC {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slide-in__transition-slide-in--up___ITDos .slide-in__leave-active___1LZnI {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
}

.slide-in__transition-slide-in--down___21DUO {
}
.slide-in__transition-slide-in--down___21DUO .slide-in__enter___S5gOu {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
}
.slide-in__transition-slide-in--down___21DUO .slide-in__enter-active___1gLQh {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slide-in__transition-slide-in--down___21DUO .slide-in__leave___4Q9eC {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slide-in__transition-slide-in--down___21DUO .slide-in__leave-active___1LZnI {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
}

.slideshow-control-dot__dot___2UrSw {
    cursor: pointer;
    width: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.slideshow-control-dot__dot--noclick___3ugRr {
    cursor: default;
}

.slideshow-control-dot__dot--noclick___3ugRr svg .slideshow-control-dot__outer-circle___2YFLY {
    stroke: #3b9eD7;
}

.slideshow-control-dot__dot___2UrSw:not(.slideshow-control-dot__dot--noclick___3ugRr):hover svg .slideshow-control-dot__outer-circle___2YFLY,
.slideshow-control-dot__dot___2UrSw:not(.slideshow-control-dot__dot--noclick___3ugRr):focus svg .slideshow-control-dot__outer-circle___2YFLY {
    stroke: #3b9eD7;
}

.slideshow-control-dot__dot___2UrSw:not(.slideshow-control-dot__dot--noclick___3ugRr):hover svg .slideshow-control-dot__center-dot___R0owv,
.slideshow-control-dot__dot___2UrSw:not(.slideshow-control-dot__dot--noclick___3ugRr):focus svg .slideshow-control-dot__center-dot___R0owv {
    fill: #3b9eD7;
}

.slideshow-arrow__slideshow-arrow___1ow11 {
    color: #ebe8e8;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.slideshow-arrow__slideshow-arrow___1ow11:hover {
    color: #7a7370;
    background-color: #f7f7f7;
}

.slideshow-arrow__slideshow-arrow--hidden___1kvoT {
    visibility: hidden;
}

.slideshow-arrow__slideshow-arrow--left___5y6td,
.slideshow-arrow__slideshow-arrow--right___1n04O {
}

.slideshow-arrow__slideshow-arrow--left___5y6td > :first-child {
    position: relative;
    right: 1px;
}

.slideshow-arrow__slideshow-arrow--right___1n04O > :first-child {
    position: relative;
    left: 1px;
}

.slideshow-container__slideshow-container___Ge00h {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.slideshow-container__slide-container___n1zHn {
    width: 100%;
    height: 100%;
}

.slideshow-container__slide-container___n1zHn:not(:only-child) {
    margin-bottom: 4px;
}

.onboarding-page__onboarding-page___1L1SL {
    max-height: 600px;
    height: 100%;
}

.onboarding-page__left___2Cgat {
    width: 50%;
    height: 100%;
    float: left;
    -webkit-animation: onboarding-page__fadeIn___3wVa9 150ms ease-in forwards;
            animation: onboarding-page__fadeIn___3wVa9 150ms ease-in forwards;
}

.onboarding-page__right___30n5m {
    width: 50%;
    height: 100%;
    padding: 24px;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
}

.onboarding-page__controls___2ba6K {
    width: calc(100% - 32px);
    position: absolute;
    bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.onboarding-page__body___17fts {
    -webkit-animation: onboarding-page__fadeIn___3wVa9 150ms ease-in forwards;
            animation: onboarding-page__fadeIn___3wVa9 150ms ease-in forwards;
}

.onboarding-page__is-fading-out___3-s-y {
    -webkit-animation: onboarding-page__fadeOut___3wOEn 150ms ease-out forwards;
            animation: onboarding-page__fadeOut___3wOEn 150ms ease-out forwards;
}

.onboarding-page__links___3pJcO > *:not(:last-child) {
    margin-right: 8px;
}

.onboarding-page__links___3pJcO > *:last-child {
    min-width: 75px;
    margin-right: 16px;
}

.onboarding-page__links--spaced___3lI4s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 16px;
    width: 100%;
}

.onboarding-page__links--spaced___3lI4s > *:first-child {
    padding-left: 0;
}

@-webkit-keyframes onboarding-page__fadeIn___3wVa9 {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes onboarding-page__fadeIn___3wVa9 {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes onboarding-page__fadeOut___3wOEn {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes onboarding-page__fadeOut___3wOEn {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.dialog__question___3s5E3 {
    text-align: left;
}

.dialog__buttons___3L6-6 {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.dialog__left-buttons___10u6W {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-top: 10px;
}

.dialog__right-buttons___YgFkI {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.dialog__right-buttons___YgFkI > *:not(:first-child) {
    margin-left: 4px;
}

.file-icon__file-icon___2sp_M {
    margin-right: 16px;
    font-size: 24px;
}

.linked-entity__container___1S2_t {
    min-width: 0;
}

.linked-entity__container___1S2_t:hover a,
.linked-entity__container___1S2_t a:focus {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

.linked-entity__container-users___KoSnl,
.linked-entity__container-teams___xRbuU {
    color: #bf4200;
}

.linked-entity__container-contacts___3ZksA {
    color: #337da8;
}

.linked-entity__container-accounts___1Fnv5 {
    color: #3d3b8a;
}

.linked-entity__container-leads___3mpna {
    color: #211712;
}

.linked-entity__container-leads--green___T9Z2d {
    color: #2e9942;
}

.linked-entity__container-leads___3mpna > .linked-entity__lead-link___3-xGs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    float: left;
    max-width: 100%;
}

.linked-entity__container-leads___3mpna svg {
    margin-top: -2px;
    margin-left: 2px;
}

.linked-entity__container-default___14Xsr {
    color: #211712;
}

.linked-entity__nameless___2TYs3 {
    font-style: italic;
}

.linked-entity__icon-image___WgIOV {
    width: 1em;
    height: 1em;
    margin-left: 8px;
    margin-bottom: 2px;
}

.linked-entity__container___1S2_t.linked-entity__hot___1vByt:hover a,
.linked-entity__container___1S2_t.linked-entity__hot___1vByt a:focus {
    -webkit-text-decoration-color: #fe5800;
            text-decoration-color: #fe5800;
}

.linked-entity__lead-name--hot___2MQc- {
    color: #fe5800;
}

.linked-entity__hot___1vByt svg {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 1em;
    width: 1em;
    margin-right: 4px;
}

.linked-entity__truncate___3URmt {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.file__file___3Cmgq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 8px 0 8px 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1px solid #ebe8e8;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.file__file--no-border___OFLUV {
    border-top: none;
}

.file__file___3Cmgq:last-child {
    border-bottom: 1px solid #ebe8e8;
}

.file__file--no-border___OFLUV:last-child {
    border-bottom: none;
}

.file__file-contents___3RZbd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.file__file--removable___1YbmD .file__file-contents___3RZbd {
    max-width: calc(
        100% - 72px
    ); /* full width minus 32px for remove button and 40px for file icon, fixes file name truncation */
}

.file__file-row___3rxUC {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 8px;
    margin-bottom: 4px;
}

.file__file-row___3rxUC a:only-child {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100% - 8px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.file__file-name___2W50Q {
    font-size: 13px;
    margin: 0;
}

.file__file-row___3rxUC > :first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 13px;
}

.file__file-row___3rxUC:last-child {
    margin-bottom: 0;
}

.file__timestamp___1nldP {
    color: #ebe8e8;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.file__overlay___2f2yJ {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.file__overlay-text___3_zCH {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
    color: #211712;
}

.file__overlay-text___3_zCH .file__processing___h0bLO {
    margin-left: 8px;
    color: #4d4540;
}

.file__remove-button___2zjfk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}

.file__download-button___3fK4F {
    padding: 5px 10px 0 10px;
}

.file__download-button___3fK4F a {
    color: #7a7370;
}

.file__download-button___3fK4F:hover a {
    color: #4d4540;
}

.attachment-list__file___1-Gza {
    border-bottom: 1px solid #ebe8e8;
    width: 100%;
}

.attachment-list__file___1-Gza:last-child {
    border-bottom: none;
}

.modal-toolbar__modal-toolbar___2HTsP {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 36px;
    -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
    font-size: 15px;
}

.modal-toolbar__attachments-container___321w6 {
    padding: 2px;
    width: 250px;
}

.modal-toolbar__file___2QjhM {
    border-bottom: 1px solid #ebe8e8;
}

.modal-toolbar__file___2QjhM:last-child {
    border-bottom: none;
}

/* The action button aligns with the close button */
.modal-action-button__action-button___3GxmB > *:first-child {
    padding: 0 12px;
}

/* The action button's svg is dark grey on hover */
.modal-action-button__action-button___3GxmB > *:first-child *:hover {
    fill: #211712;
}

.default-footer__default-footer___6GbHp {
    /* Position above scroll shadow. */
    position: relative;
    z-index: 1;
}

.default-footer__right-group-container___1anvw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    /* This margin is applied in the Footer component and causes the save button to be cut off */
    margin-left: 0 !important;
}

.default-footer__right-group-container___1anvw > :first-child {
    margin-right: 16px;
}

.default-footer__task-footer___2bxMt {
}

.default-footer__right-btn-group___1JVTU {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.default-footer__right-btn-group___1JVTU > *:not(:last-child) {
    margin-right: 8px;
}

/* prevent disabled button from disappearing as grey on grey */
.default-footer__delete-btn___1FNLy button[disabled] {
    color: #ff2e47;
}

.complete-task-button__complete-task-button___3Xgsr {
}

.complete-task-button__complete___hJj1U {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.complete-task-button__complete___hJj1U .svg-icon-container {
    height: 15px;
    width: 15px;
    margin-right: 7px;
    position: relative;
}

/* Green circle unchecked state. */
.complete-task-button__complete___hJj1U .svg-icon-container:before {
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #33c252;
    -webkit-transition: opacity 150ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: opacity 150ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.complete-task-button__complete___hJj1U .svg-icon-container svg {
    opacity: 0;
    fill: #33c252;
    -webkit-transition: opacity 150ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: opacity 150ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

/* green looks clickable, so make the circle grey */
.complete-task-button__complete-task-button___3Xgsr button[disabled] .svg-icon-container:before {
    border-color: #ebe8e8;
}

.complete-task-button__complete--active___3eEYp {
    color: #211712;
}

.complete-task-button__complete-task-button___3Xgsr button:not([disabled]):hover .svg-icon-container:before,
.complete-task-button__complete--active___3eEYp .svg-icon-container:before {
    opacity: 0;
}

.complete-task-button__complete-task-button___3Xgsr button:not([disabled]):hover .svg-icon-container svg,
.complete-task-button__complete--active___3eEYp .svg-icon-container svg {
    opacity: 1;
}

.form-common__form___3jNLS {
    position: relative;
    height: 100%;
}

.loading-screen__container___35Y_C {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 500px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.loading-screen__bars___ZL3YB {
    margin-left: -12px;
    margin-bottom: 12px;
}

.loading-screen__text___3YrJV {
    font-size: 16px;
}

.task-view__container___2J8av {
    width: 670px;
    margin: 20px auto;
    border: 2px solid #ebe8e8;
    border-radius: 4px;
    background-color: #fff;
    padding: 16px 24px 0 24px;
}

.status-badge__status-badge___NVfQZ {
    border-radius: 4px;
    overflow: hidden;
    padding: 2px 8px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.status-badge__status-badge--interactive___15mus:focus,
.status-badge__status-badge--interactive___15mus:hover {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.status-badge__status-badge___NVfQZ > *:not(:last-child) {
    margin-right: 4px;
}

.status-badge__status-badge--small___2F0Op {
    font-size: 13px;
}

.status-badge__status-badge--success___24OP6 {
    background-color: #ecf9ef;
    color: #0b8d6c;
}

.status-badge__status-badge--info___XQIUJ {
    background-color: #eaf5fb;
    color: #337da8;
}

.status-badge__status-badge--warning___26eoY {
    background-color: #fff5e5;
    color: #ea7134;
}

.status-badge__status-badge--alert___BBec- {
    background-color: #fff7f7;
    color: #bf2436;
}

.status-badge__status-badge--hidden___2Nh82 {
    background-color: #ebe8e8;
    color: #7a7370;
}

.status-badge__status-badge--info-navy___2PSfa {
    background-color: #3d405c1a;
    color: #3d405c;
}

.status-badge__status-badge--info-purple___1Q-gm {
    background-color: #f7f7fc;
    color: #3d3b8a;
}

.status-badge__status-badge--info-grey___3_CoO {
    background-color: #f2f0f0;
    color: #4d4540;
}

.title-bar-limits__title-bar-limits___8bmJq {
    display: inline-block;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    cursor: pointer;
}

.title-bar-limits__title-bar-limits___8bmJq > *,
.title-bar-limits__title-bar-warning___2nLNa > * {
    display: inline;
    font-size: 11px;
    font-family: IBM Plex Sans;
    font-weight: normal;
    padding: 0 4px;
    margin-left: 8px;
}

.title-bar-limits__title-bar-warning___2nLNa {
    display: inline-block;
    cursor: pointer;
    color: #fac947;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}

.feature-usage-box__feature-usage-box___3s4CF {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 200px;
    min-width: 200px;
    border-radius: 3px;
    padding: 32px 32px 48px 32px;
    border: 1px solid #ebe8e8;
}

.feature-usage-box__feature-usage-box--next-plan___10h5a {
    border: 2px solid #0c0f33;
}

.feature-usage-box__usage-bars___2xW-g {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    border-bottom: 1px solid #ebe8e8;
    height: 200px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: baseline;
    -webkit-justify-content: baseline;
        -ms-flex-pack: baseline;
            justify-content: baseline;
}

.feature-usage-box__usage-bars___2xW-g > :first-child {
    margin-right: 16px;
}

.feature-usage-box__bar-container___2cPuW {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #211712;
    font-size: 15px;
    font-weight: 500;
}

.feature-usage-box__bar___a4BjA {
    margin-top: 8px;
    width: 100px;
    border-radius: 3px 3px 0 0;
}

.feature-usage-box__subtext___1iXBu {
    position: absolute;
    bottom: -20px;
    color: #7a7370;
    font-size: 13px;
    margin-top: 4px;
    font-weight: normal;
}

.feature-usage__feature-usage___jYaqk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.feature-usage__feature-usage___jYaqk > :first-child {
    margin-right: 16px;
}

.feature-usage__feature-usage___jYaqk > * {
    width: calc(50% - 8px);
}

.upgrade-arrow__upgrade-arrow___3ijIN {
    color: #3b9eD7;
    fill: #3b9eD7;
    cursor: pointer;
}

.upgrade-arrow__upgrade-arrow___3ijIN:hover,
.upgrade-arrow__upgrade-arrow___3ijIN:focus {
    color: #337da8;
    fill: #337da8;
}

.upgrade-arrow__upgrade-arrow-popover___2mBi7 {
    width: 200px;
    font-size: 13px;
    padding: 16px;
}

.feature-limits-modal-content__feature-usage-container___2bU3I {
    width: 100%;
    padding: 32px 0;
}

.two-line__two-line___2hsGk {
    min-width: 0; /* this is necessary for container ellipsis overflow behavior */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    max-width: 100%;
}

.two-line__two-line--large___37Unz {
    font-size: 15px;
}

.two-line__icon___2tUSV {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 12px;
}

.two-line__two-line-info___3AqF_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 8px;
    min-height: 32px; /* This height ensures that bottom row g's and y's aren't cut off */
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.two-line__two-line-info--large___26Gc6 {
    height: 36px;
}

.two-line__top-row___2rkGv {
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #211712;
}

.two-line__top-row-light___3P2_U {
    font-weight: normal;
}

.two-line__row-truncated___15ulD {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Don't want special "visited" styling in Google inbox extension */
.two-line__top-row___2rkGv:visited {
    color: inherit;
}

.two-line__top-row___2rkGv > a {
    min-width: 0;
    margin-right: 8px;
}

.two-line__top-row___2rkGv > a > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 15px;
}

.two-line__bottom-row___1DLRC {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    white-space: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.two-line__bottom-row___1DLRC > * {
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-line__bottom-row-small___2G0rm {
    font-size: 13px;
}

.two-line-mini-card__container___1LdEU {
    min-width: 200px; /* default width, we can pass in a different width to replace this inline */
    width: 200px; /* default width, we can pass in a different width to replace this inline */
    cursor: pointer;
    padding: 16px;
    border: 1px solid #ebe8e8;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.two-line-mini-card__container--grey___2tn2z {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
}

.two-line-mini-card__container--with-shadow___31YtX:hover {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    -webkit-transition: -webkit-box-shadow 0.2s ease;
    transition: -webkit-box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.two-line-mini-card__container--grey___2tn2z:hover {
    background-color: #ffffff;
    border: 1px solid #ebe8e8;
}

.two-line-mini-card__container--no-hover___3VhDE {
    cursor: unset; /* override container's cursor style */
}

/* Style container--no-hover that is also container--grey to just match container--grey on hover */
.two-line-mini-card__container--no-hover___3VhDE.two-line-mini-card__container--grey___2tn2z:hover {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
}

.two-line-mini-card__inner-container___OaMCl {
    width: 100%; /* This needs to be set for truncation to work */
}

.two-line-button-card__two-line-button-card___vSh5p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    padding: 12px 16px;
}

.two-line-button-card__two-line-button-card___vSh5p:hover {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25) !important;
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25) !important;
    -webkit-transition: -webkit-box-shadow 0.2s ease;
    transition: -webkit-box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.two-line-button-card__two-line-button-card___vSh5p:focus-visible {
    outline: 2px solid #065289;
    outline-offset: 2px;
}

.page-container__page-container-fixed-sidebar___22M4N {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.page-container__page-container-scrolling-sidebar___1QpKk {
    width: 100%;
    min-height: 100%;
    position: absolute;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.page-container__page-container-no-sidebar___yAfqh {
    height: 100%;
    width: 100%;
}

.page-container__page-container___BdLXi {
    width: 100%;
    min-height: 100%;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

body.fixed-width .page-container__page-container___BdLXi {
    min-width: 1000px;
}

body.settings .page-container__page-container___BdLXi {
    background-color: #fff;
}

body[data-is-trial] .page-container__page-container___BdLXi {
    min-height: calc(100vh - 45px);
}

.page-container__page-container-fixed-sidebar___22M4N .page-container__page-container___BdLXi {
    width: calc(100% - 169px);
    overflow-x: auto;
}

.page-container__main___1EnFC {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
}

[data-is-ie11] .page-container__main___1EnFC {
    -webkit-flex-basis: 100vh;
        -ms-flex-preferred-size: 100vh;
            flex-basis: 100vh;
}

.editable-label__editable-label___3v-xq {
    color: #211712;
    cursor: pointer;
    -webkit-transition: color linear 100ms;
    transition: color linear 100ms;
    margin-left: -4px;
    margin-right: 4px;
    padding: 4px;
    text-align: left; /* Overrides default button styling of `text-align: center;` */
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.editable-label__editable-label-container___1SE-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* The height of the text, plus the padding */
    height: calc(1em + 8px);
}

.editable-label__editable-label___3v-xq:hover,
.editable-label__editable-label___3v-xq:focus {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid #ebe8e8;
}

.editable-label__editable-label--failure___UNLLE {
    color: #ff2e47;
}

.editable-label__editable-label--saving___2IpgU {
    color: #7a7370;
}

.editable-label__editable-label-input___37UrM {
    outline: none;
    border: none;
    -webkit-transition: color linear 100ms;
    transition: color linear 100ms;
    background-color: unset;
    font-weight: inherit;
    line-height: inherit;
}

.editable-label__editable-label-input___37UrM::-webkit-input-placeholder {
    color: #7a7370;
}

.editable-label__editable-label--required___10ZFW {
    right: -7px;
}

.editable-label__editable-label--required___10ZFW::after {
    content: '*';
    color: #ff2e47;
    padding-left: 2px;
}

.editable-label__editable-label--white___2OLrj:hover,
.editable-label__editable-label--white___2OLrj:focus {
    background-color: white;
    outline: none;
    padding-left: 0;
    margin-left: 0;
}

.editable-label__editable-label-input--white___3WESz {
    outline: none;
    border: none;
    -webkit-transition: color linear 100ms;
    transition: color linear 100ms;
    background-color: white;
    font-weight: inherit;
    line-height: inherit;
    padding-left: 0; /* This ensures the input is in the same position as the label */
    margin-left: 0; /* This ensures the input is in the same position as the label */
}

.page-title-breadcrumbs__breadcrumbs___2_q78 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px; /* Matches subtitle container */
    margin-top: 2px; /* Matches subtitle container */
}

.page-title-breadcrumbs__breadcrumb___2kPSk {
    color: #7a7370;
    font-style: italic;
    font-size: 15px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.page-title-breadcrumbs__breadcrumb___2kPSk:last-child {
    color: #211712;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
}

.page-title-breadcrumbs__breadcrumb___2kPSk a {
    text-decoration: underline;
}

.page-title-breadcrumbs__breadcrumb___2kPSk a:hover {
    color: #211712;
    cursor: pointer;
}

.page-title-breadcrumbs__divider___dBJZk {
    margin: 0 8px;
}

.page-title-bar-title__page-title-bar-title___H_6Eu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    min-width: 205px; /* Just enough room for "All companies" */
}

/* Off-one for the company logo, which is an image, not an icon */
.page-title-bar-title__page-title-bar-title___H_6Eu > img {
    padding-right: 16px;
}

.page-title-bar-title__title-container___QPVsy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    height: 50px;
    min-width: 0; /* set a min-width for truncation*/
}

.page-title-bar-title__icon-and-title___2pzbT {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-title-bar-title__icon___3dp0M {
    float: left;
    height: 42px;
    padding-right: 16px;
    fill: #211712;
    color: #211712;
}

.page-title-bar-title__title___1ZodQ {
    font-size: 21px;
    font-weight: 500;
    line-height: 29px;
    height: 26px;
    color: #211712;
    font-family: doyle, IBM Plex Sans;
    opacity: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 400px;
    padding-right: 16px;
}

.page-title-bar-title__title--no-truncate___3ihJe {
    max-width: none;
}

.page-title-bar-title__title--editable___2Hctp {
    /* Allow the outline to expand outside of the title */
    overflow: unset;
    /* User-inputted text needs to be IBM Plex Sans, as Doyle
    is not quite international enough */
    font-family: 'IBM Plex Sans';
    /* This helps center the title in the input field */
    line-height: unset;
}

.page-title-bar-title__subheader-container___3B8r5 {
    font-size: 15px;
    position: relative;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.page-title-bar-title__subheader--secondary___F1W6X {
    color: #211712;
    float: left;
    margin-right: 8px;
    -webkit-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.page-title-bar-title__modified___3ZGQf {
    margin-left: 4px;
}

.page-title-bar__page-title-bar___1ns4G {
    padding: 16px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #ebe8e8;
}

.page-title-bar__app-flash-banner___36zvw {
    padding: 0 16px;
    margin-top: 12px;
}

.pre-auth-layout__pre-auth-layout___2OFRH {
    display: grid;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
}

.pre-auth-layout__left-column___2q3wB {
    display: none;
}

/* don't get too clever with this: it switches between the right and left column for mobile */
.pre-auth-layout__logo___3jQSS {
    width: 200px;
    padding-bottom: 32px;
}

@media screen and (min-width: 700px) {
    @supports (grid-gap: 0) {
        .pre-auth-layout__pre-auth-layout___2OFRH {
            grid-template-columns: 1fr 1fr;
        }

        .pre-auth-layout__left-column___2q3wB {
            display: block;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            height: 100vh;
            overflow: hidden; /* Hides some strange 5px white bottom section */
        }

        .pre-auth-layout__logo___3jQSS {
            position: fixed;
            top: 24px;
            left: 24px;
            padding: 0;
            z-index: 1;
        }
    }
}

.pre-auth-layout__pre-auth-layout___2OFRH h1 {
    margin-bottom: 4px;
}

.pre-auth-layout__left-column___2q3wB > * {
    height: 100%;
    width: 100%;
    -webkit-animation: pre-auth-layout__fadein___3IH7M 0.5s;
            animation: pre-auth-layout__fadein___3IH7M 0.5s;
    -o-object-fit: cover;
       object-fit: cover;
}

.pre-auth-layout__left-column--with-background___DsxK8 {
    height: 100vh;
    background-size: 150%;
}
.pre-auth-layout__left-column--with-background___DsxK8 img {
    width: 450px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
       object-fit: contain; /* Fixes janky img in edge */
    margin: 0 auto;
}

.pre-auth-layout__right-column___1eQkW {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 64px 0;
}

.pre-auth-layout__right-column___1eQkW > *:not(.pre-auth-layout__logo___3jQSS) {
    width: calc(100% - 64px);
    max-width: 400px;
}

@-webkit-keyframes pre-auth-layout__fadein___3IH7M {
    from {
        opacity: 0;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes pre-auth-layout__fadein___3IH7M {
    from {
        opacity: 0;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

.tiny-intro-layout__tiny-intro-layout___2nlDo {
    display: grid;
    grid-template-columns: minmax(400px, 1fr) 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
}

.tiny-intro-layout__tiny-intro-layout--full-width___TKaDo {
    width: 100%;
}

.tiny-intro-layout__left-column___3pFa9 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden; /* Hides some strange 5px white bottom section */

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.tiny-intro-layout__right-column___1-aJ1,
.tiny-intro-layout__single-column___3eh48 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 64px 0;
}

.tiny-intro-layout__right-column___1-aJ1 > *:first-child {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 64px;
}

@media (max-width: 928px) {
    .tiny-intro-layout__left-column___3pFa9 {
        display: none;
    }

    .tiny-intro-layout__right-column___1-aJ1 {
        height: 100%;
    }

    .tiny-intro-layout__right-column___1-aJ1 > *:first-child {
        padding: 0 32px;
    }

    .tiny-intro-layout__tiny-intro-layout___2nlDo {
        grid-template-columns: 1fr;
        height: 100%;
    }
}

@-webkit-keyframes tiny-intro-layout__fadein___1maZD {
    from {
        opacity: 0;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes tiny-intro-layout__fadein___1maZD {
    from {
        opacity: 0;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

.scrollable-container-with-shadow__scrollable-container-with-shadow___1b2xZ {
    position: relative;
}

.scrollable-container-with-shadow__scrollable-container___28xhY {
    overflow: auto;
}

.scrollable-container-with-shadow__gradient-shadow___3tUgZ {
    content: '';
    position: absolute;
    z-index: 1;
}

.main-content-container__container___353UY {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.main-content-container__container--no-header___3FgXT {
    top: 80px;
    height: calc(100% - 80px);
}

.main-content-container__container-inner___38QQS {
    overflow: auto;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.main-content-container__container-inner--no-scroll___1tlp3 {
    overflow: visible;
}

.main-content-container__container-inner--white___256TU {
    background-color: white;
}

.page-content-two-column__container___2g20b {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.page-content-two-column__left-container___1Uc2a {
    width: 60%;
    height: 100%;
    padding: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
}

.page-content-two-column__right-container___1uO75 {
    width: 40%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* Since both the left and right have padding, this makes it so we don't
    have a ton of padding between them */
    padding: 16px 16px 16px 0;
    overflow: auto;
}

.popover-form__popover-form___3-vWz {
    position: relative;
    padding: 16px;
}

.popover-form__popover-form___3-vWz form {
    width: 100%;
}

.popover-form__form-body___3W_yl {
    margin: 32px 0;
}

.popover-form__top___2v9Gi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 0;
    /* Close button has 10px horizontal padding, this aligns icon with submit button */
    width: calc(100% + 10px);
}

.popover-form__top___2v9Gi > *:last-child {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.popover-form__title___2hnCT {
    padding-right: 16px;
}

.popover-form__title--no-wrap___202fF {
    min-width: 0;
}

.popover-form__title--no-wrap___202fF > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popover-form__buttons___2XnYZ {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.popover-form__buttons___2XnYZ > *:first-child {
    /* Cancel button has 12px of left padding */
    margin-left: -12px;
}

.checkbox-for-group__checkbox___32ETL {
    margin-bottom: 6px;
}

.checkbox-for-group__checkbox___32ETL:last-child {
    margin-bottom: 0;
}

.unlock-popover__form-container___5pcp5 {
    height: 70px;
}

.unlock-popover__info___3CJLE {
    font-size: 15px;
    padding-bottom: 16px;
}

.unlock-error__content___1gG4Z {
    position: relative;
    padding: 16px 6px 16px 16px;
    width: 340px;
}

.unlock-error__top___3jAoH {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.unlock-error__title___1J7zq {
    padding-right: 16px;
}

.unlock-error__info___oEHBP {
    margin-top: 16px;
}

.map__map___2QOWB {
    height: 150px;
    width: 100%;
    background-image: url('/include/images/peep/empty-map-account.png'); /* default image for empty map */
    overflow: hidden;
}

.map__map--blurred___bQMPy {
}

.map__map--blurred___bQMPy > * {
    -webkit-filter: blur(8px);
            filter: blur(8px);
}

.map__marker-icon___3dYkb {
    width: 40px;
    height: 55px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 40px;
    left: calc(50% - 20px);
    z-index: 1;
    background-image: url('/include/images/map/pin-purple.png');
}

.session-content__utm-data___3-qsK dt,
.session-content__utm-data___3-qsK dd {
    all: unset;
}

.session-content__utm-data-container___23_Y9,
.session-content__page-data-container___1oqQe {
    border: 1px solid #ebe8e8;
    border-radius: 3px;
}

.session-content__utm-data___3-qsK:not(:last-child),
.session-content__page-data___3f1ks:not(:last-child) {
    border-bottom: 1px solid #ebe8e8;
}

.session-content__utm-data___3-qsK,
.session-content__page-data___3f1ks {
    padding: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.session-content__page-data-container___1oqQe a:hover {
    background-color: #f7f7f7;
}

.session-content__page-data___3f1ks:first-child {
    background-color: #f7f7f7;
}

/* Wraps url or page title without squishing duration timestamp */
.session-content__page-data___3f1ks :first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
}

.session-content__page-title___17H3R {
    color: #7a7370;
    margin-top: 4px;
}

.session-metadata__session-metadata___2vT2K {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    color: #7a7370;
    line-height: 15px;
}

.truncated-session-content__truncated-session-content___3x_Xr,
.truncated-session-content__info-bar___10ptu {
    padding: 0 8px;
}

.truncated-session-content__truncated-session-content___3x_Xr > :not(:last-child) {
    margin-bottom: 8px;
}

.truncated-session-content__hidden-pages___7Sl1Y {
    border-left: 2px solid #ebe8e8;
    padding: 8px;
    color: #7a7370;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.truncated-session-content__info-bar___10ptu {
    margin-top: 16px;
    color: #7a7370;
}

.timeline-entry-icon__timeline-icon___3l4aU {
    position: relative;
    min-width: 44px;
    width: 44px;
    height: 44px;
}

.timeline-entry-icon__timeline-icon--small___3nJfA {
    min-width: 40px;
    width: 40px;
    height: 40px;
}

/* Background color is defined in component as inline style */
.timeline-entry-icon__icon-container___2n3Sp {
    width: 100%;
    height: 100%;
    border: 3px solid #f7f7f7;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/* Styles for the icon */
.timeline-entry-icon__icon-container___2n3Sp > :first-child {
    /* Positioning of the icon */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    /* Aligns and centers icon within size constraints */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* font-size needed for font-awesome icons */
    font-size: 19px;
}

.timeline-entry-icon__icon-container--clickable___2VwDu {
}

.timeline-entry-icon__icon-container--clickable___2VwDu:hover {
    cursor: pointer;
}

/* Background color is defined in component as inline style */
.timeline-entry-icon__sub-icon-container___2nRgL {
    width: 24px;
    height: 24px;
    /* Positioning of the sub-icon */
    position: absolute;
    bottom: -8px;
    left: 28px;
}

.timeline-entry-icon__sub-icon-container--small___1J_Bw {
    width: 20px;
    height: 20px;
    bottom: -6px;
    left: 26px;
}

/* Optional gutter line */
.timeline-entry-icon__gutter-line___3tAVz {
    border-left: 2px solid #dbd9d9;
    position: relative;
    left: 21px;
    z-index: 0;
}

.timeline-entry-icon__gutter-line--small___I7Z1y {
    left: 20px;
}

.timeline-entry-icon__end-circle___cfDhB {
    width: 17px;
    height: 17px;
    background-color: #dbd9d9;
    border-radius: 17px;
}

.timeline-entry-icon__end-circle--small___3ksNp {
    width: 13px;
    height: 13px;
}

.timeline-header__header-container___1vTa2 {
    width: 100%;
    margin-top: 2px;
}

.timeline-header__header-container--small___17DVm {
}

/* Timestamp */
.timeline-header__header-container--small___17DVm > :first-child * {
    font-size: 12px;
}

/* Action text */
.timeline-header__header-container--small___17DVm > :last-child * {
    font-size: 13px;
}

.timeline-header__action-text___3VSiO {
    font-size: 15px;
}

.timeline-header__actor___uN1bG:hover {
    cursor: default;
}

.timeline-header__actor___uN1bG,
.timeline-header__verb___22toU {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.timeline-header__actor___uN1bG,
.timeline-header__participants___1xiDi,
.timeline-header__target___r9OD6 {
    white-space: normal;
    font-weight: 500;
}

.timeline-header__participants___1xiDi {
    position: relative;
}

.timeline-header__pinned___2nHsf {
    padding-left: 4px;
}

.limited-group__container___3iPUx {
    position: relative;
    width: 100%;
}

.limited-group__container-truncate___2tJ9B {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.limited-group__container___3iPUx > span,
.limited-group__shown___Bnr4X > span {
    margin-right: 2px;
}

.limited-group__shown-truncate___QuWfx {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limited-group__shown___Bnr4X,
.limited-group__hidden___1BOKi {
    position: relative;
    display: inline;
}

.limited-group__hidden___1BOKi {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-left: 2px;
}

.limited-group__hidden--hoverable___3YaLQ {
    text-decoration: underline;
}

.limited-group__hidden--hoverable___3YaLQ:hover {
    color: #211712;
}

.limited-group__hidden___1BOKi:hover .limited-group__hidden-models___3OHxf {
    display: block;
}

.limited-group__hidden-models___3OHxf {
    display: none;
}

.truncated-group__container___dz2_D {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
}

.truncated-group__shown___39sTE {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.truncated-group__hidden___1p7wD {
    position: relative;
    top: 1px; /* This aligns the +[number] with rest of text */
}

.truncated-group__hidden___1p7wD:hover {
    /* Removes the text cursor that appears on hover */
    cursor: default;
}

.action-menu__dots-container___hTjvJ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 16px;
}

.action-menu__dots-container___hTjvJ:hover .action-menu__dot___1PGhQ,
.action-menu__dots-container___hTjvJ:focus-visible .action-menu__dot___1PGhQ {
    background-color: #211712;
}

.action-menu__dots-container___hTjvJ:focus-visible {
    outline: 2px solid #065289;
    outline-offset: 2px;
}

.action-menu__dot___1PGhQ {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: 2px 0;
    background-color: #4d4540;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; /* Necessary in Safari/Firefox */
}

.action-menu__dot--small___1toD9 {
    width: 4px;
    height: 4px;
    margin: 1px 0;
}

.add-reaction-button__add-reaction-button___zB2pM {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
    border-radius: 3px;
    height: 27px;
}

.add-reaction-button__add-reaction-button___zB2pM > :first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #7a7370;
}

.add-reaction-button__add-reaction-button___zB2pM:hover {
    background-color: #f7f7f7;
    cursor: pointer;
}

.add-reaction-button__add-reaction-button--active___2ysyK {
}

.add-reaction-button__add-reaction-button___zB2pM:hover > :first-child,
.add-reaction-button__add-reaction-button--active___2ysyK > :first-child {
    color: #4d4540;
}

.add-reaction-button__reaction-selection-popover____LpMr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15px;
    line-height: 17px;
}

.add-reaction-button__reaction-button___ISrxZ {
    position: relative;
    width: 28px;
    height: 28px;
    margin: 2px;
    padding: 0;
}

.add-reaction-button__reaction-button___ISrxZ > :first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.add-reaction-button__reaction-button___ISrxZ:hover {
    cursor: pointer;
    font-size: 19px;
    -webkit-transition: font-size 200ms ease-in-out;
    transition: font-size 200ms ease-in-out;
}

.reaction-button__reaction-button___38ZQC {
    padding: 2px 4px;
    margin: 0 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #7a7370;
    border-radius: 3px;
    border: 1px solid #ebe8e8;
    font-size: 13px;
}

.reaction-button__reaction-button--small___3vB55 {
    padding: 2px 6px;
}

/* Spacing between reaction number and emoji */
.reaction-button__reaction-button___38ZQC > :first-child {
    margin-right: 4px;
}

.reaction-button__reaction-button___38ZQC:hover {
    background-color: #ebe8e8;
    color: #211712;
}

.reaction-button__reaction-button--reacted___31yrp {
    color: var(--gray);
    background-color: #f7f7f7;
    border-color: #dbd9d9;
}

.reaction-bar__reaction-bar___30tgm {
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 27px;
}

.reaction-bar__reaction-bar--small___1V6Ri {
    font-size: 13px;
    height: 23px;
}

/* Styling the 'Add reaction' button */
.reaction-bar__reaction-bar___30tgm button:last-child {
    margin-left: 2px;
    height: 100%;
}

.timeline-reaction-bar__reaction-bar-container___30kd2 {
    padding: 0 16px 16px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.list-view__fade-full___VySJC ul > *:last-child,
.list-view__fade-with-scrollbar___3P2L6 ul > *:last-child {
    margin-bottom: 64px;
}

.list-view__list-view-loading___7UqXw::before {
    content: '';
    z-index: 10;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    background-color: #fff;
    overflow: none;
}

.list-view__fade-full___VySJC::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 64px;
    background: -webkit-gradient(
        linear,
        left bottom, left top,
        from(rgba(255, 255, 255, 1)),
        color-stop(25%, rgba(255, 255, 255, 1)),
        to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
        to top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 25%,
        rgba(255, 255, 255, 0) 100%
    );
}

.list-view__fade-with-scrollbar___3P2L6::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 17px); /* Somewhat-standard width of browser scrollbars */
    height: 64px;
    background: -webkit-gradient(
        linear,
        left bottom, left top,
        from(rgba(255, 255, 255, 1)),
        color-stop(25%, rgba(255, 255, 255, 1)),
        to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
        to top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 25%,
        rgba(255, 255, 255, 0) 100%
    );
}

.relative-overlay__container___MBS62 {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 20;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.relative-overlay__container-opaque___2kxEb {
    background-color: white;
}

.list-view-infinite-loading__list-view-infinite-loading___1-g2e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 0;
}

.list-view-infinite-loading__list-view-infinite-loading___1-g2e svg path,
.list-view-infinite-loading__list-view-infinite-loading___1-g2e svg rect {
    fill: #fe5800;
}

.list-view-paginated__list-view-paginated___iF1VL {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.list-view-paginated__overlay___Rjcyn {
    position: absolute; /* Sit on top of the page content */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.list-view-paginated__pad-8___o_k5P {
    padding: 8px;
}

.list-view-paginated__pad-16___3juXZ {
    padding: 16px;
}

.list-view-paginated__item-spacing-8___Q6Zo6 {
    margin-bottom: 8px;
}

.list-view-paginated__item-spacing-16___1KboR {
    margin-bottom: 16px;
}

.sidebar-special-state__container___1f38A {
    position: relative;
    height: 100%;
    background-color: white;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.sidebar-special-state__icon___2TyAE {
    fill: #d4d1cf;
    padding: 64px 0 16px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.sidebar-special-state__icon___2TyAE .svg-activity-empty-state-icon .surface,
.sidebar-special-state__icon___2TyAE .svg-activity-error-state-icon .surface,
.sidebar-special-state__icon___2TyAE .svg-todo-empty-state-icon .surface,
.sidebar-special-state__icon___2TyAE .svg-todo-error-state-icon .surface {
    fill: #f7f7f7;
}

.sidebar-special-state__text-container___1JWPb {
    text-align: center;
}

.sidebar-special-state__header___33G25 {
    font-size: 17px;
    color: #4d4540;
    font-weight: 500;
    margin-bottom: 10px;
}

.sidebar-special-state__subheader___3uukV {
    margin: 0 auto;
    max-width: 90%;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 20px;
    color: #7a7370;
}

.sidebar-special-state__divider___3Yght {
    margin: 32px auto;
    width: 50%;
}

.list-view-infinite-activities__list-view-infinite___2Hlkf {
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #f7f7f7;
}

.list-view-infinite-activities__list-view-infinite-scroll-container___6nIau {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.list-view-infinite-activities__list-view-infinite-scroll-container___6nIau div:focus {
    outline: none;
}

.list-view-infinite-activities__list-view-infinite-special-state-container___25Lep {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 24px;
    height: 100%;
    background-color: white;
}

.list-view-special-state-text__list-view-special-state-text___2MesS {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 40px 32px;
}

.empty-state-small__container___64cDS {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.empty-state-small__container___64cDS img {
    height: 64px;
}

.empty-state-small__content-container___2kzUS {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 164px;
}

.empty-state-small__empty-text___RUhLp {
    margin-left: 32px;
    max-width: 500px;
}

.empty-state-small__empty-text___RUhLp > *:first-child {
    margin-bottom: 4px;
}

.bulleted-list__bulleted-list___3esJi {
    margin-bottom: 32px;
}

.bulleted-list__bulleted-list--small___vgNXS {
    font-size: 13px;
    margin-bottom: 0;
}

.bulleted-list__bulleted-list--normal___1UmgC {
    font-size: 15px;
}

.bulleted-list__bulleted-list--big___1zErk {
    font-size: 17px;
}

.bulleted-list__list-item___tWGFo {
    position: relative;
    display: block;
    padding: 0 6px 0 12px;
    margin: 0 0 16px 4px; /* This aligns the bullets with the left-edge */
    color: #4d4540;
    line-height: 1.4;
}

.bulleted-list__list-item--normal___2bsO9 {
}

.bulleted-list__list-item--big___NtNxL {
}

.bulleted-list__list-item--small___rjWjY {
    margin-bottom: 6px;
}

.bulleted-list__list-item___tWGFo:last-child {
    margin-bottom: 0;
}

.bulleted-list__list-item___tWGFo:before {
    position: absolute;
    left: -4px;
    top: -2px;
    content: '•';
    font-size: 18px;
    color: #fe5800;
}

.bulleted-list__list-item--small___rjWjY:before {
    top: -4px;
}

.bulleted-list__list-item--grey___1zkcL:before {
    color: #4d4540;
}

.empty-state-large__container___5bD0V {
    margin: 32px;
}

.empty-state-large__empty-text___t89lt {
    max-width: 720px;
    margin-bottom: 32px;
}

.empty-state-large__empty-text___t89lt > *:first-child {
    margin-bottom: 8px;
}

.empty-state-large__details-container___3SEpt {
    width: 100%;
    margin-bottom: 32px;
}

.empty-state-large__details-container--with-text___3zTJk {
}

.empty-state-large__details-container--with-text___3zTJk > *:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-flex-basis: calc(50% - 16px);
        -ms-flex-preferred-size: calc(50% - 16px);
            flex-basis: calc(50% - 16px);
    margin-right: 32px;
}

.empty-state-large__details-container--with-text___3zTJk > *:last-child {
    -webkit-flex-basis: calc(50% - 16px);
        -ms-flex-preferred-size: calc(50% - 16px);
            flex-basis: calc(50% - 16px);
}

.empty-state-large__details-container___3SEpt ul {
    max-width: 360px;
}

.empty-state-large__action-container___1kH8g {
    width: 100%;
}

.empty-state-large__action-container___1kH8g > :nth-child(2) {
    display: block;
    margin: 0 auto;
}

.empty-state-large__cta-container___3rR_8 {
    margin-bottom: 16px;
}

.empty-state-large__cta-container--two-column___nKSDw {
}

.empty-state-large__cta-container--two-column___nKSDw > *:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-flex-basis: calc(50% - 16px);
        -ms-flex-preferred-size: calc(50% - 16px);
            flex-basis: calc(50% - 16px);
    margin-right: 32px;
}

.empty-state-large__cta-container--two-column___nKSDw > *:last-child {
    -webkit-flex-basis: calc(50% - 16px);
        -ms-flex-preferred-size: calc(50% - 16px);
            flex-basis: calc(50% - 16px);
}

.empty-state-popover__container___qKUvE {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.empty-state-popover__empty-text___34m1q {
    max-width: 400px;
    text-align: center;
}

.special-states__outer-container___239_I {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 64px;
}

.special-states__inner-container___1UUT7 {
    padding: 0 16px;
}

.empty-timeline-cell__ghost___JeXTo {
    background-color: #f1f1f1;
}

.empty-timeline-cell__profile___Q3N-N {
    border-radius: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 44px;
    width: 44px;
}

.empty-timeline-cell__content___1FIy- {
}

.empty-timeline-cell__container___3Yk1f {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
}

.empty-timeline-cell__line___1XkEg {
    border-left: 2px solid #f1f1f1;
    margin-right: 44px;
    margin-left: 20px;
}

.empty-timeline-cell__top-line___2Ggpm {
    height: 20px;
}

.empty-timeline-cell__entryHeader___1XZxI {
    width: 90%;
    margin-left: 22px;
}

.empty-timeline-cell__row___3OySQ {
    height: 17px;
}

.empty-timeline__empty-timeline-container___2Mfxs {
    height: 100%;
    min-height: 500px;
    overflow: hidden;
}

.timeline-empty-state__empty-state___1w_7O {
    position: relative;
    height: 100%;
}

.timeline-empty-state__empty-state-msg___CsLsV {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #7a7370;
            box-shadow: 0 0 3px #7a7370;
    padding: 0 48px;
}

.timeline-empty-state__no-padding___2oENO {
    padding: 0;
}

.timeline-entry-chat__item-timestamp___4hagX {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    color: #7a7370;
}

.timeline-entry-chat__item-body___FiMJA {
    margin-right: 32px;
}

.list-item__list-item___3PJlk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px 8px;
    width: 250px;
    border-radius: 4px;
}

.list-item__list-item___3PJlk:hover {
    background-color: #f7f7f7;
}

.list-item__list-item___3PJlk label {
    width: calc(250px - 16px);
}

.mini-list-popover__mini-list-popover___9jLcP {
    padding: 8px;
    position: relative;
}

.mini-list-popover__loading-container___3sAGh {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.02);
}

.mini-list-popover__header___1XHiN {
    font-weight: 500;
    font-size: 15px;
    padding: 8px 0 4px 8px;
}

.lead-formatted-value__formatted-value___3k_yK {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.lead-formatted-value__prefix___3YtYM {
}

.lead-formatted-value__value___c8gGm {
    padding-left: 0.1em;
    padding-right: 0.1em;
}

.lead-formatted-value__suffix___3asJ6 {
}

.lead-avatar__avatar___3RJk_ {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    /* Width is needed when a number is included, and the icon itself is smaller */
    width: 32px;
}

.lead-avatar__number___1Kwsy {
    display: block;
    font-size: 10px;
    margin-top: -2px;
    text-align: center;
    width: 100%;
    color: #7a7370;
    min-height: 14px;
}

.lead-two-line__lead-two-line___3POwq {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.lead-two-line__less-padding___2IKSd {
    padding: 4px;
}

.lead-two-line__lead-two-line--with-number___3Xqop {
}

/* Need to make room for lead number */
.lead-two-line__lead-two-line--with-number___3Xqop .lead-two-line__lead-info___1iO4e {
    height: 36px;
}

.lead-two-line__lead-info___1iO4e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 8px;
    overflow: hidden;
}

.lead-two-line__lead-info--two-rows___39V9e {
    height: 32px;
}

.lead-two-line__top-row___1iuol {
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #211712;
}

.lead-two-line__top-row___1iuol > *:first-child {
    margin-right: 4px;
}

.lead-two-line__top-row___1iuol > a {
    min-width: 0;
    margin-right: 8px;
}

.lead-two-line__top-row___1iuol > a > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 15px;
}

.lead-two-line__bottom-row___btxR4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    white-space: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.lead-two-line__overdue-duration___2AqUg {
    color: #bf2436;
}

.lead-two-line__associated___3tDhp {
    color: #4d4540;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 14px;
}

.truncated-timeline-entry-content__truncated-content-container___27TTu {
    position: relative;
    min-height: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 8px;
    overflow-wrap: anywhere;
}

/* For chat entries, we want to remove margins from chat items */
.truncated-timeline-entry-content__truncated-content-container___27TTu ul > li,
.truncated-timeline-entry-content__truncated-content-container___27TTu ul > li > div {
    margin: 0;
}

.truncated-timeline-entry-content__truncated-content___2NCSp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.truncated-timeline-entry-content__truncated-content___2NCSp > div > span[data-entity-name='Users'],
.truncated-timeline-entry-content__truncated-content___2NCSp > div > span[data-entity-name='Teams'] {
    background-color: #faf0e6;
}

.truncated-timeline-entry-content__truncated-content___2NCSp > div > span[data-entity-name='Contacts'] {
    background-color: #e8f4fa;
}

.truncated-timeline-entry-content__truncated-content___2NCSp > div > span[data-entity-name='Accounts'] {
    background-color: #e9e9f6;
}

.truncated-timeline-entry-content__truncated-content___2NCSp > div > span[data-entity-name='Leads'] {
    background-color: #e4f6e9;
}

.truncated-timeline-entry-content__expand-button___2Kw2q {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 2px;
    right: 2px;
    padding: 4px;
    border-radius: 3px;
    background-color: #f7f7f7;
    outline: 4px solid #ffffff;
    color: #4d4540;
}

.truncated-timeline-entry-content__expand-button___2Kw2q:hover {
    color: #211712;
}

.timeline-entry-content__timeline-entry-content___byljN {
    padding: 16px 16px 12px 16px;
    font-size: 13px;
}

.timeline-entry-content__timeline-entry-content--row-view___2WifY {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.timeline-entry-content__timeline-entry-content--expandable___347dC {
    cursor: pointer;
}

.timeline-entry-content__content-heading-container___1aLal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/* Adds margin between heading and content (if there is content) */
.timeline-entry-content__content-heading-container___1aLal:not(:only-child) {
    margin-bottom: 8px;
}

/* Negative margin so that status bar appears aligned with content */
.timeline-entry-content__status-bar-container___37V8T {
    margin-left: 0;
}

.timeline-entry-content__subject___3SXhi {
    font-size: 15px;
    color: #211712;
    font-weight: 500;
    /* Needs bigger line height so that bottom of long letters are not cut off */
    line-height: 21px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: 8px;
}

/* To add spacing if there is a status bar */
.timeline-entry-content__subject___3SXhi:not(:only-child) {
    margin-top: 8px;
}

.timeline-entry-content__participant-actions-container___1eWT7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: 16px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

/* Make body hyperlinks look clickable */
.timeline-entry-content__entry-html-body___1uKHh > a {
    color: #3b9eD7;
}

.timeline-entry-content__entry-html-body___1uKHh > a:hover,
.timeline-entry-content__entry-html-body___1uKHh > a:focus {
    color: #337da8;
}

.timeline__timeline-container___aQZCH {
    background-color: #f7f7f7;
    padding: 16px;
    height: 100%;
    min-height: 600px;
}

.timeline__timeline-container--dashboard___3vE1H {
    overflow: auto;
    padding: 12px;
}

.timeline-banner__banner-container___3rnV5 {
    margin-bottom: 32px;
}

.timeline-banner__banner-container--last-entry___2IsbI {
    margin-bottom: 56px; /* This gives extra margin for the end circle */
}

.timeline-banner__content___2rm9j {
    margin-left: 16px;
}

.timeline-banner__target___27u10 {
    font-weight: 500;
    overflow-wrap: anywhere;
}

.timeline-banner__target--button___20vSJ {
    color: #3b9eD7;
}

.timeline-banner__target--button___20vSJ:hover {
    text-decoration: underline;
    cursor: pointer;
}

.timeline-banner__target--button___20vSJ:focus {
    text-decoration: underline;
}

.timeline-banner__submission-data___2qM93 {
    padding: 16px 32px;
}

.timeline-banner__banner-body___3xJa0 {
    position: relative;
    margin-top: 4px;
    margin-left: 60px;
}

.timeline-banner__banner-body--small___1mzyb {
    margin-left: 0;
}

/* left-align the reaction bar/button */
.timeline-banner__reactions___1rCzH {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    left: -8px;
}

.timeline-banner__reaction-bar-container___3cFMk {
    /* 8px spacing for the reaction bar */
    top: 8px;
}

.timeline-banner__reaction-button-container___2inYn {
    /* No top spacing when just showing the button*/
    top: 0;
}

.timeline-banner__reactions___1rCzH > div {
    padding: 0 0 4px 4px;
}

.timeline-banner__body___3X1LK {
    padding: 32px;
}

.timeline-modal-header__timeline-modal-header___3_oUy {
    padding: 16px 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f7f7f7;
}

.timeline-modal-header__timeline-modal-header___3_oUy > :last-child {
    position: relative;
    right: -6px;
    margin-left: 8px;
}

.timeline-modal-wrapper__timeline-modal___1ftBq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
}

/* Reduce padding of close button */
.timeline-modal-wrapper__timeline-modal___1ftBq > :first-child {
    padding-right: 0;
}

.timeline-modal-wrapper__modal-content-container___2NB2P {
    width: 660px;
    background-color: #ffffff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.timeline-modal-wrapper__loading-container___3iM_A {
    min-height: 150px;
    padding: 64px;
}

.view-submission-data__view-submission-data___2PSuT {
    padding: 0;
    width: 100%;
    font-size: 15px;
}

/* Form fields in the datalist */
.view-submission-data__view-submission-data___2PSuT > *:not(:last-child) {
    margin-bottom: 24px;
}

/* Field label */
.view-submission-data__view-submission-data___2PSuT dt {
    margin-bottom: 8px;
    color: #4d4540;
}

/* Field isRequired star */
.view-submission-data__view-submission-data___2PSuT dt span {
    margin-left: 4px;
    color: #ff2e47;
}

/* Field value */
.view-submission-data__view-submission-data___2PSuT dd {
    margin: 0;
    white-space: pre-wrap;
    color: #211712;
}

/* Field no value submitted */
.view-submission-data__view-submission-data___2PSuT dd span {
    font-style: italic;
    color: #7a7370;
}

.view-submission-header__view-submission-header___1wRKW {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
}

.view-submission-header__left-container___1rQu- {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80px;
    color: #7a7370;
}

/* Avatar */
.view-submission-header__left-container___1rQu- > :first-child {
    margin-bottom: 8px;
}

.view-submission-header__right-container___3qOPI {
    margin-left: 8px;
    color: #4d4540;
    width: 100%;
}

/* [entity] submitted [form] */
.view-submission-header__right-container___3qOPI > :first-child {
    margin-bottom: 4px;
}

.view-submission-header__submission-details-container___3_pnR {
    margin-top: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ebe8e8;
}

.view-submission-header__submission-details-container___3_pnR a {
    text-decoration: underline;
}

.error-state__container___30dUp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    height: 100%;
    background-color: white;
}

.error-state__subtitle-container___QE1Nm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.error-state__subtitle-container___QE1Nm button {
    font-size: 17px;
}

.error-state__subtitle-container--small___3--et button {
    font-size: 15px;
}

.error-state-small__error-state-small___2vsf- {
    padding: 12px;
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

/* The plug error icon container */
.error-state-small__error-state-small___2vsf- > :first-child {
    width: 80px;
    margin-right: 16px;
}

.error-state-small__subtitle___2279K {
    font-size: 13px;
    margin-top: 4px;
}

.error-state-small__subtitle___2279K button {
    padding: 0;
}

.view-form-submission-modal__view-form-submission-modal___2Dmcq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 700px;
    height: 70vh;
}

/* Set padding for the 'X' close button */
.view-form-submission-modal__view-form-submission-modal___2Dmcq > :first-child {
    padding: 4px 0;
}

.view-form-submission-modal__view-submission-content-container___VjUJv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 700px;
    background-color: white;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/* Header */
.view-form-submission-modal__view-submission-content-container___VjUJv > :first-child {
    padding: 32px 32px 0 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}

/* Gradient shadow below header */
.view-form-submission-modal__view-submission-content-container___VjUJv > :first-child::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -50px;
    width: 100%;
    height: 50px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.001)), to(#fff));
    background: linear-gradient(to top, rgba(255, 255, 255, 0.001), #fff);
}

/* Scrollable details*/
.view-form-submission-modal__submission-details___3rTAt {
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    width: 100%;
    position: relative;
    /* Additional left padding to align with 80px avatar section */
    padding: 0 32px 0 112px;
}

/* First field label appears above gradient shadow */
.view-form-submission-modal__submission-details___3rTAt dl > :first-child dt {
    position: relative;
    z-index: 2;
}

/* Footer */
.view-form-submission-modal__view-submission-content-container___VjUJv > :last-child {
    position: relative;
    width: 100%;
    bottom: 0;
    padding: 0;
    -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
    /* Box shadow appears above gradient */
    z-index: 2;
}

/* Gradient shadow above footer */
.view-form-submission-modal__view-submission-content-container___VjUJv::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 50px;
    width: 100%;
    height: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.001)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.001), #fff);
}

/* Error and loading states*/
.view-form-submission-modal__special-state___367k7 {
    height: 100%;
}

.form-submissions-section__submission___2Xx6z {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.form-submissions-section__submission___2Xx6z button,
.form-submissions-section__form-submissions-section___2bA7f button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    text-align: left;
}

.form-submissions-section__more-submissions-container___2wVwF {
    color: #7a7370;
}

.submission-data__submission-data___pK-F5 {
    padding: 0;
    width: 100%;
    font-size: 15px;
}

/* Form fields in the datalist */
.submission-data__submission-data___pK-F5 > *:not(:last-child) {
    margin-bottom: 24px;
}

/* Field label */
.submission-data__submission-data___pK-F5 dt {
    margin-bottom: 8px;
    color: #4d4540;
}

/* Field isRequired star */
.submission-data__submission-data___pK-F5 dt span {
    margin-left: 4px;
    color: #ff2e47;
}

/* Field value */
.submission-data__submission-data___pK-F5 dd {
    margin: 0;
    white-space: pre-wrap;
    color: #211712;
}

/* Field no value submitted */
.submission-data__submission-data___pK-F5 dd span {
    font-style: italic;
    color: #7a7370;
}

.constant-contact-email-preview-modal__container___1nqhN {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.constant-contact-email-preview-modal__email-container___2ShTL {
    border: 1px solid #ebe8e8;
    margin-bottom: 32px;
}

.timeline-banner-comment-card__content-container___1CmGv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
}

.timeline-banner-comment-card__avatar-container___1PJQa {
    position: relative;
    top: 0;
    margin-right: 8px;
    height: 24px;
}

.timeline-banner-comment-card__comment-container___2ihkM {
    position: relative;
    top: 4px;
}

.timeline-banner-comment-card__comment-container--multiline___2Qxqd {
    top: 2px;
}

.timeline-entry-toolbar__container___3fZoy {
    padding: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* Match the hover state of the action menu to the rest of the buttons */
.timeline-entry-toolbar__container___3fZoy > :last-child:hover {
    background: #f7f7f7;
}

/* Set padding for buttons that are not the action menu (that one is special) */
.timeline-entry-toolbar__container___3fZoy button:not(:last-child) {
    margin-right: 4px;
}

.timeline-entry-toolbar__container___3fZoy button {
    border-radius: 3px;
    padding: 4px;
    width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* Ensure that the colors of icons are consistent */
.timeline-entry-toolbar__container___3fZoy button svg {
    color: #4d4540;
    height: 15px;
    width: 15px;
}

.timeline-entry-toolbar__container___3fZoy button:hover svg {
    color: #211712;
}

.timeline-comment__timeline-comment___zcrEG {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    padding: 12px 16px 16px 12px;
    border-top: 1px solid #ebe8e8;
}

.timeline-comment__avatar-container___2A0x5 {
    margin-top: 6px;
    margin-right: 12px;
}

.timeline-comment__commenter-content-container___FpNzK {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}

.timeline-comment__commenter-content-container___FpNzK > :first-child {
    font-weight: 500;
}

.timeline-comment__timestamp-delete-button-container___3eI4o {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 fit-content;
        -ms-flex: 1 0 fit-content;
            flex: 1 0 fit-content;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 8px;
    margin-left: 12px;
}

.timeline-comment__timestamp-delete-button-container___3eI4o > :first-child {
    color: #7a7370;
    font-size: 13px;
    margin-right: 8px;
}

.timeline-comment__content___1NpsE > div > span[data-entity-name='Users'],
.timeline-comment__content___1NpsE > div > span[data-entity-name='Teams'] {
    background-color: #faf0e6;
}

.timeline-comment__content___1NpsE > div > span[data-entity-name='Contacts'] {
    background-color: #e8f4fa;
}

.timeline-comment__content___1NpsE > div > span[data-entity-name='Accounts'] {
    background-color: #e9e9f6;
}

.timeline-comment__content___1NpsE > div > span[data-entity-name='Leads'] {
    background-color: #e4f6e9;
}

.timeline-comment__remove-button___31Ceh > :first-child {
    padding-top: 0; /* Remove remove button padding */
}

.timeline-comment__add-reaction-container___1gDid {
    /* to align reaction button with other buttons */
    position: relative;
    top: -5px;
}

.timeline-comment__reaction-bar-container___4VT7_ {
    /* to align reaction bar with comment text */
    position: relative;
    top: 4px;
    left: -2px;
}

.show-hide-button__button-content___1Zvzn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 21px; /* Line height needed for icon and text to align */
}

.show-hide-button__icon___1h-VJ {
    margin-right: 16px;
}

.show-hide-button__icon___1h-VJ > * {
    position: relative;
    top: 2px;
}

.onboarding-body__main-content___zfPFZ {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 48px);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.onboarding-body__main-content___zfPFZ p {
    font-size: 15px;
    line-height: 1.4;
}

.onboarding-body__main-content___zfPFZ a {
    color: #3b9eD7;
    cursor: pointer;
}

.onboarding-body__main-content___zfPFZ a:hover,
.onboarding-body__main-content___zfPFZ a:focus {
    color: #337da8;
    text-decoration: underline;
}

.placeholder-popover__onboarding-container___1RZRr {
    width: 400px;
    padding: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 230px;
}

.placeholder-popover__onboarding-body___1uHp1 {
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.placeholder-popover__container___Sny15 {
    width: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
}

.placeholder-popover__textfield-container___1K52v {
    margin-right: 4px;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.placeholder-popover__blur-overlay___2eZrs {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.placeholder-popover__placeholder-popover-container___mxXap {
    background-color: white;
    position: absolute;
    padding: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 0 #7a7370;
            box-shadow: 0 0 10px 0 #7a7370;
    z-index: 1000000;
}

.rich-textarea__quill-container___ZksUk {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
}

.rich-textarea__editor___JWgUU {
    height: 100%;
    min-height: 0; /* For firefox smh */
    overflow-y: auto;
}

/* Allow quill editor to display overflow, used for mentions dropdown */
.rich-textarea__editor--overflow-visible___3bpT6 {
    overflow: visible;
}

/* Allow quill editor to grow to full height */
.rich-textarea__editor--full-height___2Hsr0 .quill {
    height: 100%;
}

/* Allow quill editor to display overflow, used for mentions dropdown */
.rich-textarea__editor--overflow-visible___3bpT6 .quill {
    overflow: visible;
}

.rich-textarea__quill-container___ZksUk .quill .ql-container {
    /* Their default font is Helvetica, we want to use IBM Plex Sans. */
    font-family: IBM Plex Sans;
    border: none;
    /* Darker text is much easier on the eyes */
    color: #211712;
    font-size: 13px;
    width: 100%;
    height: 100%;
}

.rich-textarea__quill-container___ZksUk .ql-editor {
    /*
     *  This unifies with text boxes on the left & gives us a bit extra on the right
     */
    padding: 8px 16px 8px 8px;

    /* Sane default for mega screens */
    max-width: 1200px;
    height: 100%;
    width: 100%;
}

/* Renders the container, but without padding */
.rich-textarea__quill-container--no-padding___2Mj5v {
}

.rich-textarea__quill-container--no-padding___2Mj5v .ql-editor {
    padding: 0;
}

.rich-textarea__quill-container--wide-padding___3W8yM .ql-editor {
    padding: 16px;
}

.rich-textarea__quill-container--wide-padding___3W8yM .ql-editor.ql-blank::before {
    padding: 0 2px; /* puts the placeholder next to the cursor, not under it */
}

/* Renders the container, but without padding */
.rich-textarea__quill-container--larger-text___3-6Ay .ql-editor {
    font-size: 15px;
}

/* Placeholder styles */
.rich-textarea__quill-container___ZksUk .ql-editor.ql-blank::before {
    font-style: normal;
    font-size: 13px;
    color: #a6a3a1;
}

/* Renders the container, but without padding */
.rich-textarea__quill-container--larger-text___3-6Ay .ql-editor.ql-blank::before {
    font-size: 15px;
}

/* Override toolbar icon stroke/fill */
.rich-textarea__quill-container___ZksUk .quill .ql-snow .ql-stroke {
    stroke: #4d4540;
}

.rich-textarea__quill-container___ZksUk .quill .ql-snow .ql-fill {
    fill: #4d4540;
}

.rich-textarea__quill-container___ZksUk .quill .ql-tooltip.ql-flip {
    /* We need to translate our link tooltip popup so
    it's not behind our sidebar */
    -webkit-transform: translate3d(78px, -10px, 0);
            transform: translate3d(78px, -10px, 0);
}

.rich-textarea__notification___smu_p {
    margin: 16px 8px 8px 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #f7f7f7;
}

.rich-textarea__reply-notification___3VJ83 {
    padding: 8px 16px;
    border-left: 9px solid #ebe8e8;
}

.rich-textarea__reply-notification___3VJ83 p {
    max-width: 85%;
    opacity: 0.6;
}

.rich-textarea__reply-notification___3VJ83 p:first-child {
    margin-bottom: 15px;
}

.rich-textarea__signature-notification___75t80 {
    background-color: #fff;
    padding: 8px 16px;
    border: 2px dashed #ebe8e8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.rich-textarea__signature-notification___75t80 a {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
}

.rich-textarea__signature-message___2ZyFH {
    padding-right: 16px;
    max-width: 100%;
}

.rich-textarea__signature-message___2ZyFH img {
    max-width: 100%;
}

/* Error styles */
.rich-textarea__quill-container--error___2bRJt {
}

.rich-textarea__quill-container--error___2bRJt .ql-editor.ql-blank::before {
    color: #ff2e47;
}

/*
TOOLBAR POSITION TOP
 */
.rich-textarea__quill-container--toolbar-top___2F_om {
}

.rich-textarea__quill-container--toolbar-top___2F_om .ql-editor {
    height: calc(100% - 40px);
}

.rich-textarea__quill-container--toolbar-top___2F_om.rich-textarea__quill-container--toolbar-floating-box___2Y03w .ql-editor {
    height: calc(100% - 56px);
}

/*
TOOLBAR POSITION BOTTOM
 */
.rich-textarea__quill-container--toolbar-bottom___2Sg10 {
}

.rich-textarea__quill-container--toolbar-bottom___2Sg10 .ql-editor {
    height: 100%;
}

.rich-textarea__quill-container--toolbar-bottom___2Sg10 .quill .ql-container {
    /* Toolbar is absolutely positioned, so we don't want
    the text allowed under it. 40px toolbar, 8px padding top/bottom */
    padding-bottom: 56px;
}

.rich-textarea__quill-container--toolbar-bottom___2Sg10.rich-textarea__quill-container--toolbar-grey-bar___2Q_xP .quill .ql-container {
    /* Toolbar is absolutely positioned, so we don't want
    the text allowed under it. 40px toolbar, no padding */
    padding-bottom: 40px;
}

/* Placeholder blot styles */
.rich-textarea__quill-container___ZksUk .ql-placeholder-blot {
    background-color: #3b9eD7;
    color: white;
    border-radius: 3px;
}

.rich-textarea__quill-container___ZksUk .ql-placeholder-blot-custom {
    background-color: #ff7833;
    color: white;
    border-radius: 3px;
    cursor: pointer;
}

.rich-textarea__quill-container___ZksUk .ql-placeholder-blot > span,
.rich-textarea__quill-container___ZksUk .ql-placeholder-blot-custom > span {
    padding: 0 4px;
}

.rich-textarea__quill-container___ZksUk .ql-placeholder-blot-custom-placeholder {
    background-color: rgba(234, 144, 51, 0.5);
    color: white;
    padding: 0 4px;
    border-radius: 3px;
}

.rich-textarea__quill-container___ZksUk .quill .ql-container blockquote {
    margin: 0;
}

.rich-textarea__quill-container___ZksUk .ql-mention-list-container {
    border-radius: 3px;
    background: white;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    left: 8px !important; /* ensure the container stays visible in the dashboard timeline */
    width: 100%; /* full width in the dashboard timeline */
    max-width: 500px; /* but also a sane max width */
}

.rich-textarea__quill-container___ZksUk .ql-mention-list-item {
    padding: 8px 16px;
}

.rich-textarea__quill-container___ZksUk .ql-mention-list-item.selected {
    background-color: #e8f4fb;
}

/* Placeholder blot styles */
.rich-textarea__quill-container___ZksUk .ql-mention-blot {
    color: #211712;
    border-radius: 3px;
    padding: 2px 4px;
}

.rich-textarea__quill-container___ZksUk .ql-mention-blot[data-entity-name='Users'],
.rich-textarea__quill-container___ZksUk .ql-mention-blot[data-entity-name='Teams'] {
    background-color: #faf0e6;
}

.rich-textarea__quill-container___ZksUk .ql-mention-blot[data-entity-name='Contacts'] {
    background-color: #e8f4fa;
}

.rich-textarea__quill-container___ZksUk .ql-mention-blot[data-entity-name='Accounts'] {
    background-color: #e9e9f6;
}

.rich-textarea__quill-container___ZksUk .ql-mention-blot[data-entity-name='Leads'] {
    background-color: #e4f6e9;
}

/* Loading state */
/* Mention empty state and error state styles */
.rich-textarea__quill-container___ZksUk .ql-mention-loading,
.rich-textarea__quill-container___ZksUk .ql-mention-list-item.disabled {
    padding: 32px 64px;
}

/* Mention blot styles */
.rich-textarea__quill-container___ZksUk .ql-mention-empty-state {
    color: #211712;
    border-radius: 3px;
    padding: 2px 4px;
}

.rich-textarea__quill-container___ZksUk .ql-mention-entity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 55px;
}

.rich-textarea__quill-container___ZksUk .ql-mention-entity-avatar {
    position: relative;
}

.rich-textarea__quill-container___ZksUk .ql-mention-entity-avatar > * {
    position: absolute;
    top: -20px; /* centers item vertically in row */
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    font-size: 17px;
    line-height: 40px;
    text-transform: uppercase;
    color: white;
    cursor: default;
}

.rich-textarea__quill-container___ZksUk .ql-mention-entity-info {
    position: relative;
    left: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.rich-textarea__quill-container___ZksUk .ql-mention-entity-name {
    font-size: 15px;
    margin-bottom: 4px;
    color: #211712;
}

.rich-textarea__quill-container___ZksUk .ql-mention-entity-detail {
    font-size: 13px;
    color: #7a7370;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.add-a-comment__add-a-comment___ygCKU {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    border-top: 1px solid #ebe8e8;
}

.add-a-comment__button-container___2E_2M {
    position: relative;
    right: 16px;
    top: 12px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.add-a-comment__button-container___2E_2M > *:last-child {
    margin-left: 8px;
}

.add-a-comment__saving___39Grg {
    width: 18px;
    height: 18px;
    color: #ffffff;
    background-color: #2e9942;
    border-radius: 10px;
}

.add-a-comment__textarea___2oW-z {
    padding: 4px 8px;
    width: 100%;
}

.add-a-comment__add-a-comment___ygCKU:focus-within {
    outline: 2px solid #065289;
    outline-offset: -2px;
}

.timeline-comments__timeline-comments___blnIl {
    font-size: 13px;
}

.timeline-comments__show-hide-container___3-Wfz {
    padding: 12px 10px;
    border-top: 1px solid #ebe8e8;
}

.email-engagement__container___95r8S {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 12px;
}

.email-engagement__container___95r8S > * {
    fill: #4d4540;
}

.email-engagement__count___3pd6L {
    padding-left: 4px;
}

.email-engagement-reaction-bar__email-engagement-reaction-bar___1ulnq {
    padding: 0 24px 16px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

/* Aligns engagement content end with reaction bar end */
.email-engagement-reaction-bar__engagement-container___2bIg8 {
    position: relative;
    left: -16px;
}

.email-engagement-reaction-bar__engagement-container___2bIg8 > div > button {
    padding: 5px 12px; /* This makes the button the same height as the reaction button in the timeline entry */
}

.lead-count-avatar__lead-chevron-container___1TKei {
    position: relative;
    background-color: #2e9942;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 2px solid #ffffff;
}

.lead-count-avatar__lead-chevron-container___1TKei:hover {
    cursor: default;
}

.lead-count-avatar__count-container___32Qar {
    position: absolute;
    left: 0;
    top: 0;
    color: #2e9942;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.overlapping-avatars__avatar-list___3rSkq {
    position: relative;
}

.overlapping-avatars__avatar-wrapper___3KfL0 {
    position: absolute;
}

.overlapping-avatars__avatar-wrapper--link___2F7k6 {
}

.overlapping-avatars__avatar-wrapper--link___2F7k6:hover {
    /* It is important to override the inline style z-index */
    z-index: 100 !important;
    -webkit-filter: drop-shadow(0 0 4px #4d4540);
            filter: drop-shadow(0 0 4px #4d4540);
    cursor: pointer;
}

/* Needed to override default cursor style when avatar has no icon */
.overlapping-avatars__avatar-wrapper--link___2F7k6:hover * {
    cursor: pointer;
}

/* Ensure a non-clickable avatar has a default cursor even if parent container has an onClick */
.overlapping-avatars__avatar-wrapper___3KfL0:hover {
    cursor: default;
}

.overlapping-avatars__hidden-avatars___3xROU {
    position: absolute;
    border: 2px solid #ffffff;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.overlapping-avatars__hidden-avatars___3xROU:hover {
    cursor: default;
}

.expanded-timeline-entry-content__expanded-timeline-entry-content___3o82J {
    width: 100%;
    margin-left: 8px;
    overflow-wrap: anywhere;
}

/* * * * * * * * * * * * * * * * * * * * *
 * TimelineEntry.js styles
 * * * * * * * * * * * * * * * * * * * * */
.timeline-entry__timeline-entry___3pRgM {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 32px;
}

.timeline-entry__entry-header-container___oenPt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 4px;
}

.timeline-entry__entry-header-container___oenPt > :first-child {
    margin-right: 12px;
}

.timeline-entry__entry-header-container--small___2dWWm {
    margin-bottom: 6px;
}

.timeline-entry__entry-header-container--small___2dWWm > :first-child {
    margin-right: 12px;
}

.timeline-entry__timeline-entry-container___AJNe- {
    /* Aligns entry card with icon */
    margin-left: 56px;
    position: relative;
}

.timeline-entry__timeline-entry-container--small___f6ztJ {
    margin-left: 0;
}

.timeline-entry__timeline-entry-content___Zynmn {
    position: relative;
}

.timeline-entry__timeline-entry-content--expandable___2Cv_0 {
    cursor: pointer;
}

/* * * * * * * * * * * * * * * * * * * * *
 * TimelineEntryCard.js styles
 * * * * * * * * * * * * * * * * * * * * */

/* Allows the @mention dropdown for comments to overflow the card */
.timeline-entry__timeline-entry-content___Zynmn > *:first-child {
    overflow: visible;
}

.timeline-entry__toolbar-container___2484N {
    position: absolute;
    top: -24px;
    right: 16px;
}

.sidebar-content__container___2Q5eT {
    height: 100%;
}

.sidebar-content__top___3AgqI {
    height: 230px;
}

.sidebar-content__top___3AgqI > button {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px;
    z-index: 1; /* ensure the close button is on top of the map */
}

.sidebar-content__body___2jH_h {
    height: calc(100% - 230px); /* full height minus top */
}

.sidebar-content__header___2GDFa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 8px;
    left: 18px;
}

.sidebar-content__name___2vn4_ {
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    color: #211712;
    padding: 16px 0 2px 10px;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sidebar-content__time___1zs6y {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    color: #7a7370;
    font-size: 13px;
}

.sidebar-content__locked-text___3GQaU {
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.sidebar-content__locked-text--blue___1mBiK {
    color: #3b9eD7;
}

.sidebar-content__info___3TSU4 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 342px;
    padding: 0 20px 16px 20px;
}

.sidebar-content__grid___2K2v8 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    margin: 0 auto;
}

.sidebar-content__scroll-container___2eQPP {
    position: relative;
    height: calc(100% - 342px); /* body height minus info section */
    overflow-y: auto;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.1), inset 0 -8px 6px -6px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.1), inset 0 -8px 6px -6px rgba(0, 0, 0, 0.1);
}

.sidebar-content__timeline-container___4FN9v {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px;
}

.sidebar-content__text___36QhR {
    text-align: center;
    margin-bottom: 8px;
    color: #7a7370;
}

.sidebar-content__button-container___WrXxZ,
.sidebar-content__link-container___2vxus {
    padding-top: 32px;
}

.sidebar-content__link-container___2vxus > a {
    width: 100%;
}

.fields__input-container___3KUxA {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.fields__input-container--two-columns___3H06u {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 302px; /* Looks great. */
    width: 816px; /* 400px each column, 16px gap */
}

.fields__input-container--two-columns___3H06u > div {
    margin-right: 16px;
    width: 400px;
}

/* No two column */
@media (max-width: 1344px) {
    .fields__input-container--two-columns___3H06u {
        -webkit-flex-wrap: unset;
            -ms-flex-wrap: unset;
                flex-wrap: unset;
        height: unset;
        width: unset;
    }

    .fields__input-container--two-columns___3H06u > div {
        margin-right: unset;
        width: unset;
    }
}

.badge__container___eZc-l {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 18px;
    height: 18px;
    border: 2px solid #f7f7f7;
    border-radius: 50%;
    -webkit-animation: badge__expand___2UTPk 150ms;
            animation: badge__expand___2UTPk 150ms;
}

.badge__container--small___1pOv6 {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-animation: badge__shrink-small___3hy4p 150ms;
            animation: badge__shrink-small___3hy4p 150ms;
}

.badge__container--small-initial___17f1G {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-animation: badge__grow-small___1S8IS 150ms;
            animation: badge__grow-small___1S8IS 150ms;
}

.badge__container--hidden___1eF2S {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation: badge__hide___3GYO_ 150ms;
            animation: badge__hide___3GYO_ 150ms;
}

.badge__contents___c6xww {
    display: block;
    color: #fff !important; /* override hover state for spans */
    text-align: center;
    width: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    -webkit-animation: badge__expand___2UTPk 150ms;
            animation: badge__expand___2UTPk 150ms;
}

.badge__container--small___1pOv6 .badge__contents___c6xww {
    -webkit-animation: badge__shrink-small___3hy4p 150ms;
            animation: badge__shrink-small___3hy4p 150ms;
}

.badge__container--hidden___1eF2S .badge__contents___c6xww {
    -webkit-transform: scale(0);
            transform: scale(0);
}

.badge__clickable___2emBw {
    cursor: pointer;
}

.badge__grey___2RYih {
    background-color: #4d4540;
}

.badge__clickable___2emBw:hover.badge__grey___2RYih {
    background-color: #211712;
}

.badge__blue___3_uwQ {
    background-color: #3b9eD7;
}

.badge__clickable___2emBw:hover.badge__blue___3_uwQ {
    background-color: #337da8;
}

@-webkit-keyframes badge__expand___2UTPk {
    0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
    75% {
        -webkit-transform: scale(1.08);
                transform: scale(1.08);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes badge__expand___2UTPk {
    0% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
    75% {
        -webkit-transform: scale(1.08);
                transform: scale(1.08);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes badge__shrink-small___3hy4p {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    75% {
        -webkit-transform: scale(0.4);
                transform: scale(0.4);
    }
    100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
}

@keyframes badge__shrink-small___3hy4p {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    75% {
        -webkit-transform: scale(0.4);
                transform: scale(0.4);
    }
    100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
}

@-webkit-keyframes badge__grow-small___1S8IS {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    75% {
        -webkit-transform: scale(0.55);
                transform: scale(0.55);
    }
    100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
}

@keyframes badge__grow-small___1S8IS {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    75% {
        -webkit-transform: scale(0.55);
                transform: scale(0.55);
    }
    100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
}

@-webkit-keyframes badge__hide___3GYO_ {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
}

@keyframes badge__hide___3GYO_ {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
}

.tiny-intro-company-logo__company-logo___12vZ_ {
    max-width: 60px;
    max-height: 51px;
    width: auto;
    height: auto;
    margin-right: 16px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.tiny-intro-company-logo__company-logo___12vZ_ > img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.tiny-intro-company-name-logo__company-container___3WMre {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tiny-intro-company-name-logo__company-container___3WMre > *:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.tiny-intro-option-cards__cards-container___1hw9J {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr;
}

.tiny-intro-option-cards__option-card___3tvfe {
    height: 400px;
}

.tiny-intro-option-cards__card-content___Cs1Db {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 32px 16px;
}

.tiny-intro-option-cards__title___3-WH9 {
    font-size: 17px;
    margin-bottom: 8px;
    margin-top: 6px;
    font-weight: 500;
}

.tiny-intro-option-cards__subtitle___2X2kn {
    font-size: 15px;
    color: #4d4540;
    line-height: 16px;
}

.tiny-intro-option-cards__illustration___n-N5U {
    height: auto;
    margin-bottom: 8px;
}

.progress-bar__indicator___2fiWU {
    background-color: #33c252;
}

.progress-bar__percentage-container___11rnB {
    margin-left: 8px;
    -webkit-box-flex: 34px;
    -webkit-flex: 34px;
        -ms-flex: 34px;
            flex: 34px; /* needs to be big enough to fit full percentage */
}

.progress-bar__bar___on6cd {
    width: 100%;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.tiny-introduction-wrapper__tiny-introduction-wrapper___1xesQ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
}

.tiny-introduction-wrapper__progress-bar-container___3FbtA {
    width: 60px;
    position: fixed; /* Should stay on top when scrolling */
    top: 32px;
    right: 32px;
    background-color: #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
}

.tiny-introduction-wrapper__small-screen-back-button___3czzg {
    display: none;
}

/* No image column */
@media (max-width: 928px) {
    .tiny-introduction-wrapper__back-button___BTK8d {
        display: none;
    }

    .tiny-introduction-wrapper__progress-bar-container___3FbtA {
        display: none;
    }

    .tiny-introduction-wrapper__small-screen-back-button___3czzg {
        display: inline;
    }
}

.question-slide__question-slide___2XcwI {
    width: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-animation: question-slide__fadeAndSlideIn___qk_hA 0.5s;
            animation: question-slide__fadeAndSlideIn___qk_hA 0.5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.question-slide__question-slide--two-columns___1zbVQ {
    width: 816px; /* 400px each column, 16px gap */
}

.question-slide__question-slide--wide___3xmvL {
    width: 660px;
    margin: 100px auto;
}

.question-slide__question-slide___2XcwI > :first-child {
    margin-bottom: 4px;
}

.question-slide__question-slide___2XcwI > :nth-child(2) {
    margin-bottom: 32px;
}

/* No two column */
@media (max-width: 1344px) {
    .question-slide__question-slide--two-columns___1zbVQ {
        width: 400px;
    }
}

/* No image column */
@media (max-width: 928px) {
    .question-slide__question-slide___2XcwI {
        width: unset;
        max-width: 400px;
    }

    .question-slide__question-slide--two-columns___1zbVQ {
        width: unset;
        max-width: 400px;
    }
}

@-webkit-keyframes question-slide__fadeAndSlideIn___qk_hA {
    from {
        opacity: 0;
        -webkit-transform: translateX(64px);
                transform: translateX(64px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@keyframes question-slide__fadeAndSlideIn___qk_hA {
    from {
        opacity: 0;
        -webkit-transform: translateX(64px);
                transform: translateX(64px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

.question-slide__info-message___fmrF0 {
    padding: 0 10px 10px 10px;
}

.final-slide__final-slide___3qHa7 {
}

.dynamic-cards__nutshell-info-card___2DvwD {
    width: 400px;
    height: 150px;
    padding: 16px 16px 0 16px;
}

.dynamic-cards__nutshell-info-card___2DvwD img {
    width: 400px;
    height: 150px;
}

.dynamic-cards__nutshell-info-card___2DvwD > div {
    border-radius: 5px;
}

.dynamic-cards__card-column___2ckCB {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    position: absolute;
    top: 100px;
    bottom: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.dynamic-cards__dynamic-info-card___1c2pF {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.dynamic-cards__card-contents___2cajO {
    height: 500px; /* needed for safari */
    min-height: 500px; /* needed for safari */
}

.dynamic-cards__card-info-text___37NJj {
    width: 400px;
    padding: 4px 16px 16px 16px;
    color: #4d4540;
    font-size: 15px;
    line-height: 20px;
}

.dynamic-cards__card-column___2ckCB::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 64px;
    background: -webkit-gradient(
        linear,
        left bottom, left top,
        from(#d9edf7),
        color-stop(25%, #d9edf7),
        to(rgba(217, 237, 247, 0))
    );
    background: linear-gradient(
        to top,
        #d9edf7 0%,
        #d9edf7 25%,
        rgba(217, 237, 247, 0) 100%
    );
}

.dynamic-cards__empty___3Opp9 {
    width: 100%;
    text-align: center;
}

.dynamic-cards__empty___3Opp9 img {
    width: 150px;
    -webkit-animation: dynamic-cards__fadein___3-hdc 0.5s;
            animation: dynamic-cards__fadein___3-hdc 0.5s;
}

.dynamic-cards__empty--balloon-man-gone___ugAcR {
    /* Don't quite need 100 */
    -webkit-transform: translateY(-90vh) rotate(-18deg);
            transform: translateY(-90vh) rotate(-18deg);
    -webkit-transition: -webkit-transform 1s ease-in;
    transition: -webkit-transform 1s ease-in;
    transition: transform 1s ease-in;
    transition: transform 1s ease-in, -webkit-transform 1s ease-in;
}

.dynamic-cards__empty--balloon-man-here___15sJb {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
}

@-webkit-keyframes dynamic-cards__fadein___3-hdc {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes dynamic-cards__fadein___3-hdc {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.tiny-introduction__slide-image___2O8qj {
    width: 400px;
    -webkit-animation: tiny-introduction__fadein___3SKCN 0.5s;
            animation: tiny-introduction__fadein___3SKCN 0.5s;
}

@-webkit-keyframes tiny-introduction__fadein___3SKCN {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes tiny-introduction__fadein___3SKCN {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.clouds-background-left__clouds-background-left___2CZjC {
    height: 100vh;
    background-image: url('/include/images/auth/clouds.png');
    background-size: 150%; /* Looks best */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    justify-self: center;
}

.layout__modal-body___1H7km {
    overflow-y: auto;
    padding: 26px 48px 16px 32px;
    position: relative;
}

.layout__modal-body--fullheight___3d7EG {
    height: 100%;
}

.layout__right-frame___2eD3C {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.layout__left-frame___UBsmQ {
    position: relative;
    -webkit-flex-basis: 32%;
        -ms-flex-preferred-size: 32%;
            flex-basis: 32%;
    height: 100%;
    background-color: #524fb8;
    color: #f7f7f7;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding: 26px 48px 48px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.layout__step-header___iBWw2 {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
}

.layout__left-frame___UBsmQ > svg {
    position: absolute;
    height: 68px;
    left: 38px;
    bottom: 100px;
}

.layout__nav-buttons___2rbEu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 24px 32px;
}

.layout__footer___3JnQx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 24px 32px;
}

.select-method-screen__success___11JCg {
    color: #33c252;
}

.select-method-page__container___fjGfq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.select-method-page__info-link___3M5oO {
    padding-top: 20px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
}

.mfa-header__mfa-header___m5ez_ {
    font-weight: 500;
    color: #211712;
    font-size: 17px;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}

.mfa-body__mfa-body___1vAz1 {
    font-weight: normal;
    color: #4d4540;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}

.mfa-secondary__mfa-secondary___3YnKW {
    font-weight: normal;
    color: #7a7370;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}

.mfa-code__tfa-code___3RJ8g {
    width: 54px;
    height: 69px;
    color: #4d4540;
    text-align: center;
    font-weight: 500;
    font-size: 21px;
    line-height: 29px;
}

.mfa-code__tfa-code___3RJ8g:not(:last-child) {
    margin-right: 8px;
}

.mfa-code__tfa-code___3RJ8g:nth-child(4) {
    margin-left: 8px;
}

.mfa-code__tfa-code___3RJ8g::-webkit-input-placeholder {
    color: #a6a3a1;
}

.mfa-code__tfa-code___3RJ8g::-moz-placeholder {
    color: #a6a3a1;
}

.mfa-code__tfa-code___3RJ8g:-ms-input-placeholder {
    color: #a6a3a1;
}

.mfa-code__tfa-code___3RJ8g::-ms-input-placeholder {
    color: #a6a3a1;
}

.mfa-code__tfa-code___3RJ8g::placeholder {
    color: #a6a3a1;
}

.mfa-code__mfa-row___VEiJF {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

.mfa-code__loadingIcon___OYydd {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin-left: 2px;
}

.verify-code__qr-image___2qZlU {
    width: auto;
    height: 110px;
}

.verify-code__qr-container___3_Sz0 {
    border: #d4d1cf;
    -webkit-box-shadow: 0 1px 2px 1px rgba(28, 25, 23, 0.15);
            box-shadow: 0 1px 2px 1px rgba(28, 25, 23, 0.15);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 12px;
    padding: 4px 0;
    height: 110px;
}

.verify-code__mfa-code___1S3Vz {
    margin-top: 12px;
}

.verify-code__send-again-button___dDhQt {
    font-size: 15px;
}

.mfa-recovery-codes__recovery-codes-container___oD6dv {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
    line-height: 16px;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 48px;
    font-family: 'IBM Plex Mono', Courier, monospace;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.mfa-recovery-codes__recovery-codes-inner-container___1uNxU {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 50%;
    font-size: 15px;
}

.mfa-recovery-codes__loading-container___3bl5c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.mfa-recovery-codes__buttons-container___8rpd- {
    margin-left: 0;
    margin-right: 0;
    margin-top: 16px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: space-between;
    -webkit-align-items: space-between;
        -ms-flex-align: space-between;
            align-items: space-between;
}

.mfa-recovery-codes__button___Jm8zJ {
    margin-left: auto;
}

.mfa-recovery-codes__generate-button___1l35l {
    margin-right: auto;
    -webkit-align-self: left;
        -ms-flex-item-align: left;
            align-self: left;
}

.mfa-recovery-codes__code___3tWd4 {
    margin-top: auto;
    margin-bottom: auto;
    -webkit-align-self: right;
        -ms-flex-item-align: right;
            align-self: right;
}

.mfa-recovery-codes__usedCode___3WsTd {
    text-decoration: line-through;
}

.mfa-recovery-codes__recovery-button-group___3OEUh {
    margin-left: auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.recovery-codes__mfa-codes___2hQ0P {
    margin-top: 12px;
}

.recovery-codes__top___2ckHt {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px #ebe8e8 solid;
}

.done__confetti-canvas___1WuCg {
    position: absolute;
    width: 100%;
    height: 600px;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
}

/* The Google button varies in size as it loads, this prevents it from shifting others */
.google-oauth-button__google-oauth-button-container___1Jlfh {
    height: 40px;
    position: relative;
}

.google-oauth-button__google-oauth-button-container___1Jlfh > :first-child {
    position: absolute;
    width: 100%;
}

.google-oauth-button__loading-placeholder___2-sBw {
    height: 38px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4px 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #7a7370;
}

.auth-shared__space-above___3BOAA {
    margin-top: 24px;
}

.auth-shared__space-below___1eGay {
    margin-bottom: 16px;
}

.auth-shared__footer-container___1ZcuQ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
}

.login-form__fields___2uI6o {
    margin-top: 24px;
}

.login-form__button___tgByx {
}

.login-form__submit___223kX {
    margin-bottom: 8px;
}

.login-form__label___3R7XT {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.login-form__button-contents-container___1dicx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.login-form__button-contents-container___1dicx > svg {
    margin-right: 8px;
}

.login-form__loading-icon-container___3e2AM {
    margin-left: 8px;
}

.login-form__error-message___7_qjd {
    margin: 16px 0;
}

.login-form__login-container___3j5kF {
}

.login-form__login-container___3j5kF > a {
    margin-left: 4px;
}

.login-form__resend___3-aGq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4px;
}

.login-form__resend___3-aGq button {
    padding: 0;
}

.login-form__recovery-button-container___3LXqs {
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.forgot-password-form__fields___3VmYm {
    margin-top: 32px;
}

.forgot-password-form__button___3qDLr {
}

.forgot-password-form__submit___1KFOf {
    margin-bottom: 8px;
}

.forgot-password-form__success___1dxTq {
    color: #33c252;
    font-size: 15px;
}

.reset-success-form__text___2uTfq {
    margin-top: 20px;
}

.reset-success-form__button___a1CUQ {
}

.reset-success-form__submit___2tyIa {
    margin-bottom: 8px;
}

.set-new-password-form__fields___2kJQq {
    margin-top: 32px;
}

.set-new-password-form__button___2r0im {
}

.set-new-password-form__submit___39waS {
    margin-bottom: 8px;
}

.signup-form__button___1gbiD,
.signup-form__space-above___Qyfm9 {
}

.signup-form__button-loading___2yAjo > button {
    padding: 11px 24px !important;
}

.signup-form__button___1gbiD:first-child > button {
    padding: 10px 24px !important;
}

.signup-form__button___1gbiD:last-child > button {
    padding: 17px 24px !important;
}

.signup-form__button-contents-container___2xZc0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.signup-form__button-contents-container___2xZc0 > svg {
    margin-right: 8px;
}

.signup-form__loading-icon-container___1PTL9 {
    margin-left: 8px;
}

.signup-form__below-button-message___3B8ZW {
    margin-top: 16px;
}

.signup-form__below-button-message___3B8ZW > button {
    padding: 4px 0;
}

.signup-form__seperator___3qF5V {
}

.signup-form__login-container___2c4md {
}

.signup-form__login-container___2c4md > a {
    margin-left: 4px;
}

.signup-form__agreement-container___rscFx {
    display: inline;
    padding-top: 24px;
    font-size: 13px;
    color: #7a7370;
}

.signup-tweets-container__tweets-container___28zTI {
    position: absolute;
    width: 770px;
    max-width: 80%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    right: 0;
    padding: 0;
    margin: auto;
    border-radius: 7px;
}

@media (max-width: 1760px) {
    .signup-tweets-container__tweets-container___28zTI {
        padding: 0;
        width: 385px;
    }
}

.tweet-card-container{padding:20px;width:385px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.tweet-card-container .tweet-card{background:white;padding:10px;border:1px solid #e1e1e1}.tweet-card-container .tweet-card .tweet-head{margin-bottom:20px}.tweet-card-container .tweet-card .tweet-head span .name{font-weight:500}.tweet-card-container .tweet-card .tweet-head .lc{max-width:50px;display:inline-block;margin-right:5px;vertical-align:middle}.tweet-card-container .tweet-card .tweet-head .lc .tweet-logo img{max-width:30px;border-radius:50%}.tweet-card-container .tweet-card .tweet-head .rc{display:inline-block;vertical-align:middle;font-size:16px !important}.tweet-card-container .tweet-card .tweet-head .rc .tweet-screen-name,.tweet-card-container .tweet-card .tweet-head .rc .tweet-date{color:gray;margin-left:5px}.tweet-card-container .tweet-card .tweet{font-size:16px !important;line-height:21px !important}.tweet-card-container .tweet-card .tweet .main-image,.tweet-card-container .tweet-card .tweet video{margin-top:20px;width:100%;height:auto}.tweet-card-container .tweet-card .tweet .main-image{max-height:180px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:10px;border:1px solid #e0e0e0}.tweet-card-container .tweet-card .tweet span.orange{color:#f05408}.tweet-card-container .tweet-card .tweet .emoji{display:inline;height:13px;width:auto}.slick-next:before,.slick-prev:before{opacity:1 !important}.slick-list a:focus{outline:none !important}
.join-your-team__join-your-team___Vjccy strong {
    color: #211712;
}

.join-your-team__join-your-team___Vjccy p {
    margin-bottom: 64px;
}

.join-your-team__contact-support___1J9F9 {
    margin-top: 8px;
    margin-bottom: 32px;
    text-align: center;
}

.join-your-team__success___2mtwL {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 41px;
    width: 100%;
    text-align: center;
    color: #33c252;
    font-size: 15px;
}

.join-your-team__different-address-container___1esFB {
}

/*
Our min-width for getting rid of the image on this view is 700px, but it seems
we need a single pixel less to make the button disappear at the same point
as our image
*/
@media (max-width: 699px) {
    .verify-sender-page__back-to-nutshell-container___167Du {
        display: none;
    }
}

.verify-email-page__verify-email___12_Y0 h1 {
    font-weight: normal;
    margin-bottom: 48px;
}

.verify-email-page__verify-email___12_Y0 strong {
    color: #211712;
}

.verify-email-page__resend-link___34mbN {
    margin-top: 8px;
    margin-bottom: 32px;
    text-align: left;
}

.verify-email-page__loading-icon___2z-f2 {
    fill: #ebe8e8;
    text-align: center;
}

.verify-email-page__pin-domain-options___28ETw {
    text-align: center;
    margin-top: 48px;
}

.verify-email-page__pin-domain-options___28ETw > *:first-child {
    margin-bottom: 16px;
}

/*
Our min-width for getting rid of the image on this view is 700px, but it seems
we need a single pixel less to make the button disappear at the same point
as our image
*/
@media (max-width: 699px) {
    .verify-email-page__back-to-nutshell-container___37eYy {
        display: none;
    }
}

.old-browser-page__browser-list___16d_R {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.old-browser-page__browser-list___16d_R > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
}

.old-browser-page__browser-list___16d_R > a:hover,
.old-browser-page__browser-list___16d_R > a:focus {
    background-color: #ebe8e8;
}

.old-browser-page__browser-list___16d_R img {
    height: 100px;
    margin-bottom: 8px;
}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:500}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#fac947;color:black}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:'\201C' '\201D' '\2018' '\2019'}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #ebe8e8;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0}input[type='search']{-webkit-appearance:textfield;box-sizing:content-box}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-spacing:0;cell-spacing:0;border-width:0}body{font-family:'IBM Plex Sans',"Helvetica Neue",sans-serif;font-size:13px;line-height:17px;color:#4d4540}body.no-scroll{overflow:hidden !important}::-moz-selection{background:#d9edf7;color:#337da8;text-shadow:none}::selection{background:#d9edf7;color:#337da8;text-shadow:none}a:focus,a:active,a:hover{outline:0}ol,ul{list-style:none;margin:0;padding:0}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type='number']{-moz-appearance:textfield}a{color:inherit;text-decoration:none}.underline{text-decoration:underline}.hover-underline:hover{text-decoration:underline}.center-content{margin:0 auto}.float-left{float:left}.float-right{float:right}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.link-blue-standard{color:#3b9ed7}.link-blue-standard:hover{text-decoration:underline;color:#337da8}.link-grey-standard{color:#4d4540}.link-grey-standard:hover{text-decoration:underline;color:#211712}.link-small-underlined{font-size:12px;color:#7a7370;text-decoration:underline}.link-small-underlined:hover{color:#4d4540}h1.styled{font-size:42px;font-family:'IBM Plex Sans',"Helvetica Neue",sans-serif;line-height:50px;font-weight:normal;letter-spacing:1px;text-shadow:1px 1px 0 #f7f7f7,2px 3px 0 #fceddc;color:#211712;margin:12px 0 10px 0}h2.styled{font-size:22px;line-height:31px;font-weight:normal;letter-spacing:1px;color:#4d4540;margin:10px 0 8px 0}h2.section-label{font-size:12px;line-height:21px;font-weight:500;padding-bottom:6px;color:#4d4540;border-bottom:1px solid #ebe8e8;text-transform:uppercase}h2.section-label a{text-transform:none}h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:500}h6{font-size:13px;font-weight:500;line-height:15px;padding-top:8px}button{color:inherit;font:inherit;margin:0;overflow:visible;text-transform:none;cursor:pointer;border:0;background:none;outline:none}.avatar{width:48px;height:48px}.avatar.avatar-assignee{background-image:url("/include/images/icons/avatars/assignee.png");background-repeat:no-repeat}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){.avatar.avatar-assignee{background-image:url("/include/images/icons/avatars/assignee_2x.png");background-repeat:no-repeat;background-size:48px 48px}}.avatar.avatar-user{background-image:url("/include/images/icons/avatars/user.png");width:48px;height:48px}.avatar.avatar-team{background-image:url("/include/images/icons/avatars/team.png");width:48px;height:48px}.avatar.avatar-product{background-image:url("/include/images/icons/avatars/product.png");width:48px;height:48px}.avatar.avatar-competitor{background-image:url("/include/images/icons/avatars/competitor.png");width:48px;height:48px}.avatar.avatar-source{background-image:url("/include/images/icons/avatars/source.png");width:48px;height:48px}.hidden,.js-confirm,.repeatable-blank,.l10n{display:none}.clearer{clear:both;height:0}.icon{background-repeat:no-repeat}div.hr{margin:12px 0;width:100%;height:1px;border-top:1px solid #ebe8e8}div.hr hr{display:none}hr.hr{float:left;width:100%;height:6px;border:none;border-top:1px solid #ebe8e8;margin:8px 0 8px 0;padding:0}.icon.icon-help{background-image:url("/include/images/sprites/layout-sprite.png?v=2");background-position:left top;background-repeat:no-repeat;background-position:-29px -233px;display:inline-block;width:22px;height:22px;margin:0 4px -5px 4px;opacity:.5;cursor:pointer}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){.icon.icon-help{background-image:url("/include/images/sprites/layout-sprite_2x.png?v=2");background-size:245px 255px}}.icon.icon-help:hover{opacity:1}.icon.icon-help.help-per-row{margin:-5px 4px -6px 5px}.percentage-increase,.percentage-over{color:#33c252}.percentage-decrease,.percentage-under{color:#ff2e47}.percentage-zero{color:#4d4540}.excerpt-crop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav.content-tabs li{float:left;margin:0 5px 0 0}nav.content-tabs li a{font-size:15px;font-weight:500;color:#4d4540;background-color:#ebe8e8;border-radius:3px 3px 0 0;position:relative;display:block;padding:8px 15px}nav.content-tabs li a:hover{color:#211712;background:#ebe8e8}nav.content-tabs li.state-selected a{color:white;background:#4d4540;z-index:21}div.section-header,tr.section-header th,tr.section-header td{background:#7a7370;border-top:1px solid #4d4540;border-bottom:1px solid #4d4540 !important;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.3);padding:0 15px;height:30px;line-height:30px}div.section-header .percentage,tr.section-header th .percentage,tr.section-header td .percentage{text-shadow:none;font-weight:normal}div.section-header.state-highlighted,tr.section-header.state-highlighted th{background:-webkit-gradient(linear, left top, left bottom, from(#211712), to(#4d4540))}.indicator-percent{width:100%;height:5px}.indicator-percent .under100,.indicator-percent .at100,.indicator-percent .over100,.indicator-percent .mercury{float:left;height:5px}.indicator-percent .under100{width:80%}.indicator-percent .at100{background-color:white;width:1px}.indicator-percent .over100{width:19%}.indicator-percent.color-red .under100{background-color:#ebe8e8}.indicator-percent.color-red .mercury{background-color:#ff2e47}.indicator-percent.color-green .under100{background-color:#ebe8e8}.indicator-percent.color-green .under100 .mercury{background-color:#33c252}.indicator-percent.color-green .over100 .mercury{background-color:#2e9942}.indicator-percent.percent-10 .under100 .mercury{width:10%}.indicator-percent.percent-20 .under100 .mercury{width:20%}.indicator-percent.percent-30 .under100 .mercury{width:30%}.indicator-percent.percent-40 .under100 .mercury{width:40%}.indicator-percent.percent-50 .under100 .mercury{width:50%}.indicator-percent.percent-60 .under100 .mercury{width:60%}.indicator-percent.percent-70 .under100 .mercury{width:70%}.indicator-percent.percent-80 .under100 .mercury{width:80%}.indicator-percent.percent-90 .under100 .mercury{width:90%}.indicator-percent.percent-100 .under100 .mercury{width:100%}.indicator-percent.percent-110 .under100 .mercury,.indicator-percent.percent-120 .under100 .mercury,.indicator-percent.percent-130 .under100 .mercury,.indicator-percent.percent-140 .under100 .mercury,.indicator-percent.percent-150 .under100 .mercury{width:100%}.indicator-percent.percent-110 .over100 .mercury{width:20%}.indicator-percent.percent-120 .over100 .mercury{width:40%}.indicator-percent.percent-130 .over100 .mercury{width:60%}.indicator-percent.percent-140 .over100 .mercury{width:80%}.indicator-percent.percent-150 .over100 .mercury{width:100%}#loading-hud{z-index:10000;display:none;position:fixed;top:40%;left:45%;background:url('/include/images/loading/background.png') center center no-repeat;width:92px;height:92px;padding-left:28px;padding-top:28px}.loading-sprite{background:url('/include/images/loading/white-66-sprite.png') 0 0 no-repeat;background-position:0 0;width:66px;height:66px}div.empty-placeholder{cursor:pointer;background-color:#d9edf7;border-radius:3px;text-align:center;color:#3b9ed7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 0}div.empty-placeholder:hover{background-color:#cce7f4}div.empty-placeholder .plus{margin-right:4px}div.empty-placeholder.type-account{color:#3d3b8a;background-color:#e9e9f6}div.empty-placeholder.type-account:hover{background-color:#dedef2}div.empty-placeholder.type-contact{color:#337da8;background-color:#e8f4fa}div.empty-placeholder.type-contact:hover{background-color:#dbeef7}div.empty-placeholder.type-product{color:#211712;background-color:#fff5d9}div.empty-placeholder.type-product:hover{background-color:#ffeec0}div.empty-placeholder.type-competitor{color:#211712;background-color:#ffd6d9}div.empty-placeholder.type-competitor:hover{background-color:#ffb7bd}.browser-ff div.empty-placeholder .plus,.browser-ie div.empty-placeholder .plus{margin-left:6px}.peep-list-item p{margin:0 0 0 6px;color:#7a7370;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peep-list-item div{float:left}.peep-list-item .avatar{width:36px;height:36px;border-radius:18px;background:#337da8 url('/include/images/layout/avatar-person.svg') no-repeat 50% 100%;background-size:90%}.peep-list-item .avatar img{width:36px;height:36px}.peep-list-item .primary-info{max-width:160px}.peep-list-item .name{color:#337da8}.peep-list-item .description{padding-left:.5em;color:#4d4540}.peep-list-item .secondary-info{width:110px}div.flash-message{font-size:15px;color:#2e9942;background-color:#d6f2de;border-radius:3px;margin-bottom:12px;padding:8px 10px}div.flash-message.flash-message-error{color:#ff2e47;background-color:#ffd6d9}div.flash-message.flash-message-info{background-color:#d9edf7;color:#337da8}div.flash-message a{color:#3b9ed7;text-decoration:underline}div.flash-message h3{margin-bottom:8px}#timeline-index .timeline-error-container{text-align:center;position:absolute;top:30px;width:100%}#timeline-index .timeline-error{font-family:'IBM Plex Sans',"Helvetica Neue",sans-serif;color:#4d4540;font-size:30px;line-height:45px}#timeline-index .error-graphic{padding-top:135px;text-align:center}div.notify-message{position:relative;padding:10px;margin-bottom:20px;text-shadow:0 1px 1px rgba(255,255,255,0.5);border:1px solid #33c252;border-radius:2px;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;background-color:#d6f2de;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.85),0 1px 1px rgba(0,0,0,0.08)}div.notify-message p,div.notify-message ul{margin:0 0 6px 0}div.notify-message .activity-sync-buttons{margin:8px 0 2px 0}div.notify-message .activity-sync-buttons .button-action{margin:0 4px 0 0}div.notify-message.notify-error{border:1px solid #ff2e47;background-color:#ffd6d9}div.notify-message.notify-exports-queued{border:1px solid #ebe8e8;background-color:#f7f7f7}div.notify-message a{font-weight:normal;color:#3b9ed7;text-decoration:underline}div.notify-message a:hover{color:#337da8}div.notify-message a.hide-message{position:absolute;right:20px;top:8px;color:#3b9ed7;opacity:.9;font-size:12px;font-weight:normal;text-decoration:none}div.notify-message a.hide-message:hover{text-decoration:underline}#ui-datepicker-div{position:absolute !important}ul.arrow-list li{line-height:20px}ul.arrow-list li:before{content:'› \0020';font-weight:500;padding-right:2px}ul.arrow-list li a:hover{text-decoration:underline}.entity-relationship{display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;color:#211712}.entity-relationship .icon{height:16px;width:16px;vertical-align:-15%;border-radius:8px}.entity-relationship .icon img{height:16px;width:16px}.entity-relationship .pie{vertical-align:top}.entity-relationship .icon,.entity-relationship .pie{display:inline-block;margin-right:2px}.entity-relationship.contact{color:#337da8}.entity-relationship.contact .icon{background-image:url("/include/images/icons/generic/contact.png");width:16px;height:16px}.entity-relationship.account{color:#3d3b8a}.entity-relationship.account .icon{background-image:url("/include/images/icons/generic/account.png");width:16px;height:16px}.entity-relationship.lead{color:#2e9942}.entity-relationship.user{color:#bf4200}a.entity-relationship:hover span,a.entity-relationship:focus span{text-decoration:underline}.uv-popover{position:fixed !important}#dancing-ian{display:none}

/*# sourceMappingURL=auth.css.map*/